html{
    font-family: Arial;
    letter-spacing: 0.8px;
    font-weight: 600;
}

button{
    font-weight: 600;
}

body:fullscreen {
  overflow: scroll !important;
}
body:-ms-fullscreen {
  overflow: scroll !important;
}
body:-webkit-full-screen {
  overflow: scroll !important;
}
body:-moz-full-screen {
  overflow: scroll !important;
}

a{
    text-decoration:none;
    color:black;
}

.user_options_btn_div_a:focus {
  border: 0.1em solid #4a70b1;
}

.user_squad_btn_div_a:focus {
  border: 0.1em solid #4a70b1;
}

.stay_connected_btn_span:focus {
  border: 0.1em solid #4a70b1;
}

.feed_btn_span:focus {
  border: 0.1em solid #4a70b1;
}

.friends_list_btn_div_a:focus {
  border: 0.1em solid #4a70b1;
}

.contact_us_btn_div_a:focus {
  border: 0.1em solid #4a70b1;
}

.logout_options_btn_div_a:focus {
  border: 0.1em solid #4a70b1;
}

.like_iframe_class:focus {
  border: 0.1em solid #4a70b1;
}

.add_hashtag_on_form_class2{
    background-color: #93e8ff;
    border: 2px solid #5999db;
    border-radius: 5px;
    font-size: 18px;
    color: #000000;
    padding: 2.5px;
    outline: none;
    transition: all 0.2s cubic-bezier(0.92, 0.52, 0, 0.13);
    resize: none;

}

.add_key_word_on_post_class2 {
    background-color: #93e8ff;
    border: 2px solid #5999db;
    border-radius: 5px;
    font-size: 18px;
    color: #000000;
    padding: 2.5px;
    outline: none;
    transition: all 0.2s cubic-bezier(0.92, 0.52, 0, 0.13);
    resize: none;
    position: relative;
    top: 0px;
    left: 45%;
}

.add_key_word_on_form_class2{
    background-color: #93e8ff;
    border: 2px solid #5999db;
    border-radius: 5px;
    font-size: 18px;
    color: #000000;
    padding: 2.5px;
    outline: none;
    transition: all 0.2s cubic-bezier(0.92, 0.52, 0, 0.13);
    resize: none;
    position: absolute;
    top: 270px;     
    left: 60px;
}

.group_title_select_class{
    background-color: #93e8ff;
    border: 2px solid #5999db;
    border-radius: 5px;
    font-size: 18px;
    color: #000000;
    padding: 2.5px;
    outline: none;
    transition: all 0.2s cubic-bezier(0.92, 0.52, 0, 0.13);
    resize: none;
}

