#f2_main_menu, .w3-sidebar {
  background-color: var(--temno_siva) !important;
  /* f2-show1 display: block; */
  top: 0;
  width: 100%;
  z-index: 201;
  
  /* f2-show1
  -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -moz-transition: .4s ease-in-out;
   */
  /* frontpage menu */
}
#f2_main_menu.f2-show1, .w3-sidebar.f2-show1 {
    -webkit-transform: translateY(0);
    transform: translateY(0);}
    
    
#f2_main_menu .f2-top_band {
  background-color: var(--temno_siva) !important;
  z-index: 70;
  height: 55px;
  padding: 7px 16px;
}
@media only screen and (min-width:721px) and (max-width:960px) {
  #f2_main_menu .f2-top_band {
    height: 67px;
    padding: 12px 16px;
  }
}
@media only screen and (min-width:961px) {
  #f2_main_menu .f2-top_band {
  	height: 67px;
    padding: 12px 0;
  }
}
#f2_main_menu .f2-menu {
  margin-bottom: 16px;
}
@media only screen and (min-width:721px) {
  #f2_main_menu .f2-menu {
    padding-right: 30px;
  }
}
#f2_main_menu .f2-menu_items.f2-public {
  display: inline-block;
  text-align: left;
}
#f2_main_menu .f2-menu_items.f2-public .f2-menu_item {
  display: block;
}
#f2_main_menu .f2-menu_items {
  padding-top: 16px;
}
#f2_main_menu .f2-menu_items .f2-menu_item {
  display: inline-flex;
  padding: 5px 0;
  cursor: pointer;
  line-height: 34px;
  width: 100%;
  font-size: var(--size_large);
  position: relative;
  z-index: 60;
}
#f2_main_menu .f2-menu_items .f2-menu_item i {
  margin-right: 16px;
  color: var(--svetlo_plava);
}
#f2_main_menu .f2-menu_items .f2-menu_item span {
  color: var(--svetlo_plava);
}
#f2_main_menu .f2-menu_items .f2-menu_item.changeMembership:hover {text-decoration: none;}

#f2_main_menu .f2-menu_items .f2-menu_item.changeMembership:hover span{text-decoration: underline; color: #fff !important;}
#f2_main_menu .f2-menu_items .f2-menu_item span.fcr:hover ,
#f2_main_menu .f2-menu_items .f2-menu_item.f2-lifetime-mm span:hover {
	color: #fff !important; text-decoration: underline;
}


#f2_main_menu .f2-menu_items .f2-menu_item.f2-lifetime-mm  span:hover {
	color: var(--roza) !important; text-decoration: none; cursor: default;
}
#f2_main_menu .f2-menu_items .f2-menu_item.f2-lifetime-mm i {
    cursor: default;
    color: var(--bela);
}

.f2-my-main_menu {
  padding: 20px 0;
}
.f2-my-main_menu.fsn {position: relative;}
.f2-my-main_menu.fsn .f2-cell-row.f2-username { margin-bottom: 10px;  }
.f2-my-main_menu.fsn .f2-cell-row.f2-username .f2-username_name {padding-right: 80px; word-break: break-word;}

.f2-my-main_menu a:hover p.fcp {color: #fff !important;}



.f2-my-main_menu .f2-slika,.f2-main-menu-prf {
  width: 78px;
  height: 78px;
}

.f2-my-main_menu .f2-main-menu-prf {position: absolute; top: 20px; right: 0;}
.f2-my-main_menu .f2-firstLi {padding-right: 80px;}
.f2-my-main_menu .f2-num {
  color: var(--svetlo_siva) !important;
  padding-left: 5px;
}
.f2-my-main_menu .unread {
  top: auto;
  right: auto;
  width: 9px;
  height: 9px;
  margin: 5px;
}
#f2_main_menu .f2-member {
  margin-left: 55px;
}


#f2_main,.f2-overlay-in {
  max-width: 960px;
  margin: 0 auto;
}
@media only screen and (min-width:721px) and (max-width:960px) {
  #f2_main,.f2-overlay-in {
    padding: 0.01em 16px;
  }
}



.f2-changeLocation .f2-clickHere:hover {text-decoration: underline;}
.f2-changeLocation .f2-changeLocationInput {display: none; position: relative; padding-bottom: 20px;}
.f2-changeLocation .f2-changeLocationInput.f2-active {display: block !important;}
.f2-changeLocation .f2-changeLocationInput input {background: none; margin: 0; padding: 0; border: none; border-bottom: 1px solid #a6a6a6; font-size: 15px; width: 100%; color: #fff;}
#f2_main_menu .f2-menu_items .f2-changeLocation.f2-menu_item  .f2-changeLocationInput span.f2-removeLocation {color: var(--roza); font-weight: 700; position: absolute; right: 0; top: 3px;}

#f2_main_menu .f2-menu_items .f2-changeLocation.f2-menu_item  .f2-changeLocationInput button.f2-confirmButton {border: 1px solid red; width: auto; height: auto; margin: 0; padding: 0 10px; 
display: block; position: absolute; right: 0; top: 0; font-size: 15px; border: none; border-radius: 10px; background: var(--roza); color: #fff; cursor: pointer; z-index: 10;
-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -moz-transition: .2s ease-in-out;}
#f2_main_menu .f2-menu_items .f2-changeLocation.f2-menu_item  .f2-changeLocationInput button.f2-confirmButton:hover {background: var(--svetlo_plava); color: #000;}

.f2-changeLocation p {font-size: 18px; line-height: 22px;}
.f2-changeLocation a.f2-travelMode {margin: 5px 0; color:  var(--svetlo_plava); font-size: 18px; line-height: 22px;}
#f2_main_menu .f2-menu_items  .f2-changeLocation a.f2-travelMode span.f2-off {color: #000;}
.f2-changeLocation p.f2-travelModeText {color: #A6A8AB; margin-bottom: 25px;}

.f2-changeLocation a.f2-travelMode:hover {text-decoration: underline; color: #fff;}
#f2_main_menu .f2-menu_items   .f2-travelMode:hover span { color: #fff !important; text-decoration: none;}


#f2_add_something .f2-overlay-title {margin-bottom: 0;}

.f2-addSomething {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; gap:  0  30px;}
.f2-addSomething .f2-buttonAdd {width: calc(33.33% - 20px);}
.f2-addSomething .f2-buttonAdd > img {width: 80px; height: 80px;}
.f2-addSomething .f2-buttonAdd button:hover p {text-decoration: underline;}
.f2-addSomething .f2-buttonAdd button.f2-premiumButton {opacity: 0.25;}
.f2-addSomething .f2-buttonAdd button.f2-premiumButton:hover {opacity: 1;}

@media only screen and (max-width:720px) {

	.f2-addSomething {padding: 0 16px; gap:  0 30px;}
	.f2-addSomething .f2-buttonAdd {width:  calc(50% - 15px);}
	
	

}
@media only screen and (max-width:480px) {

	.f2-addSomething {padding: 0 16px; gap:  0 30px;}
	.f2-addSomething .f2-buttonAdd {width:  calc(50% - 15px);}
	


}


.f2-my-main_menu a.active {border-left: 3px solid  var(--roza);font-weight: 700; color: var(--white);margin-left: -16px;padding-left: 13px !important;}

#f2_main_menu .f2-menu_items .f2-menu_item span:hover {color: #fff !important;}

.f2-my-main_menu a.invisible {display: none;}