* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: medium none;
}
html,
body {
  font-family: var(--font-family);
  font-size: var(--size_normal);
  line-height: 1.2em;
  font-weight: var(--weight_normal);
  height: 100%;
  width: 100%;
}
body {
  background-color: var(--temno_siva) !important;
  padding: 0;
  border: 0;
  text-rendering: optimizeLegibility;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
/*
- desktop
@media only screen and (min-width:961px) {
- tablet in desktop
@media only screen and (min-width:721px) {
- tablet
@media only screen and (min-width:721px) and (max-width:960px) { 
- narrow - default
@media only screen and (max-width:720px) { 
- mobile - default
@media only screen and (max-width:480px) { 

CLASSES -  
f2_narrow do 720 
f2-wide nad 720
f2-desktop nad 960
f2-nondesktop pod 960
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: var(--font-family); */
}
a {
  text-decoration: none;
  color: var(--svetlo_plava);
  cursor: pointer;
}
a.f2-no-underline,a.f2-no-underline:hover {
	text-decoration: none;
	color:inherit;
}
.f2-tul a:hover,a:hover .f2-stul {
  text-decoration: underline;
  text-decoration-color: var(--bela);
  text-underline-position: under;
  color: var(--bela);
}
/* Fonts */
.ffn {
  font-family: var(--font-family);
}
.ffs {
  font-family: var(--font-script);
}
div,
h1,
h2,
h3,
h4,
h5,
strong,
b,
u,
ul,
li,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
nav {
  color: var(--bela);
}
html,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
p,
a,
em,
img,
strong,
b,
u,
i,
ul,
li,
fieldset,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
embed,
nav {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline; 
}
mark {
    background-color: var(--roza);
    color: inherit;
    padding:0;
}
b{
	font-weight: 700;
}
em{
	font-style: italic;
}
.f2-inline{
	display:inline !important;
}
.f2-inlineblock{
	display:inline-block !important;
}
.f2-bold{
	font-weight: 700;
}
.f2-nowrap{
	text-wrap:nowrap !important;
}
.flr {
  float:right;
}
:focus-visible{
	outline: none;
}
/* cursor */
.f2-pointer{
	cursor: pointer;
}
/* ** OPACITY ** */
.op50 {
  opacity: .5;
}
.disabled {
  opacity: .5;
  pointer-events: none;
}
.disabled i {
  opacity: .5;
}
.disabled p {
  opacity: .5;
}
/* ** POSITION ** */
.f2-relative {
  position: relative;
}
.f2-absolute {
  position: absolute;
}
.f2-line-through{
	text-decoration: line-through;
}

/* ** TEXT ALIGN ** */
.fal {
  text-align: left;
}
.far {
  text-align: right;
}