.hidden_like_in_div_class{
    width: 69px !important;
    height: 52px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.like_in_div_class{
    width: 69px !important;
    height: 52px !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.preview_image_on_comment_class img{
    width: 165px;
}

.preview_image_on_reply_comment_class img{
    width: 165px;
}

.preview_image_on_reply_to_replied_comment_class img{
    width: 165px;
}
/*-------------------------------------- start width and heigth ----------------------------------*/
/* ----------- start NOT Retina Screens ----------- */
/*-- start pixel ratio 1-1.99 */
/* start max-width: 580px */
@media only screen and (max-width: 580px)
and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end max-width: 580px */

/* start min-width: 581px and max-width: 820px */
@media only screen and (min-width: 581px) and (max-width: 820px)
and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 581px and max-width: 820px */

/* start min-width: 821px and max-width: 1024px */
@media only screen and (min-width: 821px) and (max-width: 1024px)
and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 821px and max-width: 1024px */

/* start min-width: 1025px and max-width: 1280px   */
@media only screen and (min-width: 1025px) and (max-width: 1280px)  
and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1025px and max-width: 1280px   */

/* start min-width: 1281px and max-width: 1440px   */
@media only screen and (min-width: 1281px) and (max-width: 1440px)   
and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1281px and max-width: 1440px   */

/* start min-width: 1441px and max-width: 1680px   */
@media only screen and (min-width: 1441px) and (max-width: 1680px)   
and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1441px and max-width: 1680px   */

/* start min-width: 1681px and max-width: 2048px   */
@media only screen and (min-width: 1681px) and (max-width: 2048px)   
and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1681px and max-width: 2048px   */

/* start min-width: 2049px and max-width: 2560px   */
@media only screen and (min-width: 2049px) and (max-width: 2560px)   
and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 2049px and max-width: 2560px   */

/* start min-width: 2561px and max-width: 4096px   */
@media only screen and (min-width: 2561px)     
and (-webkit-min-device-pixel-ratio: 1) and (-webkit-max-device-pixel-ratio: 1.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 2561px and max-width: 4096px   */
/*-- end pixel ratio 1-1.9 */

/*-- start pixel ratio 2.01-2.99 */
/* start max-width: 580px   */
@media only screen and (max-width: 580px)  
and (-webkit-min-device-pixel-ratio: 2.01) and (-webkit-max-device-pixel-ratio: 2.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end max-width: 580px   */

/* start min-width: 581px and max-width: 820px   */
@media only screen and (min-width: 581px) and (max-width: 820px)  
and (-webkit-min-device-pixel-ratio: 2.01) and (-webkit-max-device-pixel-ratio: 2.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 581px and max-width: 820px and max-height: 11625px */

/* start min-width: 821px and max-width: 1024px   */
@media only screen and (min-width: 821px) and (max-width: 1024px)  
and (-webkit-min-device-pixel-ratio: 2.01) and (-webkit-max-device-pixel-ratio: 2.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 821px and max-width: 1024px   */

/* start min-width: 1025px and max-width: 1280px   */
@media only screen and (min-width: 1025px) and (max-width: 1280px)   
and (-webkit-min-device-pixel-ratio: 2.01) and (-webkit-max-device-pixel-ratio: 2.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1025px and max-width: 1280px   */

/* start min-width: 1281px and max-width: 1440px   */
@media only screen and (min-width: 1281px) and (max-width: 1440px)   
and (-webkit-min-device-pixel-ratio: 2.01) and (-webkit-max-device-pixel-ratio: 2.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1281px and max-width: 1440px   */

/* start min-width: 1441px and max-width: 1680px   */
@media only screen and (min-width: 1441px) and (max-width: 1680px)   
and (-webkit-min-device-pixel-ratio: 2.01) and (-webkit-max-device-pixel-ratio: 2.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1441px and max-width: 1680px   */

/* start min-width: 1681px and max-width: 2048px   */
@media only screen and (min-width: 1681px) and (max-width: 2048px)   
and (-webkit-min-device-pixel-ratio: 2.01) and (-webkit-max-device-pixel-ratio: 2.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1681px and max-width: 2048px   */

/* start min-width: 2049px and max-width: 2560px   */
@media only screen and (min-width: 2049px) and (max-width: 2560px)   
and (-webkit-min-device-pixel-ratio: 2.01) and (-webkit-max-device-pixel-ratio: 2.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 2049px and max-width: 2560px   */

/* start min-width: 2561px and max-width: 4096px   */
@media only screen and (min-width: 2561px)     
and (-webkit-min-device-pixel-ratio: 2.01) and (-webkit-max-device-pixel-ratio: 2.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 2561px and max-width: 4096px   */
/*-- end pixel ratio 2.01-2.99 */

/*-- start pixel ratio 3.01-3.99 */
/* start max-width: 580px   */
@media only screen and (max-width: 580px)  
and (-webkit-min-device-pixel-ratio: 3.01) and (-webkit-max-device-pixel-ratio: 9.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end max-width: 580px   */

/* start min-width: 581px and max-width: 820px   */
@media only screen and (min-width: 581px) and (max-width: 820px)  
and (-webkit-min-device-pixel-ratio: 3.01) and (-webkit-max-device-pixel-ratio: 9.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 581px and max-width: 820px and max-height: 11625px */

/* start min-width: 821px and max-width: 1024px   */
@media only screen and (min-width: 821px) and (max-width: 1024px)  
and (-webkit-min-device-pixel-ratio: 3.01) and (-webkit-max-device-pixel-ratio: 9.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 821px and max-width: 1024px   */

/* start min-width: 1025px and max-width: 1280px   */
@media only screen and (min-width: 1025px) and (max-width: 1280px)   
and (-webkit-min-device-pixel-ratio: 3.01) and (-webkit-max-device-pixel-ratio: 9.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1025px and max-width: 1280px   */

/* start min-width: 1281px and max-width: 1440px   */
@media only screen and (min-width: 1281px) and (max-width: 1440px)   
and (-webkit-min-device-pixel-ratio: 3.01) and (-webkit-max-device-pixel-ratio: 9.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1281px and max-width: 1440px   */

/* start min-width: 1441px and max-width: 1680px   */
@media only screen and (min-width: 1441px) and (max-width: 1680px)   
and (-webkit-min-device-pixel-ratio: 3.01) and (-webkit-max-device-pixel-ratio: 9.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1441px and max-width: 1680px   */

/* start min-width: 1681px and max-width: 2048px   */
@media only screen and (min-width: 1681px) and (max-width: 2048px)   
and (-webkit-min-device-pixel-ratio: 3.01) and (-webkit-max-device-pixel-ratio: 9.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1681px and max-width: 2048px   */

/* start min-width: 2049px and max-width: 2560px   */
@media only screen and (min-width: 2049px) and (max-width: 2560px)   
and (-webkit-min-device-pixel-ratio: 3.01) and (-webkit-max-device-pixel-ratio: 9.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 2049px and max-width: 2560px   */

/* start min-width: 2561px and max-width: 4096px   */
@media only screen and (min-width: 2561px)     
and (-webkit-min-device-pixel-ratio: 3.01) and (-webkit-max-device-pixel-ratio: 9.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 2561px and max-width: 4096px   */

/* start min-width: 1025px and max-width: 1280px   */
@media only screen and (min-width: 1025px) and (-webkit-max-device-pixel-ratio: 0.99){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1025px and ratio > 0.99   */
/*-- end pixel ratio 3.01-3.99 */
/* ----------- end NOT Retina Screens ----------- */

/* ----------- start Retina Screens ----------- */
/*-- start pixel ratio 2 */
/* start max-width: 580px   and*/
@media only screen and (max-width: 580px)   
and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end max-width: 580px   */

/* start min-width: 581px and max-width: 820px   */
@media only screen and (min-width: 581px) and (max-width: 820px)   
and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 581px and max-width: 820px and max-height: 11625px */

/* start min-width: 821px and max-width: 1024px   */
@media only screen and (min-width: 821px) and (max-width: 1024px)   
and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 821px and max-width: 1024px   */

/* start min-width: 1025px and max-width: 1280px   */
@media only screen and (min-width: 1025px) and (max-width: 1280px)   
and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 821px and max-width: 1280px   */

/* start min-width: 1281px and max-width: 1440px   */
@media only screen and (min-width: 1281px) and (max-width: 1440px)   
and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1281px and max-width: 1440px   */

/* start min-width: 1441px and max-width: 1680px   */
@media only screen and (min-width: 1441px) and (max-width: 1680px)   
and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1441px and max-width: 1680px   */

/* start min-width: 1681px and max-width: 2048px   */
@media only screen and (min-width: 1681px) and (max-width: 2048px)   
and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1681px and max-width: 2048px   */

/* start min-width: 2049px and max-width: 2560px   */
@media only screen and (min-width: 2049px) and (max-width: 2560px)   
and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 2049px and max-width: 2560px   */

/* start min-width: 2561px and max-width: 4096px   */
@media only screen and (min-width: 2561px)     
and (-webkit-min-device-pixel-ratio: 2) and (-webkit-max-device-pixel-ratio: 2){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 2561px and max-width: 4096px   */
/*-- end pixel ratio 2 */

/*-- start pixel ratio 3 */
/* start max-width: 580px   and*/
@media only screen and (max-width: 580px)   
and (-webkit-min-device-pixel-ratio: 3) and (-webkit-max-device-pixel-ratio: 3){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end max-width: 580px   */

/* start min-width: 581px and max-width: 820px   */
@media only screen and (min-width: 581px) and (max-width: 820px)   
and (-webkit-min-device-pixel-ratio: 3) and (-webkit-max-device-pixel-ratio: 3){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 581px and max-width: 820px and max-height: 11625px */

/* start min-width: 821px and max-width: 1024px   */
@media only screen and (min-width: 821px) and (max-width: 1024px)   
and (-webkit-min-device-pixel-ratio: 3) and (-webkit-max-device-pixel-ratio: 3){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 65px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
    top: -12px;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 60%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 821px and max-width: 1024px   */

/* start min-width: 1025px and max-width: 1024px   */
@media only screen and (min-width: 1025px) and (max-width: 1280px)   
and (-webkit-min-device-pixel-ratio: 3) and (-webkit-max-device-pixel-ratio: 3){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 821px and max-width: 1024px   */

/* start min-width: 1281px and max-width: 1440px   */
@media only screen and (min-width: 1281px) and (max-width: 1440px)   
and (-webkit-min-device-pixel-ratio: 3) and (-webkit-max-device-pixel-ratio: 3){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1281px and max-width: 1440px   */

/* start min-width: 1441px and max-width: 1680px   */
@media only screen and (min-width: 1441px) and (max-width: 1680px)   
and (-webkit-min-device-pixel-ratio: 3) and (-webkit-max-device-pixel-ratio: 3){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 1441px and max-width: 1680px   */

/* start min-width: 1681px and max-width: 2048px   */
@media only screen and (min-width: 1681px) and (max-width: 2048px)   
and (-webkit-min-device-pixel-ratio: 3) and (-webkit-max-device-pixel-ratio: 3){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}                
/* end min-width: 1681px and max-width: 2048px   */

/* start min-width: 2049px and max-width: 2560px   */
@media only screen and (min-width: 2049px) and (max-width: 2560px)   
and (-webkit-min-device-pixel-ratio: 3) and (-webkit-max-device-pixel-ratio: 3){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 2049px and max-width: 2560px   */

/* start min-width: 2561px and max-width: 4096px   */
@media only screen and (min-width: 2561px)     
and (-webkit-min-device-pixel-ratio: 3) and (-webkit-max-device-pixel-ratio: 3){
    /* start header_style */

/* start body and html*/

html{
    height: 100%
}

body{
  margin: 0;
  padding: 0;
  background-color: #f1f1f11f;
  outline: 0;

}

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

/* end body and html*/

.show_profile_div_class {
    width: 75px;
    height: 29px;
    position: fixed;
    top: 95px;
    right: -22px;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
    background-color: #708dc3;
    transform: rotate( 90deg );
    z-index: 2;
}

.show_profile1_span_class{
    position: relative;
    font-size: 40px;
    color: white;
    bottom: 36px;
    left: 10px;
}

.show_profile2_span_class{
    position: relative;
    font-size: 28px;
    color: white;
    bottom: 51px;
    left: 15px;
}

.hidden_span_on_nav {
    opacity: 0;
    z-index: -1;
    position: absolute;
    bottom: -1px;
}

.count_nm_div_on_header_class {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
}


.count_nm_number_div_on_header_class{
    font-size: 14px;
    font-family: sans-serif;
    color: white;
}

.nometer_what_class {
    position: absolute;
    right: 38px;
    font-weight: bold;
    top: 30px;
}

.count_notifications_div_onb {
    position: absolute;
    background-color: red;
    z-index: 11;
    width: auto;
    height: auto;
    padding: 2px;
    text-align: center;
    border-radius: 50%;
    top: 30px;
    left: 1px;
}

.count_notifications_div_n {
    font-size: 14px;
    font-family: arial;
    color: white;
    cursor: pointer;
}

.if_squad_exist_dot_class{
    position: relative;
    background-color: yellow;
    width: 16px;
    height: 15px;
    z-index: 11;
    left: 70%;
    bottom: 50%;
    border-radius: 10px;
}

.if_squad_exist_dot_class_on_nav{
    position: fixed;
    background-color: yellow;
    width: 32px;
    height: 30px;
    z-index: 11;
    right: -13px;
    top: -11px;
    border-radius: 38px;
}

.birthday_wish_form_class{
    
}

.birthday_wish_img_class {
    z-index: 12;
    position: relative;
    left: 350px;
    top: 77px;
    width: 447px;
}

.birthday_wish_div_class{
    position: relative;
}

.birthday_wish_span_class{
    position: relative;
    left: 450px;
    z-index: 2;
    width: 275px;
    height: auto;
    padding: 10px;
    background-color: #e6cdac;
    white-space: break-spaces;
    word-break: break-all;
    border-radius: 15px;
}

.birthday_wish_button_class {
    z-index: 2;
    position: absolute;
    left: 450px;
    transform: rotate( 45deg );
    background-color: #468fd087;
    color: #000000;
    font-size: 15px;
    border: 0.1px solid black;
    border-radius: 10px;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -68px;
    left: 868px;
}

.top_bar{
  
  width: 100%;
  height: 52px;
  background: linear-gradient(to right, #336472, #413e4a);
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin: 0px 0px 0px 0px;
  display: inline-flex;
  position: fixed;
  z-index: 15;
  outline: 0;
}

.logo a {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 12px;
    margin-left: 6px;
    position: relative;
    color: #33c3f3;
    top: 31px;
    text-decoration: none;
    outline: 0;
}

.image_logo {
    background-image: url(../../../images/backgrounds/SC_logo_only_logo_white.png);
    background-size: 100%;
    position: relative;
    width: 28px;
    height: 28px;
    bottom: 8px;
    left: 15px;
    margin: -37px 0px 10px 15px;
    padding: 0;
    outline: 0;
}

.search_div_top_bar_class{
}

.search_input_top_bar_class {
    border: 1px solid black;
    border-radius: 5px;
    position: relative;
    height: 20px;
    width: 90%;
    outline: 0;
    font-family: sans-serif;
    font-size: 18px;

}

.search_input_top_bar_class:hover {
    outline: 0;
    border: 1px solid #A39AFF;
}

.img_search_class {
    position: relative;
    bottom: 0px;
    border: none;
    top: 7px;
    background: url(../../../images/icons_topbar/search_black.png);
    background-size: 100%;
    width: 25px;
    height: 25px;
}

.close_search_class {
    position: relative;
    top: -65px;
    right: 290px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.search_on_top_bar_form_class {
    position: relative;
}

.close_search_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.profile_info_div_class {
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;
    width: 100%;
    height: 260px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;
}

.content_info_div_class{
    position: relative;
    margin-top: 23px;
    border: 1px solid black;
    border-radius: 5px;
    padding-left: 5px;    
    width: 100%;
    height: 152px;
    overflow-x: scroll;
    word-break: break-word;
    white-space: break-spaces;
    background-color: white;    
}

.more_info_on_user_info_button_black_down_btn {
    position: absolute;
    display: block;
    left: 4%;
    top: 7px;
    width: 15px;
    height: 15px;
    background: #e0e0e0;
    border-radius: 3px;
    z-index: 10;
    cursor: pointer;
}

.user_info_options_class {
    margin: 0px;
    display: none;
    left: 25px;
    top: 8px;
    position: absolute;
    max-height: 285px;
    min-height: 25px;
    font-size: 20px;
    width: 185px;
    padding: 10px;
    line-height: 25px;
    z-index: 9;
    border-bottom: 0.5px solid #bdbdbdc9;
    border-left: 0.5px solid #bdbdbdc9;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #f7f7f7;
}

.to_the_profile_a_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.to_the_profile_a_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.close_user_info_div_class {
    cursor: pointer;
    display: block;
    background-color: transparent;
    border: none;
    font-size: 18px;
    height: 25px;
    width: 150px;
    color: black;
    font-family: sans-serif;
    padding-left: 0px;
    text-align: left;
}

.close_user_info_div_class:hover {
    background-color: #c8c8c84a;
    width:100%;
}

.link_in_comment_a_class:hover{
    color: #1490e0;
}

.close_spacial_selfie_class {
    position: absolute;
    top: 1px;
    left: 2px;
    font-family: fantasy;
    font-size: 21px;
    color: #6f6f6f;
    background-color: #bbe8fa;
    border: solid white 0.6px;
    border-radius: 11px;
    padding-left: 7px;
    padding-right: 18px;
    padding-top: 0px;
    padding-bottom: 24px;
    width: 1px;
    height: 2px;
    transform: rotate( 
45deg
 );
    cursor: pointer;
}

.close_spacial_selfie_class:hover{
    border-color: #89ffba;
    color: #ffffff;
    background-color: #a5a5a5;
    -webkit-user-select: none; /* Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */    
}

.spacial_selfie_div_class{
    width: 540px;
    height: 358px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.all_spacial_selfie_div_class{
    padding: 20px;
}

.search_results{
    
}

.search_results_footer_empty{
    
}

.selfiecollect_id_class{
    color: #89ffba;
    text-decoration: none;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    top: 17px;
    text-decoration: none;
    float: right;
    right: 22%;
    position: absolute;
    outline: 0;
}


/* start nav bar */

nav {
  float: left;
  display: flex;
  left: 0%;
  position: absolute;
  outline: 0;
}

.logo {
    position: absolute;
    right: 0px;
}

nav a:hover{
 background-image: linear-gradient(182deg, rgb(200 255 0 / 72%), rgb(0 0 0 / 38%)), repeating-linear-gradient(72deg, rgb(82 243 183 / 56%), rgb(250 248 31 / 35%) 243.5px, rgb(62 255 161 / 33%) 221px, rgb(146 154 113 / 77%) 94px);    
}

.add_btn{
  background-image: url(../../../images/icons_topbar/addsomething_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.messages_btn{
  background-image: url(../../../images/icons_topbar/messages_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.notification_btn{
  background-image: url(../../../images/icons_topbar/notification_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.selfies_album_btn{
  background-image: url(../../../images/icons_topbar/selfies_album_white.png);
  position: relative;
  color: #ffffff;
  text-decoration: none;
  background-size: 100%;
  width: 41px;
  height: 41px;
  margin: 5px 2px 5px 4px;
  outline: 0;
}

.options_btn_bar_class{
    background-image: url("../../../images/icons_topbar/burger_menu_white2.png");
    position: relative;
    color: #ffffff;
    text-decoration: none;
    background-size: 100% ;
    width: 41px;
    height: 41px;
    margin: 5px 2px 5px 1px;
    outline: 0;
}
/* end nav bar*/

/* start option bar */
.options_btn_div_class {
    position: fixed;
    width: 20%;
    height: 30px;
    top: 56px;
    left: 0%;
    z-index: 14;
    text-decoration: none;
    float: left;
    display: none;
    text-align: left;
}

.options_btn_div_class a {
  text-decoration: none;
  word-break: break-all;
}

.user_options_btn_div_a{
    
}

.user_options_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.user_options_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.user_options_btn_div:hover{
  background: #b5b5e6;
}

.user_squad_btn_div{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
}

.user_squad_btn_div:hover{
    background: #b5b5e6;
}

.user_squad_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 3%;
    float: left;
}

.stay_connected_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;
}

.stay_connected_btn_div_class:hover{
    background: #b5b5e6;
}

.stay_connected_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
    
}

.feed_btn_div_class{
    height: 36px;
    background: #cfcff1;
    font-size: 22px;
    font-family: sans-serif;
    display: none !important;

}

.feed_btn_div_class:hover{
    background: #b5b5e6;
}

.feed_btn_span{
    top: 4px;
    color: black;
    position: relative;
    left: 5px;
}

.user_selfies_album_btn_div_a{
    
}

.user_selfies_album_btn_div{
  height: 30px;
  background: #cfcff1;
  font-size: large;
  font-family: sans-serif;
}

.user_selfies_album_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 5px;
}

.user_selfies_album_btn_div:hover{
  background: #b5b5e6;
}


.friends_list_btn_div_a{
    
}

.friends_list_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.friends_list_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.friends_list_btn_div:hover{
  background: #b5b5e6;
}

.contact_us_btn_div_a{
    
}

.contact_us_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.contact_us_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.contact_us_btn_div:hover{
  background: #b5b5e6;
}

.about_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.about_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.about_btn_div:hover{
  background: #b5b5e6;
}

.language_div_class{
    position: relative;
    height: 36px;    
}

.language_select_class{
    float: left;
    width: 50%;
    height: 36px;
    font-size: 20px;
    direction: ltr;
    background-color: #acacbb;
    border: none;    
}

.language_select_class:hover {
    background-color: #cdcdd5;
}

.language_button_class{
    position: absolute;
    height: 36px;
    width: 50%;
    background-color: #f2c165;
    border: none;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 22px;    
}

.language_button_class:hover {
    background-color: #f5d290;
}

.offer_btn_div_a{
    
}

.offer_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.offer_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.offer_btn_div:hover{
  background: #b5b5e6;
}

.search_btn_div_a{
    
}

.search_btn_div{
  height: 36px;
  background: #cfcff1;
  font-size: 22px;
  font-family: sans-serif;
}

.search_btn_span{
  top: 4px;
  color: black;
  position: relative;
  left: 3%;
  float: left;
}

.search_btn_div:hover{
  background: #b5b5e6;
}

.logout_options_btn_div_a{
    text-decoration: none;
}

.logout_options_btn_span{
    position: relative;
    left: 3%;
    float: left;
}

.logout_options_btn_div {
    height: 36px;
    text-align: left;
    background: #cfcff1;
    border-radius: 0px 0px 0px 0px;
    border: none;
    font-size: 22px;
    font-family: sans-serif;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
}

.logout_options_btn_div:hover{
  background: #b5b5e6;
}

.information_options_btn_div{
    position: relative;
    right: 3%;
}

.information_options_btn_div {
    height: 38px;
    background: #8e8eb6;
    border-radius: 0px 0px 5px 0px;
    border: none;
    font-size: 15px;
    word-break: break-word;
    white-space: break-spaces;
    top: 0px;
    color: black;
    position: relative;
    left: 0px;
    text-align: center;
}

.information_options_btn_div:hover{
  background: #b5b5e6;
}

/* end options bar*/

/* start wrapper */

.wrapper {
    margin: 0;
    position: relative;
    padding: 0px 0px 0px 0px;
    width: 95%;
    outline: 0;
}

/* end wrapper */
}
/* end min-width: 2561px and max-width: 4096px   */
/*-- end pixel ratio 3 */

/* ----------- end Retina Screens ----------- */
/*-------------------------------------- end width and heigth ----------------------------------*/

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

.{
    
}

/* end header_style */

/* start scroolbar edit */

::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}


::-webkit-scrollbar-track{
  border:0px solid #232943;
  border-radius:0 3px 0 0 ;
  box-shadow: outset 0px 0.5px 2px 2px #4a70b1;
}

::-webkit-scrollbar-thumb{
  background:linear-gradient(
      100deg,
      #20eaee,
      #aa03a2
  );
  border-radius: 3px;
}

/* end scroolbar edit */