.unread {
  background-color: var(--roza);
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  border-radius: 20px;
  z-index: 65;
}
.show {
  display: block !important;
}
.hide {
  display: none !important;
}
.f2-dead-link,.f2-dead-link:hover{
	color:var(--white);
	cursor: default;
}
/* FLEXBOX card */
.f2-flexbox {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.f2-flexbox.r {
  justify-content: flex-end;
}
.f2-flexbox.n {
  justify-content: space-between;
}
.f2-clear {
  clear: both;
}
.f2-dib {
  display:inline-block;
}

img {max-width: 100%;}

/* buttons */
button:active,
button:focus,
.w3-button:active,
.w3-button:focus {
  text-decoration: underline;
}
button,
input,
select,
textarea {
  font: inherit;
  margin: 0;
  text-transform: none;
}

/* responsive images */
img.responsiveimg {
  width: 100%;
  height: auto;
}
nav ul,
nav ol {
  padding: 0;
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:hover {text-decoration: underline; color: #fff;}
a:hover strong {color: #fff !important;}

.f2-btn_roza span{
	overflow: hidden;
    text-overflow: ellipsis;
}
.f2-btn_black span{
	overflow: hidden;
    text-overflow: ellipsis;
}
.f2-btn_roza.center,
.f2-btn_black.center,
.f2-btn_circle_r.center,
.f2-btn_circle_b.center {justify-content: center; }



/*Kristian Lev*/
/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px #303030 inset !important;
    border-radius: 0 !important;
    border-top: none !important;
    -webkit-text-fill-color: white !important;
}
.c-m-0 {margin: 0;}
.c-mt-0 {margin-top: 0 !important;}
.c-m-30 {margin: 30px 0;}
.c-mb-0 {margin-bottom: 0;}
.c-mb-5 {margin-bottom: 5px;}
.c-mb-10 {margin-bottom: 10px;}
.c-mb-20 {margin-bottom: 20px;}


.f2-btn_black.c-mr-2,
.c-mr-2 {margin-right: 20px;}

.c-pt-25 {padding-top: 25px;}

.flexCenter {display: flex; align-items: center;}
.flexCenterBetween {display: flex; align-items: center; justify-content: space-between;}
.two_column {
	width: 100%; height: auto; margin: 0; padding: 0; display: flex; justify-content: space-between;
}
.two_column .col2_3 {max-width: calc(100% - 350px); width: 100%; margin: 0; padding: 0 50px 0 0;}
.two_column .col1_3 {max-width: 350px; width: 100%; margin: 0; padding: 0 0 0 50px;}


.fullHeight {min-height: calc(100vh - 68px);}

.f2-size24 {font-size: 24px; line-height: 28.8px;}
.f2-flexWrap {display: flex; flex-wrap: wrap;}

/*custom popup design*/
.f2_customPopUp.f2-overlay {padding: 0;}

.f2_customPopUp.f2-overlay .f2-overlay-in.wp800 {max-width: 800px; padding-top: 157px;}

.f2_customPopUp.f2-overlay .f2-top_800 {padding: 12px 20px 14px 20px;}
.f2_customPopUp.f2-overlay .f2-top_800.header {z-index: 57; position: fixed; top: 0;}
.f2_customPopUp.f2-overlay .f2-top_800 .f2-btn {padding: 0;}
.f2_customPopUp.f2-overlay .f2-top_800 .fut {padding-bottom: 21px;}
.f2_customPopUp.f2-overlay .f2-gumb {border-bottom: 1px solid var(--svetlo_siva); align-items: center;}
.f2_customPopUp.f2-overlay .f2-input-wrap {position: relative;}
.f2_customPopUp.f2-overlay .f2-input-wrap .f2-input {border-bottom: 1px solid var(--black); }
.f2_customPopUp.f2-overlay .f2-input-wrap  button.searchButton {position: absolute; right: 5px; top: 10px; width: auto; height: auto; margin: 0; border: none; padding: 0; background: none;}
.f2_customPopUp.f2-overlay .f2-input-wrap .f2-input {margin-top: 25px; padding-right: 50px;}
.f2_customPopUp.f2-overlay .f2-input-wrap .f2-label {top: -9px;}
.f2_customPopUp.f2-overlay .w3-container.f2-top_800 {padding: 5px 25px;}


/**************** empty **********************/
.f2-gal_empty {
	width: 100%; height: auto; margin: 0; padding: 60px 20px; border-radius: 10px; position: relative;
  	background-color: var(--roza); display: flex; align-items: center; justify-content: center;
}
.f2-gal_empty  .content {max-width: 350px; width: 100%;}
.f2-gal_empty  .content button {margin: 15px auto 0 auto; font-weight: 700; line-height: 20px;}
/*empty shadow*/
.f2-gal_empty .f2-shadow_rt {position: absolute; top: -30px; left: 0; right: 0;}
.f2-gal_empty .f2-shadow_rt:after {left: 0;}
.f2-gal_empty .f2-shadow_rb {position: absolute; bottom: 0; left: 0; right: 0;}
.f2-gal_empty .f2-shadow_rb:after {left: 0;}

a.userImage .dot {display: none;}
.f2-new  a.userImage .dot {width: 10px; height: 10px; display: block; position: absolute; top: 3px; right: 3px; background: var(--roza); z-index: 56; border-radius: 100%;}


.f2_post_blackBox  {position: relative; padding: 15px 0 15px 70px;  border-bottom: 1px solid var(--black);}
.f2_post_blackBox .userImage {position: absolute; left: 0; top: 5px;}
.f2_post_blackBox .blackContainer {width: 100%; height: auto; margin: 0; padding: 20px 25px; background: var(--black); border-radius: 10px;}
.f2_post_blackBox .blackContainer .flexCenter {justify-content: space-between; margin-top: 25px;}

/*friends requests
.f2_2col_card:first-child { border-top: 1px solid var(--black);}*/
.f2_2col_card {position: relative; padding: 15px 0 15px 125px; min-height: 140px;  border-bottom: 1px solid var(--black);}
.f2_2col_card:last-child {border-bottom: none;}


#f2_invites .f2_2col_card:first-child{ border-top: none}


.f2_2col_card .flex {display: flex; justify-content: space-between;}
.f2_2col_card .userImage {position: absolute; left: 0; top: 10px;}
.f2_2col_card.f2-new  a.userImage .dot {top: 10px; right: 10px;}
.f2_2col_card a.userImage img.f2i-110 {min-width: 110px; width: 110px; height: 110px;}

.f2_2col_card .f2-userImageDiv  {position: absolute; left: 0; top: 0;height: 110px;width: 110px;}
.f2_2col_card .f2-userImageDiv .f2-fruit-badges {display: flex; position: absolute; top: 100px;left: 0; right: 0; display: flex; align-items: center; justify-content: center;}

.f2_2col_card .user a.fwb {font-size: 22px; display: block; }
.f2_2col_card .user .f2-gender.f2-withFriends .f2-male_age {margin-right: 6px;}
.f2_2col_card .user .f2-gender.f2-withFriends .f2-myFriends {width: auto; height: 24px; background: #000; color: #fff; line-height: 24px; padding: 0 10px; padding-top: 2px; border-radius: 12px; display: flex; align-items: center; margin-right: 6px; margin-bottom: 5px; font-weight: 800; font-size: 14px; line-height: 19px;}
.f2_2col_card .user .f2-gender.f2-withFriends .f2-myFriends span {display: block; margin-left: 5px;}
.f2_2col_card .user .f2-gender.f2-withFriends .f2-myFriends i {color: #fff;}
.f2_2col_card .user .f2-gender.f2-withFriends .f2-friends.w3-badge {width: 24px; height: 24px;}
.f2_2col_card .user .f2-gender.f2-withFriends .f2-friends i {color: #fff; font-size: 13px; position: relative; top: 1px;}

.f2_2col_card .user .f2-location.flexMax {margin-bottom: 15px;}
.f2_2col_card .user .f2-location.flexMax .fcs {max-width: none;}

.f2_2col_card .f2-optionsButtons { padding: 0; background: #3d3d3d; }
.f2_2col_card .f2-optionsButtons button {margin: 15px;}

.f2_2col_card.f2-newLook .f2-optionsButtons {padding: 15px; padding-right: 0;}





.f2_2col_card .user hr.f2-short {width: 75px; height: 1px; background: #000; border: none; margin: 0; margin-bottom: 8px;}


.flexCenter button.f2-btn_roza {padding-left: 10px; margin-bottom: 0; line-height: 20px;}
.flexCenter button.f2-btn_roza.black {background: var(--black); margin-left: 10px; color: var(--svetlo_plava); font-weight: 300;}
.flexCenter button.f2-btn_roza.black:hover {background: var(--skrlatna); }
.flexCenter button.f2-btn_roza i:before {margin-left: 0;color: var(--svetlo_plava);}


.threeDots { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}
.f2-btn_roza.max170 {max-width: 170px;}


.f2-page-content.f2-noPadding {padding: 0;}


.f2_lang_info  {width: 250px; display: flex; align-items: center; position: relative;}
.f2_lang_info .f2-lang-sel {position:absolute; bottom: 25px; right: 0; width: 250px; background: #000; z-index: 65;}
.f2_lang_info .f2-lang-sel a {display: flex; align-items: center; color: var(--white);padding:6px 16px;}
.f2_lang_info .f2-lang-sel a.active,
.f2_lang_info .f2-lang-sel a:hover {text-decoration: none; color: var(--svetlo_plava);}

.desno.w3-bar-block .f2_lang_info.fsn,
.desno.w3-bar-block .f2_lang_info .f2-lang-sel  {font-size: 13px !important;}


.f2-closeButton {position: absolute; right: 20px; top: 20px; z-index: 1010; border-radius: 100%; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; font-size: 30px;}
.f2-closeButton:hover {background: var(--roza);}
#f2_zoom_img_popup .f2-closeButton:hover, #f2_msg_img_popup .f2-closeButton:hover {
    background: none;
}



/*********** GALLERY ****************/
#f2_gallery_open_dt #dotdot1 a i{display:none;vertical-align: bottom;}
#f2_gallery_open_dt #dotdot1 a.active i{display:inline;}
#f2_gallery_open_dt{width:100%; height:100%;}
#f2_gallery_open_dt #f2_leftright{width:100%; height:100%; margin: 0; padding: 0;}

#f2_lpanelGallery {max-width: 100%; width: calc(100% - 370px); background: #000; padding: 0; display: flex; flex-flow: column;}
#f2_rpanelGallery {max-width: 370px; width: 100%; height: 100vh;  display: flex; flex-direction: column;   justify-content: space-between;}

#f2_gallery_open_dt #f2_rpanelGallery .f2-gallery-header {align-items: flex-start;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user {width: 100%; padding: 15px; }
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-userWrapper {display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 0px;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-userImage {width: 37px;  height: 37px; display: flex; }
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-userImage img {width: 37px; min-width: 37px;  height: 37px; display: block; object-fit: cover; border-radius: 100%; object-position: center;}

#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-userData {max-width: 280px; width: 100%;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-userData .f2-location {display: flex;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-userData .f2-location .fcp {display: flex;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-userData .f2-location .f2-town {max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;}


#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-imgDescription a:hover {text-decoration: underline;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-likesData {display: flex; justify-content: space-between; align-items: center;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-likesData .f2-likesDataLeft {font-size: 15px;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-likesData .f2-likesDataLeft span {font-size: 15px; display: block;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-likesData .f2-likesDataLeft span.f2-likes {color: #a6a6a6;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-likesData .f2-likeButton {}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-cnl.social {margin-top: 8px;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-openGalleryCta {display: flex; align-items: center; border-top: 1px solid #000; padding-top: 8px; margin-top: 8px;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-openGalleryEditorCta{justify-content: flex-end;}
#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-openGalleryCta .f2-btn_circle_r{margin:0;}

#f2_gallery_open_dt #f2_rpanelGallery #f2_photo_caption_edit .f2-input{width:85%;}
#f2_gallery_open_dt #f2_rpanelGallery #f2_photo_caption_edit i{margin-top:-36px;}

button.f2-onlyIcon {width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; color: #fff; border: none; background: var(--roza); border-radius: 100%; cursor: pointer;
    -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; margin-right: 10px;  }
button.f2-onlyIcon .icon {color: #fff;}
button.f2-onlyIcon:hover {background: #000;}


#f2_gallery_open_dt #f2_rpanelGallery .f2-gallery-comments {width: 100%; padding: 20px 15px; height: 100%; overflow: auto;}

.f2-gallery-newMessage {padding: 15px; -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 65%); -moz-box-shadow: 0 0 10px rgb(0 0 0 / 65%); box-shadow: 0 0 10px rgb(0 0 0 / 65%); }
.f2-gallery-newMessage .f2-say_icons {display: flex; align-items: center; justify-content: flex-end; margin-top: 10px;}
.f2-gallery-newMessage .f2-say_icons i.icon {margin-left: 10px;}

#f2_gallery_item_dt{
	flex:1;
	display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#f2_gallery_item_dt img{
	width: 100%; height: calc(100vh - 68px); max-width: 100%; object-fit: contain;
	opacity:1;
    transition:opacity 0.5s linear;
}
#f2_gallery_item_dt .lg-video-cont{
	width: 100% !important;
	height: auto  !important;
    max-height: 100% !important;
    max-width: 100%;
}
#f2_gallery_item_dt .lg-outer .lg-video-cont .lg-object {
    max-width: 100% !important;
    max-height: 100% !important;
}
#f2_gallery_item_nav {height: auto; padding: 20px; align-items: center; display: flex; justify-content: space-between;}
#f2_gallery_item_nav a, #f2_gallery_item_nav i.icon, #f2_gallery_item_nav span {color: #fff;}


.f2-page-content.f2-wide {width: 100%; max-width: 1344px; height: auto; padding: 0;}



#f2_editor_check_photos_videos #f2_gallery_item_dt .lg-video-cont img{
	width: fit-content; 
	height: fit-content; 
	max-width: fit-content; 
	object-fit: contain;
}
#f2_editor_check_photos_videos #f2_gallery_item_dt .lg-outer .lg-video-cont .lg-object {
	 max-width: fit-content !important;
    max-height: fit-content !important;
}

/*footer right */
.f2-copy {font-size: 14px; color: #A6A8AB;}

/*********************************************************************************
**********************************************************************************
EXTRA PAGE AFTER LOGIN
**********************************************************************************
*********************************************************************************/
.f2-wp800 {max-width: 840px; width: 100%; margin: 0 auto; padding: 0 20px; position: relative; z-index: 1;}
.f2-afterPage .mainLogo {width: 180px; height: 80px; overflow: hidden; margin: 25px auto;}
.f2-afterPage .f2-script {display: block; margin: 0; padding: 0; text-align: center; max-width: 100%; }
.f2-afterPage .f2-userImage {display: flex; align-items: center; justify-content: center; gap: 30px; }
.f2-afterPage .f2-userImage .f2-line {width: 100%; height: 1px; background: #000; display: block; margin: 0; padding: 0;}
.f2-afterPage .f2-userImage img {width: 110px; height: 110px; display: block; margin: 10px 0;}
.f2-afterPage .name {font-family: 'Nunito'; font-style: normal; font-weight: 700; font-size: 30px; line-height: 41px; text-align: center;}
.f2-afterPage .f2-introText {width: 100%; margin: 18px 0 15px 0; text-align: center;}
.f2-afterPage .f2-introText p {margin: 0; font-size: 18px; line-height: 22px;}

.f2-afterPage .f2-or {display: flex; align-items: center; justify-content: center; gap: 20px; }
.f2-afterPage .f2-or .f2-line {width: 100%; height: 1px; background: #000; display: block; margin: 0; padding: 0;}
.f2-afterPage .f2-or span {display: block; margin: 20px 0;}

.f2-afterPage .f2-upgradePremium {display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 30px;}

.f2-afterPage .f2-withBorders thead tr th {border-top: 1px solid #000;}

.f2-afterPage .f2-upgradeMembershipBottom {padding-bottom: 150px;}


.f2-afterPage .f2-upgradePremiumSecond {display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 15px; padding: 15px; background: #3D3D3D;}

.f2-afterPage .f2-upgradeMembershipBottom .f2-cards {margin-top: 24px;}

/*********************************************************************************
**********************************************************************************
404
**********************************************************************************
*********************************************************************************/
.f2-404 {padding: 70px !important; text-align: center;}
.f2-404 .mainLogo {margin-bottom: 40px;}
.f2-404 hr {max-width: 320px; margin: 0 auto; display: block; height: 1px; background: var(--roza); border: none; margin-bottom: 20px;}
.f2-404 .f2-script {margin-bottom: 25px;}
.f2-404 p {margin-bottom: 30px;}

/*validations*/
.f2-val-profiles-list .f2-val_r {padding: 0;}

.f2-validationAccordion {padding: 20px; cursor: pointer;}
.f2-validationAccordion i {color: var(--svetlo_plava);}


/*popups new design*/
.f2-wp800 {max-width: 800px; width: 100%; margin: 0 auto; padding: 0; position: relative; z-index: 1;}
.f2-newPopup .f2-shadow .f2-noPadding {padding: 0;}
.f2-newPopup .f2-shadow .f2-noPadding {padding: 0;}
.f2-newPopup .f2-shadow {z-index: 10; position: relative; background: #303030;}
.f2-newPopup .f2-shadow.f2-zplusone {z-index: 11;}
.f2-newPopup .f2-popupMenu {padding: 20px 0 0 0; display: flex; align-items: center;}
.f2-newPopup .f2-popupMenu button.f2-btn {display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 60px; padding: 10px 10px 30px 10px;}
.f2-newPopup .f2-popupMenu button.f2-btn span {display: block; margin-top: 10px;}


.cookiesBanner {position: fixed; bottom: 0; left: 0; width: 350px; max-width: 100%; background: #000; padding: 30px; z-index: 100;}



.ath-container {background: var(--roza); padding: 16px; color: #fff; z-index: 1010;
    position: absolute;
    top: 0;
    }
.ath-container small {font-size: 100%;}

.f2-align-end {display: flex; justify-content: flex-end;}
.f2-align-end button{margin-left: 16px;}

#f2_premium .f2-largeFontX {
	font-weight: 700;
}
#f2_premium .f2-black .f2-largeFontX {
	color:#8bb751;
}
#f2_premium .f2-mplan-get{
	 text-align:center;
}
#f2_premium .f2-mplan-get .ff2-ff_validated{
	 color: var(--roza);font-size:36px;
}
#f2_premium .f2-mplan-get p{
	 line-height: 1.1;
}
#f2_premium .f2-choosePlan .f2-choosePlanBoxes .f2-normalBox {
	text-align: center !important;
}
#f2_premium .f2-choosePlan .f2-choosePlanBoxes .f2-normalBox hr.mau{
	margin:12px auto !important;
}
#f2_premium .f2-choosePlan .f2-choosePlanBoxes .f2-normalBox button {
    margin: 20px auto 0 auto !important;
}

/*********************************************************************************
**********************************************************************************
RESPONSIVE
**********************************************************************************
*********************************************************************************/
@media only screen and (max-width:960px) {
	#f2_lpanelGallery {
		max-width: 100%; width: 100%;
	}
}
@media only screen and (max-width:960px) {
	.f2-responsive-no-text.f2-btn_roza {width: 48px; align-items: center; justify-content: center; padding: 0;}
	.f2-responsive-no-text.f2-btn_roza span {display: none;}
	
	
	#f2_gallery_open_dt {height: auto; padding-top: 53px;}
	#f2_gallery_item_dt img {object-fit: contain; width: auto; height: 100%;}
	#f2_gallery_open_dt #f2_rpanelGallery .f2-gallery-header {position: fixed; left: 0; right: 0; top: 0; background: var(--temno_siva); z-index: 56;}
	
	
	#f2_gallery_open_dt #f2_leftright {flex-direction: column;}
	
	#f2_gallery_open_dt #f2_gallery_item_nav {background: var(--temno_siva);}
	
	#f2_gallery_open_dt #f2_lpanelGallery {width: 100%; flex-direction: column-reverse; height: 75vh;}
	#f2_gallery_open_dt #f2_rpanelGallery {max-width: 100%; height: auto;}
	
	#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-userWrapper {}
	#f2_gallery_open_dt #f2_rpanelGallery .f2-user .f2-userData {width: 100%; max-width: calc(100% - 60px);}

	#f2_gallery_item_nav {padding: 10px;}
	#f2_gallery_open_dt #f2_rpanelGallery .f2-gallery-comments {padding-bottom: 200px;}
	
	.f2-gallery-newMessage {position: fixed; left: 0; bottom: 0; right: 0;  background: var(--temno_siva); z-index: 56;}
	
	
	 
}


@media only screen and (max-width:800px) {
	.f2-wp800,
	.f2-newPopup .f2-popupMenu {padding: 0 20px;} 
	.f2-newPopup .f2-popupMenu {padding-top: 10px;}
}

@media only screen and (max-width:720px) {
	.f2-newPopup .f2-popupMenu button.f2-btn {margin-right: 20px; padding: 10px;}
	.f2-newPopup .f2-popupMenu button.f2-btn span {display: none;}
	
	.f2-gal_empty {border-radius: 0;}
}


.f2_2col_card .flex .f2-showResponsive,
.f2_2col_card .flex .f2-location.flexMax  .f2-showResponsive.fcs {display: none;}

@media only screen and (max-width:600px) {
	.f2_2col_card .userData {max-width: 100%;}
	.minResponsive {display: none;}
	
	/*friend request*/
	.f2_2col_card {padding-left: 0;}
	.f2_2col_card .flex {flex-direction: column; padding-left: 130px;}
	.f2_2col_card .flexCenter {justify-content: space-between; padding-left: 70px;}
	
	.f2_2col_card .f2-optionsButtons {margin-top: 13px; display: flex; align-items: center; flex-wrap: wrap;}
	.f2_2col_card .f2-optionsButtons button {width: calc(50% - 30px);}
	
	.f2_2col_card.f2-newLook .f2-optionsButtons .f2-btn_black, .f2_2col_card.f2-newLook .f2-optionsButtons .f2-btn_circle_r, .f2_2col_card.f2-newLook .f2-optionsButtons .f2-btn_circle_b {
    	margin: 0; margin-bottom: 13px; width: 100%; display: flex; align-items: center; }
	
	.f2_2col_card .flex .f2-hideResponsive {display: none;}
	.f2_2col_card .flex .f2-showResponsive {display: block;}
	.f2_2col_card .flex .f2-location.flexMax  .f2-showResponsive.fcs{max-width: 100%; width: auto;  display: block;}
}

#f2_invite_users .f2_2col_card .f2-optionsButtons:has(button) {padding:16px 0}
#f2_invite_users .f2_2col_card .f2-optionsButtons button {margin-top:0;margin-bottom:0;text-align:left;}
#f2_invite_users .f2_2col_card .f2-optionsButtons button + button {margin-top:16px;}
	
@media only screen and (max-width:600px) {
	
	.f2_2col_card .f2-optionsButtons {flex-direction: column;}
	.f2_2col_card .f2-optionsButtons button {width:  calc(100% - 30px);}
	.f2_2col_card .f2-optionsButtons button:first-child { margin-bottom: 0;}
	
	.f2_2col_card .f2-optionsButtons button:first-child:last-child { margin-bottom: 15px;}
	
	
}