body {
  overflow-x: hidden!important;
}


ul{
  padding: 0;
  list-style: none;
}

.noselect {  /* einai gia mhn ginontai ola  mple/
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

button:focus {
  outline: none!important;
}

button::focus {
  outline: none!important;
}
/*
.wrapper_seconds{
  margin-left:5%;
}*/

ul.grid-nav {
  list-style: none;
  font-size: .85em;
  font-weight: 200;
  text-align: center;
}
ul.grid-nav li {
  display: inline-block;
}
ul.grid-nav li a {
  display: inline-block;
  background: #999;
  color: #fff;
  padding: 10px 20px;
  text-decoration: none;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

ul.grid-nav li a.active {
  background: #333;
}
.grid-container {
  display: none;
}
/* ----- Image grids ----- */
ul.rig {
  list-style: none;
  font-size: 0px;
}
ul.rig > li {
  display: inline-block;
  margin: 0 0 1.5% 0;
  background: #fff;
  border: 1px solid #ddd;
  font-size: 16px;
  font-size: 1rem;
  vertical-align: top;
  box-shadow:0 1px #ddd;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.c-std ul.rig > li{
  border: 0px;
}


.tetarth .c-std ul.rig > li:first-child {
   border-top: 2px solid #ddd;
}

.user_prof .c-std ul.rig > li:first-child {
   border-top: 2px solid #ddd;
}

.user_prof #vote_tab .c-std ul.rig > li{
  border-top: none!important;
}



ul.rig li img {
  max-width: 100%;
   display: block;
   margin: 0 auto;

}
ul.rig > li h3 {
  margin: 0 0 5px;
}
ul.rig > li p {
  font-size: .9em;
  line-height: 1.5em;
  color: #999;
}
/* class for 2 columns */
/* class for 3 columns */

/* class for 4 columns */


  .container {
    width: auto;
    padding: 0 10px;

  }


    .header-logo_2{
      float: left;
      /*margin-top: 20px;*/
      margin-top: 3px;
      width: 200px; 
      margin-left: 2%;
    }


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


#sp-header {
    height: 100px !important;
}



    .slick-slide img{
      height: 100px;
    }

    .sppb-container_2.arxiki .slick-prev,  .sppb-container_2.arxiki .slick-next{
      height: 100px;
      display: none!important;
    }

.header-menu {
    right: -1%!important;
}

.sppb-container_2.arxiki .slide_arxiki img{
  height: 150px!important;
}

.sppb-container_2.arxiki .go_left_slide,  .sppb-container_2.arxiki .go_right_slide{
  height: 150px!important;
  width: 15%!important;
}

#searchform .form-field input[type="text"], #searchform .form-field select {
    font-size: 12px!important;
}    


.arxiki .header-menu{
  top: 30px!important;
  right: 10px!important;
}



.showNav {
    margin-left: 10px !important;
}

    .sppb-container_2.arxiki .go_left_slide,  .sppb-container_2.arxiki .go_right_slide{
      display: none;
    }

    .main-nav{
      float: right;
      padding-right: 7px;
    }

a.sindesi, a.ginemelos {
    padding-left: 0px!important;
    padding-right: 0px!important;
}



    .header-menu li a.sindesi::before {
          content: '\f007';
          font-size: 20px;
          padding-right: 10px;
    }    
    .header-menu li a:hover {
      color: #c7254e;
    }
  #user_favorites {
    width: 250px!important;
}

.red_row {
    width: calc(100% + 30px)!important;
    margin-left: -15px; /*to sppb container moy ta xei gamisei ola*/
}

.redob1, .redob2{
  width: 50%!important;
  float: left;
}

.red_row .redob3{
  display:none;
}

.red_row div.circle {
    line-height: 15px !important;
    margin-top: 5px !important;
    margin-bottom: 17px !important;
}

.red_row div.fa {
    width: 40px !important;
    height: 40px !important;
}


.red_row div.circle div.fa-instagra {
    background-size: 25px 30px!important;
    margin-left: 15px;
    float: left;
}

.red_row div.circle:hover div.fa-instagra {
    background-size: 25px 30px!important;
    margin-left: 15px;
    float: left;
}

.red_row div.circle div.fa-instagr {
    background-size: 27px 27px!important;
    margin-left: 15px;
    float: left;
}

.red_row div.circle:hover div.fa-instagr {
    background-size: 27px 27px!important;
    margin-left: 15px;
    float: left;
}
.red_row span {
    font-size: 12px !important;
    top: 12px!important;
    left: 15px!important;
  }

  ul.grid-nav > li {
    display: block;
  }
  ul.grid-nav > li a {
    display: block;
  }
  ul.rig > li {
    width: 100% !important; /* over-ride all li styles */
    height: 100px;
  }
  .sppb-container_2.deyteres ul.rig > li img {
  width: 60px;
  height: 70px;
  margin: 0 0 10px;
  margin-top: 9px;
  margin-bottom: 5px;
}



.sppb-container_2.deyteres {
    width: 98%;
    margin-left: 1%;
}

.grid_it2{ 
  float:left;
  position: relative;
  width: 94% !important;
  margin-left: 3%;
  margin-right: 3%;
}

div.orofi {
    width: 100%!important;
}

.sppb-container_2.deyteres #pop-katastimata ul.rig > li:nth-child(1n+5){
  display: none;

}

.sppb-container_2.deyteres #pop-eshops ul.rig > li:nth-child(1n+5){
  display: none;

}


     #pop-eshops ul.rig > li {
      width: 50% !important; 
    }
    #pop-eshops ul.rig > li img{
      height: 80px;
      margin: 0 auto;
      margin-top: 9px;
    }  

     #pop-katastimata ul.rig > li {
      width: 100% !important; 
      height: 280px;
      position: relative;
    }
    #pop-katastimata ul.rig > li img{
      height: 130px;
      width: 100%;
      margin: 0 auto;
      margin-top: 11px;
    } 

    .page-title {
    font-size: 32px;
    margin-bottom: 32px;
    font-weight:normal;
    margin-top: 2%;
    }

    .eshops-title {
    font-size: 32px;
    margin-bottom: 32px;
    font-weight:normal;
    margin-top: 5%;
    }
    
    .popular-title {
    font-size: 32px;
    margin-bottom: 32px;
    font-weight:normal;
    margin-top: 5%;
    }

    .cat-infos {
      display: block;
    }
    
    .deyteres #categories .cat-infos{
      width: 70%!important;
      margin-top: -80px!important;
      margin-left: 70px!important;
    }

.sppb-container_2.deyteres .wrapper_seconds {
    width: 94%!important;
    margin-left: 3% !important;
}


.page-title {
    font-size: 20px!important;
    margin-bottom: 26px!important;

}
.eshops-title, .popular-title {
    font-size: 17px!important;
    margin-bottom: 26px!important;
}

.wrapper_seconds #categories{
    margin-bottom: 55px;
}

.wrapper_seconds #pop-eshops{
    margin-bottom: 35px;
}

.wrapper_seconds #pop-katastimata{
    /*margin-bottom: 95px;*/
}

  .wrapper_seconds #pop-katastimata .price_info{ 
      float: left;
      margin-left: 7%;
      padding-top: 5px;
      font-size: 15px;
      font-weight: bold;
}

    .wrapper_seconds #pop-katastimata .price_info span{ 
      color: grey;
      font-weight: normal;
      font-size: 13px;
    }


.wrapper_seconds #pop-katastimata ul.rig li  .cat-infos {
    height: 70px!important;
    width: 90% !important;
}


/* trites*/
/* trites*/
/* trites*/
/* trites*/
.gym_results, .athl_results, .chor_results, .extr_results {
    float: left;
    display: inline-block;
    margin-left: 15px;
    width: 90%;
}    

.trites .page-title {
    font-size: 18px;
    margin-bottom: 10px;
    padding-top: 20px;
}

/* trites*/
/* trites*/
/* trites*/
/* trites*/

/*                    TETARTES                  */
/*                    TETARTES                  */
/*                    TETARTES                  */


.tetarth .c-std, .tetarth .c-std2  {
          width: 98% !important;
          margin-left: 1%;
          margin-top: 20px;
          transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

      .pos_absolute .c-std, .pos_absolute .c-std2 {
          margin-left: 200px;
          transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

      .toggle-filters{
        margin-left: 2%;
        transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

      .pos_absolute .results_title{
          margin-left: 200px;
          transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

      .results_title{
        text-align: left;
        font-size: 19px;
        margin-left: 2%;
        width: 100%!important;
        transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }



      .filters{
        margin-top: 0px!important;
        -webkit-transform: translatex(0);
        -ms-transform: translatex(0);
        transform: translatex(0);
        position: absolute!important;
      }

      .pos_absolute .toggle-filters{
        margin-left: 200px!important;
        transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }



.c-std, .c-std2 ,#checked_filters {
    width: 96% !important;
    margin-left: 2%;
}

#checked_filters{
  padding-top: 5px;
}


.toggle-filters2{
  position: fixed;
  display: block!important;
}

.filters h2 {
    margin: 0 5px 25px!important;
}

#cd-distance input[type="radio"]:checked + label::after {
    top: 10px!important;
}

#programm_filters, #extra_filters, #extrapar_filters, #diamerisma_filters, #category_filters, #area_filters, #nomos_filters, #distance_filters {
    margin-left: 15px !important;
}

.tetarth input.css-checkbox[type="checkbox"] + label.css-label {
    max-width: 155px!important;
  }

.business_results ul.rig > li{
  border: 1px solid #ddd!important;
  margin-bottom: 20px;
}



.business_results .stable_stars {
   bottom: -5px !important;
    left: -80px;
}


#act_bus_tab .business_results .stable_stars {
    left: 0px!important;
}

.business_results .rating {
   bottom: -5px !important;
   left: 12px !important;
}



.showall-filters {
  margin-left: 0px!important;
}


.price {
position: absolute;
top: -6px;
right: -5px;
width: auto;
font-weight: lighter;
box-shadow: none !important;
height: 40px !important;
width: 40px !important;
font-size: 14px !important;
}

.price .price_info {
    margin-top: 0px!important;
    text-align: left!important;
}

.price .price_info span {
  display: none;
}

#prof2_tab .price_info:after {
    font-family: 'icomoon' !important;
    content: '\f040';
    position: absolute;
    font-size: 20px;
    right: 17px;
    top: 10px;
}

.user_pub .price_info:after {
    font-family: 'icomoon' !important;
    content: '\f040';
    position: absolute;
    font-size: 20px;
    right: 17px;
    top: 10px;
}


#act_bus_tab .price_info:after {
    content: '\f093';
    color: #337ab7;

}


#act_bus_tab .price_info:hover::after {
    color: green;
    cursor: pointer;
}

.user_pub .price {
  z-index: 3;
  top: 50px;
  left: -35px;
}

.c-std ul.rig {
    margin-left: -13.5%;
}

.c-std ul.rig > li .cat-infos {
    min-height: 65px;
    height: 100px;
    margin-top: 0px;
    width: calc(100% - 100px) !important;
  }     

 .business_results ul.rig {
   margin-left: 5px!important; /* should match li left margin */
   background: white;
   float: left;
   width: 100%;
   padding-top: 0px;
    }


 .c-std .business_results ul.rig {
   padding: 0px;
  }

  .business_results ul.grid-nav > li {
    display: block;
  }
  .business_results ul.grid-nav > li a {
    display: block;
  }
  .business_results ul.rig > li {
    width: 105% !important;
    height: 145px;
    margin-left: -2%;
    position: relative;
}

  .business_results ul.rig > li .img img {
    height: 65px;
    width: 65px;
    margin-left: 10px;
    outline: 0;
    border-radius: 50%;
}

.business_pic{
  width: 80px;
  float: left;
}

ul.rig > li .cat-infos {
    min-height: 65px;
    height: 100px;
    width: calc(100% - 90px) !important;
}

.c-std .cat-infos .name {
    font-size: 14px;
    margin-bottom: 10px;
    width: 100%;
    float: left;
    padding-top: 15px;
}

.bus_dets {
    font-size: 13px;
    text-align: left;
    clear: both;
    color: grey;
    height: 41px;
    overflow: hidden;
}


.business_results .cat-infos .name:hover{
  color: #337ab7;
  text-decoration: underline;
}


.filters {
   display: none;

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

.kstgms.fixed {
    width: 98%!important;
    left: 1%!important;
}    


.dropdown.iperpage .dropbtn {
background-color: white!important;
padding: 4px !important;
color: #c40f39;
}

.dropdown.iperpage .dropbtn {
  border: 1px solid;
}


.tetarth .dropdown.iperpage .dropdown-icon::before {
  color: #c40f39;
  font-size: 20px;
}

.tetarth .business_results {
  padding-top: 100px!important;

}

.kostastuff{
  margin-top: 40px;
  width: 96%;
  padding-bottom: 20px;
  position: absolute;
  left: 2%
}

.kostastuff ul {
  width: 100%;
}

.kostastuff li {
    width: 25%;

}

.tetarth .dropdown.order{
    position: absolute;
    top: 10px;
    z-index: 3;
    right: 2%;
    width: 46%;
    height: 33px;
}

.tetarth .toggle-filters2 {
    padding: 4px 5px;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    z-index: 3;
    position: absolute;
    display: block;
    background: #C40F39;
    height: 31px;
    color: white;
    font-size: 17px;
    width: 46%;
    text-align: center;
    top: 10px;
    left: 2%;
}

.dropdown.iperpage .dropbtn {
background-color: white!important;
padding: 4px !important;
color: #c40f39;
}

.tetarth .dropdown.order .dropbtn {
 width: 100%;
}


#checked_filters2 .filterslist{
  max-height: 85px!important;
}


.filters_menu {
  width: 100%!important;
  display: none;
}

.allfills {
    width: 100%!important;
}

#cd-filters_filters .filters_menu{
  display: block;
}


.cd-filter-modal .allfills li {
    width: 100%!important;
}


.dropdown.fixed {
    right: calc(2% + 1px) !important;
}

.business_results {
  width: 100%;
  margin-left: -2%;

}

.c-std .cat-infos {
    width: 50%;
    float: left;
    margin-left: 10px;
    position: relative;
}


.c-std .cat-infos .name {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
    line-height: 1.3;
}
.c-std .cat-infos .name {
font-size: 14px;
margin-bottom: 0px;
width: 100%;
float: left;
padding-top: 5px;
height: 30px;
overflow: hidden;
width: 101px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

}

#cd-distance ul {
    margin-top: 10px !important;
    width: 90%;
    margin-left: 5%;
}

#cd-distance li {
  margin-top: 10px;
  width: 100%!important;
}

#cd-distance li:nth-child(4) , #cd-distance li:nth-child(5) {
    width: 49%!important;
}

#cd-distance li:nth-child(4) input{
  margin-left: 10%!important;
}

#cd-distance .map_in_prof .btn {
    margin-left: 7%!important;
    width: 86%!important;
    margin-top: 25px;
}

#addr_edit_small_screen .btn ,#addr_edit_small_screen #add_edit {
  width: 96%;
  display: block;
  margin-left: 2%;
}


.bus_dets {
  font-size: 12px;
  text-align: left;
  clear: both;
  color: grey;
  height: 60px;
  overflow: hidden;
  padding-left: 1px;
}
.bus_dets .bus_det::after {
    content: ', ';
}
.bus_dets .bus_det:last-child::after {
    content: '';
}



.bus-spec {
    margin: auto auto auto 0 !important;
}

.bussiness-infos {
    width: 100%;
    padding-left: 15px;
    margin-top: 15px;
    border-top: 1px solid #dfdfdf;
    height: 45px;
    position: relative;
    float: left;
}

.bussiness-infos ul {
    display: flex;
    margin: 0;

}

.bus-specs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    text-align: left;
    padding: 0;
    height: 45px;
    margin: 10px 0 0;
}

.bussiness-infos li {
  list-style-type: none;
  text-decoration:none;
  /*display: inline !important;*/


}

.bus-spec.distance {
    position: absolute;
    bottom: 52px;
    right: 10px;
    width: auto;
    font-weight: lighter;
}
.bus-spec.distance strong {
    display: none;
}

.bus-spec.hideit strong{
  display: none;
}


.bus-spec {
    color: #333;
    font-weight: 700;
    font-size: 12px;
    display: block;
    float: left;
}


.bus-spec strong {
    font-weight: lighter;
    float: right;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 8px;
    color: #666;
    margin-left: 10px;
    display: none;
}

.bus-spec.deal strong{
  display: none;
}

strong.bus-spec.deal {
  display: none;
}

strong .bus-spec.deal {
  display: none;
}

.deal_spec{
  display: none;
}

.kostastuff li span {
    padding: 8px 5px !important;
}

.tooltip-container {
  height: 34px;
    position: relative;
}

.business_results ul.rig li .bus-spec img {
    height: 18px;
    width: 25px;
    margin: 0px;
    margin-top: 4px;
} 

.item-tooltip {
    position: absolute;
    opacity: 0;
    right: 50px;
    top: 20px;
    width: 280px;
    pointer-events: none;
    background: #fff;
    padding: 0px;
    border: 1px solid #dfdfdf;
    z-index: 6;
    border-radius: 4px;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.tooltip-container:hover .item-tooltip {
    opacity: 1;
    top: 55px;
}
.item-tooltip h2 {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 5px;
}
.item-tooltip .tooltip-text {
    width: 180px;
    float: left;
}

.tetarth .item-tooltip img , .user_prof .item-tooltip img{
    width: 92px !important;
    height: 50px !important;
    margin-top: 10px !important;
    float: right;
    margin-left: 5px !important;
}

.tooltip-container {
  margin-top: 4px;
}

.bussiness-infos ul{
  padding: 0;
  margin-left: 0px!important;
}



.bussiness-infos .bus_dets , .cat-infos .location{
  display: none;
}


.busn-item-link{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
}

.business_results .more_info {
  top: 15px!important;
  left: -23px !important;
  width: 220px;
  z-index: 3;
}

.user_prof #prof2_tab .bussiness-infos .bus-spec{
    display: none;
}
.user_prof #prof2_tab .bussiness-infos .bus_online{
  float: right;
  margin-right: 5px;
  margin-top: -3px;
}

 .notif_results .more_info{
  top: 65% !important;
}


#act_bus_tab .business_results ul.rig li .new-cat-infos {
  width: 100px !important;
  font-size: 12px;
  margin-right: -5px;
}

#act_bus_tab .business_pic{
  display: none;
}

#act_bus_tab .new-bussiness-infos ul li.new-bus-spec {
    font-size: 12px!important;
}

#act_bus_tab .new-bussiness-infos {
    float: left;
    width: calc(100% - 105px);
}

#prof2_tab .price .upgrade_link{
  display: none;
}

#prof2_tab .bus_online a .upgrade_link{
  position: absolute;
  font-size: 14px;
  left: 5px;
  top: 2px;
  z-index: 9;
  padding: 5px 10px;
}

.business_results ul.rig {
  width: 120%;
  margin-left: -15% !important;
}

.paginate{
    width: 80%;
  }


#member_infos_tab{
  float: left;
  width: 96%;
  margin-left: 2%;
}

#member_infos_tab .grid_it_half {
  width: 95%;
  margin-left: 0px!important;
}

.application_state li {
    font-size: 12px!important;
    width: 23%!important;
    padding: 0px!important;
}

#feedback_text .contact_infos{
  float: left;
  position: relative!important;
  left: 0px!important;
  bottom: 5px!important;
}


#feedback_choices, #feedback_text{
width: 90%!important;
margin-left: 8%!important;
}

.cd-ask-modal.is-visible .cd-ask-modal-container {
    height: 700px !important;
    margin-top: 20px !important;
    margin-bottom: 260px !important;
    width: 94% !important;
}


#cd-ask form {
   height: 515px !important;
}

.cd-ask-modal.is-visible .cd-ask-modal-container.bigger_height {
    height: 745px !important;
}

.cd-ask-modal-container.bigger_height #cd-ask form {
    height: 565px !important;
}


#cd-ask li {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

#cd-ask h4 {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

#cd-ask #feedback_text h4 {
    text-align: left!important;
}


textarea#feedback_body {
    min-height: 100px!important;
}

input[type="radio"] + label::before {
    top: 3px!important;
}

#cd-notif .sel_bus_notif li {
    margin-left: 30px!important;
}


/*prof info*/
/*prof info*/
/*prof info*/

.member_wrapper {
    padding-left: 0!important;
    padding-bottom: 10px;

}
.account-header {
    position: relative;
    background: #BECCD5;
}



.left_menu ul ul > li {
          font-size: 14px;
          color: black;
          height: 40px;
          line-height: 3;

      }


.user_prof #flex-nav {
  width: 100%!important;
  margin-left: 0px!important;
   }

.mm-menu-items li a {
    padding: 15px 15px!important;
}    


.prof_content {
    overflow: hidden;
    width: 92%;
    max-width: 1500px;
    margin: auto;
}

.curr_user {
    text-align: center;
    padding: 20px 0;
}

.user_prof .prof_content {
    margin-left: 0px!important;
    width: 100%!important;
}


.rest_fil li.choose_fills , .pop_fil li.choose_fills{
    float: left;
    width: 100%;
}

#cd-notifil .sel_bus_notifil li {
    margin-left: 15%!important;
}

#notifil_tab .c-std{
  padding: 0px!important;
}

#notifil_tab .business_results {
    width: calc(100% - 10px)!important;
    margin-left: 10px!important;
}

#notifil_tab li label.css-label
{
  font-size: 13px!important;
  margin-top: 10px;
}

.avatar-box {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 72px;
    position: relative;
    border: 2px solid gainsboro;
    border-radius: 50%;
    background: white;
}

.avatar-box img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    vertical-align: middle;
    /*Giannis adds*/
  width: 100%;
    height: 100%;
}

.curr_user .username {
    font-size: 18px;
    color: white;
    margin: 10px 0 20px;
    position: relative;
}


.curr_user .profinfos > p:first-of-type {
    border-right: 1px solid rgba(255,255,255,0.3);
    padding-right: 20px;
}
.curr_user .profinfos > p {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    color: rgba(255,255,255,0.85);
    text-align: left;
}


.curr_user .profinfos> p:last-of-type {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
}

.curr_user .user_actions {
    display: none;
}

.left_menu-toggler {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 20px;
    left: 20px;
}

.left_menu-toggler::before {
    content: "\e916";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 20px;
    color: grey;
    position: absolute;
    top: 30px;
}

.left_menu {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%);
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
    position: absolute;
    z-index: 5;
    border: 1px solid #bbbbbb;
    background: #f8f8f8;
    top: 50px;
    max-width: 290px;
    width: 100%;
}

.left_menu.visible {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
}


.left_menu-close {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 5px;
    right: 5px;
}


.left_menu-close:before {
    content: "\f00d";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 18px;
    color: black;
}



.left_menu-close:before {
    content: "\f00d";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 18px;
    color: black;
}


.top_sub_menu-toggler {
font-size: 0;
color: transparent;
position: absolute;
top: 10px;
left: 30px;
z-index: 2;
cursor: pointer;}

.top_sub_menu-toggler::before {
    content: "\e916";
    color: #999999;   
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 28px;
    position: absolute;
    top: 3px;
    left: -15px;
}

.top_sub_menu {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%);
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
    position: absolute;
    z-index: 2;
    border: 1px solid #bbbbbb;
    background: white;
    top: 0px;
    max-width: 275px;
    width: 100%;
    overflow-y: scroll;
    height: 100%;
    position: fixed;
}

.top_sub_menu.visible {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
}


.top_sub_menu-close {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}


.top_sub_menu-close:before {
    content: "\f00d";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 18px;
    color: black;
}


.top_sub_menu ul ul li {
    padding-bottom: 0px;
    padding-top: 5px;
    background-color: rgba(0,0,0,.03);
    border-radius: 0px;
    color: #C40F39;
    text-align: center;
}
.top_sub_menu ul li dd{
    background-color: white;
    font-size: 15px;

}

.top_sub_menu ul ul li a{
  width: 100%;
}

.top_sub_menu ul li.top_sub_gym li dd:first-of-type {
    padding-top: 5px!important;
    padding-bottom: 0px!important;
}

.top_sub_menu ul li.top_sub_gym li dd:last-of-type {
    padding-top: 0px!important;
    padding-bottom: 5px!important;
}

.top_sub_menu ul li.top_sub_gym li dd {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.top_sub_menu ul dd ul a {
    color: #000;
}

.top_sub_menu ul ul  li dd a {
    display: inline-block;
    background-color: white;
    background-color: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.125);
    width: 100%;
    padding: 10px;
}

.top_sub_menu ul ul > li:hover {
  cursor: pointer;
}

.top_sub_menu ul li  span {
    display: inline!important;
}

.top_sub_menu ul li  i {
    padding-right: 25px!important;
  margin-left:10px;
}

.top_sub_menu .expand{
  position: relative;
}

.top_sub_menu .expand .expand::before {
  top: 5px!important;
}



.top_sub_menu .expand.expanded:before {
  content: "\f106"!important;
  
}

.top_sub_menu dd{
  display: none;
}



.top_sub_menu h4 {
    width: 100%;
    text-align: center;
    color: black;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 15px;
    font-size: 22px;
}


.edit_prof .left_menu ul.bar_content > li {
    font-size: 14px;
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
    text-align: center;
}

.user_prof .left_menu ul.bar_content > li  {
    color: gray;
}

.user_prof .left_menu ul.bar_content > li {
    cursor: default!important;
    background: none;
    font-size: 14px;
    text-align: center;
    padding-top: 20px;
}

.user_prof .left_menu {
  top: 250px;
}

.left_menu ul ul > li:first-child {
    margin-top: 20px;
}
.left_menu ul ul > li {
    font-size: 14px;
    color: black;
    text-align: center;
}

.left_menu ul ul > li a {
    display: inline-block;
    color: inherit;
}

.left_menu ul ul > li:hover {
  cursor: pointer;
}

.user_prof .mm-has-submenu.active > .mm-submenu {
    display: none;
}


.user_pub .left_menu ul.bar_content > li {
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    text-align: center;
    padding-top: 20px;
}

.user_prof ul {
    list-style: none;
}

.user_prof .content {
 /*   min-height: 1000px!important;*/
}

      .favorites_tab .c-std, .notif_tab .c-std3 ,  #orders_tab, #points_tab{
        width: 94% !important;
        margin-left: 3%;
      }


.favorites_tab {
    display: block;
    padding-top: 20px;
}


#prof_tab .fileUpload, #prof_tab .fileChange {
    margin-top: -50px !important;
}


      #prof_tab #save_button_wrapper, #change_pass #save_button_wrapper, #address_tab #save_button_wrapper {
          position: absolute;
          right: 25px;
          bottom: 50px;
      }


#prof_tab .avatar-box {
    margin-top: -60px !important;
    margin-left: 5%;
    position: absolute;
}


#prof_tab .fileUpload, #prof_tab .fileChange {
    margin-top: 25px !important;
    margin-left: 5%;
}


#fav_tab .business_results {
    width: calc(100%);
    margin-left: 5px;
}
#fav_tab .heart{
height: 30px!important;
width: 30px!important;
top: 50px!important;
left: -29px!important;
}


#orders_tab #empTable_wrapper{
  overflow-x: auto;
}

 #orders_tab table{
  width: 100%;
 }

 #orders_tab table th input{
  width: 90%;
 }
#orders_tab table:not(#empTable) tr{
  float: left;
}

#orders_tab  table:not(#empTable) th:nth-child(2){
  width: 110%;
  float: left;
  margin-bottom: 5px;

}

.business_results .heart.fas {
    top: 75px !important;
    left: -39px!important;
}

.business_results .more_info{
    top: 38px !important;
    left: -30px !important;
    width: 220px;
    z-index: 2;
}

#member_infos_tab #cat_subcat h5 span {
  display: none;
}

#rate_tab h4, #fav_tab h4, #rate2_tab h4{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 17px;
    margin-left: -5px;
}  



.edit_prof #personel_tab .demo-wrap a#crop_start {
    margin-left: 75px !important;
    margin-right: 0px!important;
    margin-top: 0px!important;
}

.edit_prof #personel_tab .img_preview, .edit_prof #personel_tab .img_p  {
    height: 240px !important;
    width: 240px !important;
    margin-left: -5px;
}

.imgl_overlay {
    top: 0px!important;
    margin-left: -5px!important;
}


.edit_prof #personel_tab .image_wrapper .img_p:hover::after {
    margin-left: -10px !important;
    margin-top: 0px !important;
    width: 240px !important;
    height: 240px!important;
}

.edit_prof #personel_tab .personnel_infos
{
  padding-top: 60px;
}

.personnel_infos input[type="text"] {
    width: calc(80% + 36px) !important;
    margin-left: 2%;
}


/*edit business profile 340*/
/*edit business profile*/
/*edit business profile*/

.error_message {
    font-size: 10px!important;
}

#edit_myProgress {
    margin-top: 25px!important;
}

.edit_prof .fsSubmitButton {
    font-size: 13px !important;
    padding: 6px 6px 6px !important;
}

.edit_prof #save_button_wrapper {
    margin-right: 1%!important;
}

.edit_prof #preview_button_wrapper {
    margin-left: 1%!important;
}


#price_tab .price_grid {
    margin: 1%;
    width: 98% !important;

  }

  #price_tab #price_schedule .error_message{
  width: 80%!important;
}


.edit_prof #schedule_tab #sports_listed_programms [id^="sports_title"]{
      position: absolute;
    margin-top: 3px !important;
    right: 22px;
}

.edit_prof #schedule_tab .has_personal {
    width: 100%!important;
}


.full_plus span {
    font-size: 24px!important;
}

#event_tab .edit_icons_wrapper {
    width: 98% !important;
    margin-left: 5%;
    float: left;
}

#event_output .event_grid_it {
    width: 90% !important;
    margin-left: 5%!important;
  }

#event_tab .event_typ, #event_tab .event_til{
    float: left;
    width: 50%!important;
    margin-left: 0%!important;
    margin-right: 0%!important;
}
 #event_tab .event_til input, #event_tab .event_typ select{
  width: 90%;
 } 

#event_tab .event_descr,  #event_tab .event_da, #event_tab .event_cost , #event_tab .event_infos {
   float: left;
  width: 100%!important;
  margin-left: 0%!important;
  padding-top: 20px;
}

#event_tab .event_cost {
  padding-top: 0px!important;
}

 #event_tab .event_da [id^="event_date_type"],#event_tab .event_cost [id^="event_price_type"]{
  width: 45%;
  float: left;
 }

#event_tab .event_prog select[id^="event_schedule_type"] {
   width: 100%!important;
}

 #event_tab .event_da .event_days,  #event_tab .event_cost .event_with_price{
  width: 50%;
  float: right;
  margin-top: -20px !important;
 }

.event_da .event_one_day{
  float: right;
  width: 45%;
  margin-top: -20px !important;
}

.event_da .event_one_day p input{
  width: 100%;
}

 #event_tab .event_da .event_days p{
  width: 48%;
  float: left;
 }

 #event_tab .event_da .event_days p:first-child{
  margin-right: 2%;
 }

  #event_tab .event_da .event_days p:last-child{
  margin-left: 2%;
 }


  #event_tab .event_da .event_days input {
  width: 100%!important;
 }

 #event_tab .event_cost .event_with_price input{
  width: 45%!important;
  float: left;
  margin-right: 5%;
}

 #event_tab .event_cost .event_with_price select{
  width: 45%!important;
  float: left;
  margin-left: 5%;
}


 #event_tab #event_listed_programms{
  float: left;
  width: 100%;
 }

 #event_tab #event_listed_programms select[id^="event_category"]{
  width: 45%!important;
  margin-right: 5%!important;

 }

 #event_tab #event_listed_programms [id^="event_list"]{
     float: left;
    margin-top: 2px;
    width: 45%;
}

#event_tab [class^="event_form"] span{
  display: block;
}

#event_tab .event_times{
width: 95.5%;
float: left;
margin-left: 1%;
}

#event_tab .eventdiv_list li.edit_border {
    padding: 5px!important;
}

#event_tab [id^="event_schedule"] .checkbox-grid{
  float: left;
  width: 100%;
}


#event_tab .event_schedule_show [id^="event_schedule_output"] .event_schedule {
    border: 1px solid;
    width: 100%;
    margin: -2px;
    height: 430px;
}

#event_tab .event_plus {
  margin-left: 1%!important;
  height: 90px!important;
}

#event_tab .checkbox-grid li {
    width:50%!important;
}    

#event_tab select[id^="event_programm_type"]{
  width: 80%!important;
}


#event_tab .parenttt.time_only li select {
  width: calc(50% - 8px)!important;
}


  #offer_tab .price_grid {
    float: left;
    margin: 1%;
    width: 98%;

  }

#keys_tab{
  width: 98%!important;
  margin-left: 1%!important;
}

#keys_tab #search_info_keys #extras_keys span, #keys_tab #search_info_keys #facilities_keys span,  #keys_tab #search_info_keys #programm_keys span{
    width: 50%!important;
}


.gym_persons #person_preview .tooltip-container .item-tooltip h2 {
    float: left;
    width: calc(100% - 120px);
}

.gym_persons #person_preview .tooltip-container .item-tooltip img {
    width: 110px !important;
    height: 110px !important;
    margin-top: 10px !important;
    float: right;
}
.gym_gallery #gallery_photo_preview .tooltip-container, #personel_tab #person_preview .tooltip-container{
  margin-left: 82px;
  width: 85px;
  margin-top: 10px;
}

.grid_it {
    float: left;
    margin: 15px;
    margin-right: 15px;
    margin-left: 15px;
    width: 90% !important;
    margin-left: 5%;
    margin-right: 0px !important;
}

#schedule_tab .sport_formm {
    width: 100%!important;
}


#schedule_tab .checkbox-grid li{
  float: left;
}

#schedule_tab .checkbox-grid li:first-child{
  width: 115px!important;
  margin-top: 27px !important;
}

#schedule_tab .checkbox-grid li:not(:first-child){
  width: calc(100% - 115px)!important;
}

.adblocktip_wrapper h5 {
    width: 250px;
    margin-left: calc(50% - 130px);
}

.adblock_tip {
    left: calc(50% + 116px)!important;
}

.xedit_profile .help-tip {
    top: -5px!important;
    right: 5px!important;
}

#gallery_tab h3{
  width: 90%;
}

.edit_prof #personel_tab .image_wrapper{
  margin-top: 40px;
}

.edit_prof #personel_tab .image_wrapper .help-tip {
    top: -40px!important;
      margin-left: calc(50% - 50px) !important;
}


.edit_prof #personel_tab .demo-wrap a#crop_start {
    margin-left: calc(50% - 41px)!important;
    margin-right: 0px!important;

}

.edit_prof #personel_tab .demo-wrap{
  position: relative;
}


.edit_prof #personel_tab .demo-wrap a#crop_cancel {
  top: 308px;
  left: calc(50% - 120px);
  position: absolute;
  margin-left: 0px;
}

.edit_prof #personel_tab .demo-wrap button {
  left: 39% !important;
  top: 308px;
  margin: 0px !important;
  position: absolute !important;
}

.edit_prof #gym_infos_tab .demo-wrap.upload-demo a#crop_start {
    position: absolute;
    margin-left: calc(50% - 45px) !important;
    bottom: -265px!important;
}

.renew_trial.fsSubmitButton{
  font-size: 0px!important;
  width: 35px!important;
  height: 35px;
  font-family: 'icomoon' !important;
}


.renew_packet.fsSubmitButton{
  font-size: 0px !important;
  width: 35px !important;
  height: 35px;
  font-family: 'icomoon' !important;
  position: absolute;
  right: 10px;
  top: 20px;
  line-height: 18px;
}

.cc-window.cc-banner {
    padding: 6px!important;
}

.cc-banner .cc-message {
  float: left;
  margin-top: 8px;
  font-size: 13px;
}

.renew_trial.fsSubmitButton:after , .renew_packet.fsSubmitButton:after{
      content: "\ea2e";
      font-size: 18px;
      color: white;
      margin-left: -7px;
}

.gym_contact .help-tip{
  top: 23px!important;
  left: 90%!important;
}

.gym_contact .help-tip p{
  right: -11px!important;
}

#gym_infos_tab .map_in_prof{float: left;
width: 100%!important;
margin-left: 0%;
}


#gym_infos_tab .gym_timetable{
    width: 85%!important;
}

[id^="timetable_days_"] th:first-child{
  width: 100px;
}



#gym_infos_tab .time_space, #event_tab .time_space {
    font-size: 20px;
    margin: 0 5px -10px 0px !important;
    line-height: 1;
    width: 100%!important;
    text-align: center;
}


.input-group.clockpicker {
    width: 100%!important;
}



#gym_infos_tab .timetable_days th:first-child {
    margin-top: 26px;
}

#event_tab .parenttt li:first-child {
    margin-top: 25px;
}

#event_tab .parenttt.time_only li {
  margin-top: 0px!important;
}


.sweet-alert{
  width: 280px!important;
  margin-left: calc(50% - 140px)!important;
  left: 0!important;
}


.mprogramm p input {
    max-width: 135px;
}



#paym_tab .business_results ul.rig > li:first-child  .cat-infos{
  width: 128px!important;
}

#paym_tab .business_results ul.rig > li .cat-infos{
  width: 128px!important;
  text-align: center;

}

#paym_tab .c-std .cat-infos .name {
  width: 96%;
  margin-left: 2%;
}

#paym_tab .cat-infos h4 {
    margin-top: 5px;
  }

#paym_tab .c-std .cat-infos {
    margin-left: 0px!important;
}

#paym_tab .price, #paym_tab .price_after, #paym_tab .price_compl{
  width: 105px!important;
}

#paym_tab  .c-std, .c-std2 {
    padding: 17px 5px 9px;
}    

#paym_tab .business_pic {
    width: 0px;
    margin-top: 40px;
}

#paym_tab .business_results ul.rig > li .img img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}    

#paym_tab h4{
  font-size: 14px!important;
  line-height: 14px;
}

#paym_tab .btn3.renew_bus {
  width: 100px;
  padding: 10px 0px 10px 0px!important;
  text-align: center;
  margin-left: -10px;
}

 #paym_tab ul.rig > li:first-child .katastasi_paketou {
   display: none;
}

 #paym_tab ul.rig > li .katastasi_paketou {
    width: 100%;
    position: absolute;
    bottom: 0px;
    margin-left: 0px;
    box-shadow: 0 -5px 5px -5px #ddd;
    height: 30px;
    text-align: left;   
}

.liksi_paketou {
    width: calc(100% - 128px ) !important;
    height: 115px!important;
}

.liksi_paketou h5 {
    margin-top: 0px;
}

#paym_tab .business_results ul.rig > li {
    width: 97% !important;
}

#paym_tab .business_results {
    width: calc(100% );
    margin-left: 0px;
}

.katastasi_paketou h5 {
    margin-top: 5px!important;
    margin-left: 10px;
}

#paym_tab  .cat-infos .location{
  display:block!important;
}

#paym_tab .business_results .cat-infos .name {
    margin-top: 20px!important;
}

.liksi_paketou h5 {
    margin-top: 15px!important;
}


.notif_rig .business_pic{
  width: 40px!important;
}

.notif_infos{
    width: calc(100% - 50px);
    margin-left: 50px;
}

.notif_infos .business_pic{
    top: 50%;
    margin-top: -20px;
    margin-left: -50px;
}

.notif_msgtext2 h5{
  font-size: 13px!important;
}

.btn3.mute_it, .btn3.mute_not{
  padding: 10px 5px 10px 5px!important;
  font-size: 11px!important;
  margin-right: 5px!important;

}

.for_online .bar {
  width: 2%!important;
}

.for_online {
    margin-top: 60px!important;
    width: 100%!important;
    margin-left: 0px!important;
}

.for_online .circle .title {
    font-size: 11px!important;
    margin-left: 0px!important;
}    

.for_online #circle2 .title, .for_online #circle4 .title , .for_online #circle6 .title  {
  top: -30px!important;
}

.for_online #circle5 .title  {
  left: -10px!important;
}

#cd-distance .for_online {
    margin-top: 10px !important;
}

.cd-distance-modal.is-visible .cd-distance-modal-container.address_added {
    height: 780px!important;
}

.cd-distance-modal.is-visible .cd-distance-modal-container {
    height: 500px !important;
    min-height: 100%;
    margin: 0px !important;
    min-width: 100%;
    margin-top: -10px !important;
}

#cd-distance .for_online .bar {
    width: 27% !important;
}

#cd-distance .for_online .title {
    top: 2px!important;
}

#cd-distance label h6 {
    margin-top: 25px!important;
}

/*edit business profile*/
/*edit business profile*/
/*edit business profile*/



/*upload photo section*/
/*upload photo section*/
/*upload photo section*/




.intro_msg h1{
  font-size: 22px;
}


#submitPhoto #header-image {
    margin-bottom: 20px!important;
}

#submitPhoto .container {
    width: 98%!important;
    margin-left: 1%!important;
}

.photo_up_dnd {
    padding-top: 15px!important;
}



#submitPhoto #header-image {
    height: 300px!important;
    background-size: 100% 300px!important;
}

#submitPhotoText {
    font-size: 24px!important;
}

#submitPhotoCol {
    margin-top: 263px!important;
}

span.photo_name {
    font-size: 13px!important;
}


.uploaded_photo {
    width: 100%!important;
    height: 140px!important;
}

.uploaded_photo img {
    height: 140px !important;
    width: 100%;

}

#submitPhotoDropzone.uploaded {
    height: 250px!important;
}

.up_photo_infos {
    margin-top: 10px!important;
}

.form-section fieldset label {
  font-size: 13px!important;
}

.up_photo_infos {
  margin-left: 0px!important;
    width: 100%!important;
}

.remove_it{
  margin-top: 0px!important;
  width: 140px;
}

.remove_it:hover{
  margin-top: 0px!important;
}

input#uphoto_video{
  width: 100%!important;
  margin-left: 0%!important;
}

#submitPhoto .sindesi{
    position: absolute;
    width: 84%;
    left: 8%;
}    
/*upload photo section*/
/*upload photo section*/


/*edit profi*/

/*edit profi*/


/*edit profi*/


/*edit profi*/

.edit_profile_wrapper {
    position: relative;
    width: 100%!important;
    margin-left: 0%!important;
}


#gym_infos_tab .gym_infos, .gym_contact {
    width: 100%!important;
}

.profile_image_wrapper{
    width: 100%!important;
}


  #gym_infos_tab .gym_infos li{
    width: 48%;
    margin-left: 1%;
    float: left;
    font-weight: 900;
    font-size: 11px;
    height: 80px;

    }

#prof_tab .gym_infos h4{
  margin-left: 0%!important;
  text-align: center;
}



      #gym_infos_tab .gym_infos li select{
        width: 99%;
        margin-left: 1%;
        font-size: 11px;
        margin-bottom: 25px;
        margin-top: 10px;
      }

    #gym_infos_tab ul.gym_infos li input{
    width: 100%;
    margin-top: 13px;
    }

.edit_profile_wrapper h3{
  font-size: 20px!important;
}


    #prof_tab.add_pic {
      height: 650px!important;  
    }

    .gallery_details{
    margin-left: 0px;
    }

    .gallery_details #profile_img {
      float: left;
      margin-left: calc(50% - 100px);
      height: 200px;
      width: 200px;
      border-radius: 50%;
    }

.edit_profile_wrapper .img_prof_wrapper:hover::after , .edit_profile_wrapper .img_prof_wrapper.invalid_photo::after {
    margin-top: 10px !important;
    width: 200px !important;
    height: 200px !important;
    margin-left: calc(50% - 100px)!important;
    line-height: 200px!important;
}


.profile_overlay {
    width: 200px!important;
    height: 200px!important;
    top: 10px!important;
    right: calc(50% - 100px)!important;
}

    .edit_prof  #gym_infos_tab .gallery_details {
      padding-top: 20px;
      padding-bottom: 70px!important;
      width: 100%!important;
}

.edit_prof #gym_infos_tab .demo-wrap.upload-demo a#crop_start {
    position: absolute;
    margin-left: calc(50% - 45px) !important;
    bottom: -260px!important;
}


.left_menu-toggler.xeditproftog , .sppb-container_2.user_pub .left_menu-toggler  {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}

.sppb-container_2.edit_prof .left_menu-toggler{
  display: none;
}


.sppb-container_2.user_pub .left_menu-toggler::before, .left_menu-toggler.xeditproftog::before {
    content: "\e916";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 20px;
    color: gray;
    position: absolute;
    top: 30px;
}

.left_menu-toggler.xeditproftog{
  display: none;
}

.left_menu-toggler.xeditproftog::before {
    top: 0px;
    left: -15px;
}

  .edit_prof .left_menu{
    top: 40px;
    z-index: 3;
  }

.user_prof .demo-wrap.upload-demo {
  position: relative;
  width: 260px !important;
  margin-left: calc(50% - 130px) !important;
}


.user_prof .demo-wrap a.btn, .user_prof .demo-wrap button {
    margin-left: 20px!important;
    font-size: 14px;
}



  .user_pub .left_menu-toggler {
      top: 5px !important;
      z-index: 2;
      left: 4px;
  }

  .user_pub .left_menu{
    top: 40px;
    z-index: 3;
  }


  .tabcontent {
    padding: 0!important;
  }

#gym_contact_tab .gym_contact, #gym_contact_tab .gym_social{
  width: 100%;
  float: left;
margin-left: 3%;
padding-bottom: 20px;
}

#gym_contact_tab .gym_contact li{
width: 95%;
float: left;
margin-left: 1%;
padding-bottom: 15px;
}

.gym_contact .effect_1_2 ~ .focus-border {
    bottom: 14px!important;
}

#personel_tab .gym_social li {

    width: 98%;
    float: left;
    margin-left: 2%;
    padding-bottom: 25px;

}

#gym_contact_tab .gym_contact input, .gym_social input{
  width: 90%;
}

.effect_1_3 ~ .focus-border {
    margin-left: 0px!important;
    width: 90%!important;
    bottom: 25px!important;
}

.help-tip p {
    width: 240px!important;
  }

#event_tab .help-tip p {
    width: 210px!important;
  }



.image_wrapper .help-tip p{
  width: 170px !important;
}


#personel_tab .gym_social input{
  width: 75%;
}


#gym_contact_tab .gym_social li{
width: 48%;
float: left;
margin-left: 2%;
padding-bottom: 25px;

}




#gym_contact_tab .gym_social li:last-child{
margin-left: 27.5%!important;
}

#gym_contact_tab .gym_social div {
   margin-left: calc(50% - 30px) !important;
}

.gym_desc{
float: left;
width: 80%;
height: 160px;
margin-left: 10%;

}

#gym_more_tab .checkbox-grid li {
    width:50%!important;
    height: 40px
}

#gym_more_tab input.css-checkbox[type="checkbox"] + label.css-label {
    font-size: 13px;
}

#person_fields {
   /* width: 180px!important;*/
    margin-top: 10px;
}


#gym_schedule .edit_border{
display: inline-block;
}

#schedule_tab .time_space, #event_tab .time_space {
font-size: 20px;
margin: 0 0px -10px 0px !important;
line-height: 1;
width: 100%;
text-align: center;
}


#schedule_tab .checkbox-grid li {
    width: 50%!important;
}

.left_menu.edit_info ul.bar_content > li {
    text-align: center;
    font-size: 14px;
    color: black;
    height: 40px;
    line-height: 3;
    border-bottom: 1px solid #e8e8e8;
}


.left_menu.edit_info ul > li:hover {
    background: #e8e8e8;
    cursor: pointer;
    color: #23527c;
}

.left_menu.edit_info ul > li:first-child {
    margin-top: 25px;
}

#rate_tab .rating, #rate_tab .cat-infos .stable_stars, #rate_tab  .comment_rate h5{
  display: none;
}

#rate_tab .my_rate{ 
    position: absolute;
    top: 30px;
    font-size: 14px;
    left: 90px;
    max-height: 85px;
    overflow: hidden;
}

.user_prof .comment_action {
    box-shadow: none!important;
}
.user_prof .comment_action .comment_del, .user_prof .comment_akir {
    float: left;
    margin-top: 30px;
    margin-left: 12%;
}

#rate_tab .c-std, #rate2_tab .c-std {
  padding: 0px!important;
}

#rate_tab .business_results {
    margin-left: 5px!important;
}

#rate_tab .rate_again[class^="comment_rate"] {
    display: none;
}

#rate_tab  .comment_action, #rate_tab [class^="edit_comment"] input{
    font-size: 14px!important;
  }

#rate_tab .edit_comment textarea{
position: absolute;
top: 27px;
width: calc(100% - 90px);
max-width: calc(100% - 90px);
left: 90px;
max-height: 85px;
height: 85px;
resize: none;
}

#rate_tab .stable_stars{
    position: absolute;
    bottom: 55px!important;
    left: 7px;
}

#rate_tab .stars_comment{
    position: absolute;
    bottom: 25px;
    left: -5px;
}

#rate_tab .stable_stars img {
    width: 7px!important;
}
#rate_tab .stars_comment img {
    width: 8px!important;
}

.user_prof .comment_action .comment_ed, .user_prof .comment_action .comment_akir{
    position: absolute;
    bottom:  6px;
    left: -10px;
}
.user_prof .comment_action .comment_del{
    position: absolute;
    bottom:  6px;
    right:  40px;
}

#rate_tab [class^="edit_comment"] input{
    position: absolute;
    top:  7px;
    right:  40px;
}


#rate2_tab [class^="edit_comment"] input, #rate_tab [class^="edit_comment"] input {
    position: absolute;
    top: 123px;
    right: 15px;
}

#rate2_tab .business_pic{
  width: 35px !important;
  height: 35px !important;
  position: absolute;
  left: 27px;
}

#rate2_tab .person_pic {
    width: 75px !important;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

#rate2_tab .bussiness-infos {
    width: calc(70% - 100px) !important; 
    margin-top: 20px;
    border-top: none;
    height: 110px;
    margin-right: 5px;
}

#rate2_tab .stable_stars img {
    width: 8px!important;
}
#rate2_tab .c-std .cat-infos .name {
    width: 100% !important;
    font-size: 12px;
    height: 40px;
    white-space: normal;
}

#rate2_tab .bussiness-infos h5{
    font-size: 13px !important;
    margin-top: -10px;
    margin-left: -7px;
}
#rate2_tab .comment_rate {
    width: 80px;
    margin-left: -12px;
  }

#rate2_tab .business_results ul.rig > li .business_pic .img img {
    max-width: 50px!important;
    max-height: 50px!important;
    height: 50px!important;
    width: 50px!important;
}


#rate2_tab .business_results ul.rig > li .person_pic .img img {
    height: 75px !important;
    width: 75px !important;
    margin-top: 35px !important;
    float: left;
}

#rate2_tab  .comment_action, #rate2_tab [class^="edit_comment"] input{
    font-size: 15px!important;
}

#rate2_tab .comment_action {
    width: 100%;
    border-top: 1px solid #dfdfdf;
    margin-top: -13px;
}

#rate2_tab .stars_comment img {
    max-width: 9px !important;
    width: 9px !important;
    height: 16px;
}

#rate2_tab .business_results ul.rig li .cat-infos {
    width: 30%!important;
    margin-top: 5px !important;
}

#rate2_tab .business_results {
    width: 98%!important;
    margin-left: 1%!important;
}

#rate2_tab .business_results ul.rig {
  margin-left: 0%!important;
}

#rate2_tab  .business_results ul.rig > li {
    width: 100% !important;
    margin-left: 0%!important;
}   

#rate2_tab .business_results .rating {
    left: 85px!important;
  }

#rate2_tab  .business_results .stable_stars {
 left: -1px !important;
}


#rate2_tab  .business_results  .comment_rate .stable_stars {
 left: 4px !important;
 top: 40px;
}

#rate2_tab  .business_results .rate_again .stable_stars 
{

  display: none;
}
#rate2_tab  .business_results .bussiness-infos .stable_stars {
  bottom: 20px !important;
}

#rate2_tab .stars_comment {
  margin-top: -5px !important;
  width: 100px;
  margin-left: -26px !important;
  }


#paym_tab .pay_icons{
  float: left;
  width: 100%;
}

#paym_tab .pay_select{
  float: left;
  width: 50%;
}

.pay_select select {
  width: 110px;
  margin-left: calc(50% - 55px);
  margin-top: 3%;
}


#paym_tab .pay_inputs{
  float: left;
  width: 50%;
}

.payradio img {
    width: 80%!important;
    margin-left: 10%!important;
}


#paym_tab .pay_inputs input{
  margin-top: 3%;
  margin-left: calc(50% - 50px);
  width: 100px !important;
}



   #vote_tab .c-std ul.rig {
    margin-left: 0%!important;
}

   #vote_tab #vote_pics ul.rig li {
       width: 90%!important;  
       margin-left: 5%!important;
    }

   #vote_tab #vote_vids ul.rig li {
       width: 90%!important;  
       margin-left: 5%!important;
    }

    #vote_tab #vote_vids iframe {
         width: 100%!important;
  }

/*edit profi*/

/*edit profi*/


/*edit profi*/


/*edit profi*/

/*job_offers*/
/*job_offers*/
/*job_offers*/


.job_offers .basic_job_info, .order_conf .basic_order_info{
width: 96%;
float: left;
background: white;
margin-left: 2%;
padding-left: 2%;
padding-right: 2%;
border-radius: 10px;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
}

.basic_order_info td input{
  width: 100%!important;
}

.basic_order_info td input.payp_but{
  background-size: 100% 60px;
}

.job_position2, .job_submit {
    width: 75% !important;
}


.job_position, .job_output {
    width: 80%!important;
}


/*job_offers*/
/*job_offers*/
/*job_offers*/


/*terms*/
/*terms*/
.terms_page section .expand {
    padding: 20px 30px 20px 25px!important;
  }

/*terms*/
/*terms*/


/*become member*/
/*become member*/
/*become member*/

#member_infos_tab h6 {
  font-size: 13px;
}

.profile_form #member_infos_tab h4 {
    font-size: 17px!important;
}

.become_member #save_button_wrapper {
  padding-top: 20px!important;
  margin-right: calc(50% - 118px);
}

.bec_mem_dare{
  width: 100%!important;
  height: 300px !important;
}

.bec_mem_dare .text-info {
    margin-top: 10% !important;
    font-size: 22px;
}

.bec_mem_intro {
    background-size: 165% 600px!important;
}

.pricing-table .help-tip2 p {
    width: 170px!important;
}

.bec_mem_intro img{
  width: 300px !important;
  margin-left: calc(50% - 150px);
}


.why_us li{
  width: 100%!important;
}

.card {
    width: 90%!important;
    margin-left: 5%!important;
}

/*become member*/
/*become member*/
/*become member*/

.pempth .my_comment textarea{
  width: 100% !important;
  margin-bottom: 25px;
}

.pempth .my_comment .comment_akir{
    position: absolute;
    left: 12px;
    bottom: 10px;
}


.pempth .my_comment input.comment_pub {
    position: absolute;
    right: 12px;
    font-size: 15px;
    background: none;
    padding: 0;
    border: none;
    color: #333;
    bottom: -100px;
    height: 20px;
}

.pempth .my_comment input.comment_pub:hover{
  color: #C40F39;
}


.pempth .dropdown-content span {
    padding: 10px 10px!important;
}


    .at-share-btn-elements {
      width: 98%;
      margin-left: 1%!important;
    }

    .at-resp-share-element.at-mobile .at-share-btn {
        margin-right: 1px!important;
    }
    .at-style-responsive .at-share-btn {
        padding: 1px !important;
    }


#sp-bottom .container {
    padding: 20px 0 0px 0!important;
    margin-bottom: 160px;
}

.bot-sp-module {
    bottom: -90px!important;
}


.members_terms_form
{
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}

 .seealso .slider-item .slider-content {
    height: 150px !important;
    margin: 0 auto;
    padding-top: 15px;
  }    

 .seealso .slider-item .slider-content img{
      width: 120px !important;
      height: 120px!important;
}

.sppb-col-sm-4 .slider-item{
    width: 100%;
    float: left;
    height: 220px;
}

 .seealso .slider .hover_info {
    padding: 0px 5px 0;
}


}




@media only screen and (max-width : 650px) and (min-width : 341px) { /*2 screen*/

  #sp-header {
    height: 100px !important;
}



    .slick-slide img{
      height: 110px;
    }

    .sppb-container_2.arxiki .slick-prev,  .sppb-container_2.arxiki .slick-next{
      height: 110px;
      display: none!important;
    }

#member_infos_tab #gym_sub, #member_infos_tab #cat_subcat{
  float: left;
  width: 100%;
}

#member_infos_tab #cat_subcat h5 span {
  display: none;
}

.sppb-container_2.arxiki .slide_arxiki img{
  height: 200px!important;
}

.sppb-container_2.arxiki .go_left_slide,  .sppb-container_2.arxiki .go_right_slide{
    display: none;
}

.space {
  background-color: #C40F39!important;
  color: white;

}

.arxiki .header-menu{
  top: 30px!important;
  right: 10px!important;
}

#searchform .form-field input[type="text"], #searchform .form-field select {
    font-size: 12px!important;
}    

    .header-menu li a.sindesi::before {
          content: '\f007';
          font-size: 20px;
          padding-right: 10px;
    }    
    .header-menu li a.ginemelos::before {
          content: '\f023';
          font-size: 20px;
          padding-left: 10px;
    }    

    .header-menu li a:hover {
      color: #c7254e;
    }

  #user_favorites {
       width: 300px!important;
}

.red_row {
    width: calc(100% + 30px)!important;
    margin-left: -15px; /*to sppb container moy ta xei gamisei ola*/
}


.redob1, .redob2{
  width: 50%!important;
  float: left;
  margin-left: 0!important;
}

.red_row .redob3{
  display:none;
}

.red_row div.circle {
    line-height: 15px !important;
    margin-top: 5px !important;
    margin-bottom: 17px !important;
}

.red_row div.fa {
    width: 40px !important;
    height: 40px !important;
}


.red_row div.circle div.fa-instagra {
    background-size: 25px 30px!important;
    margin-left: 15px;
    float: left;
}

.red_row div.circle:hover div.fa-instagra {
    background-size: 25px 30px!important;
    margin-left: 15px;
    float: left;
}

.red_row div.circle div.fa-instagr {
    background-size: 27px 27px!important;
    margin-left: 15px;
    float: left;
}

.red_row div.circle:hover div.fa-instagr {
    background-size: 27px 27px!important;
    margin-left: 15px;
    float: left;
}
.red_row span {
    font-size: 14px !important;
    top: 12px!important;
    left: 15px!important;
    float: left;
    max-width: 100px;
  }


      /* Tablet view: 2 tiles */
    .sppb-container_2.deyteres .wrapper_seconds #categories ul.rig > li {
    width: 50%; /* this value + 2.5 should = 50% */
    height: 305px;
    }

.sppb-container_2.deyteres .wrapper_seconds {
    width: 96%!important;
}

    .wrapper_seconds #categories ul.rig li img {
    height: 190px;
          margin-top: 11px;
    margin-bottom: 7px;
    }


     #pop-eshops ul.rig  li {
      width: 50%; 
    }
    #pop-eshops ul.rig  li img{
      height: 130px;
    }

    .sppb-container_2.deyteres #pop-eshops ul.rig > li:nth-child(1n+5){
      display: none;
    }

    #pop-katastimata ul.rig  li {
       width: 50%; 
       height: 260px;
       position: relative;
    }
    #pop-katastimata ul.rig  li img{
      height: 130px;
      width: 130px;
      border-radius: 50%;
    } 

  .wrapper_seconds #pop-katastimata .price_info{ 
      float: left;
      margin-left: 7%;
      padding-top: 5px;
      font-size: 15px;
      font-weight: bold;
}

    .wrapper_seconds #pop-katastimata .price_info span{ 
      color: grey;
      font-weight: normal;
      font-size: 13px;
    }


.wrapper_seconds #pop-katastimata ul.rig li  .cat-infos {
    height: 70px!important;
}

.grid_it2{ 
  float:left;
  position: relative;
  width: 48% !important;
  margin-left: 1%;
  margin-right: 1%;
}

.page-title {
    font-size: 20px!important;
    margin-bottom: 26px!important;

}
.eshops-title, .popular-title {
    font-size: 17px!important;
    margin-bottom: 26px!important;
}

.wrapper_seconds #categories{
    margin-bottom: 65px;
}

.wrapper_seconds #pop-eshops{
    margin-bottom: 45px;
}

.wrapper_seconds #pop-katastimata{
    margin-bottom: 95px;
}

      ul.rig > li .cat-infos {
      min-height: 65px;
      
    }     

/* trites*/
/* trites*/
/* trites*/
/* trites*/
.gym_results, .athl_results, .chor_results, .extr_results {
    margin-left: 15px!important;
}    

.trites .page-title {
    font-size: 20px;
    text-align: center;
}


.trites .page-title {
  margin-top: 5px!important;
  margin-left: 0px!important;
  margin-bottom: 10px;
  padding-top: 20px;
}


/* trites*/
/* trites*/
/* trites*/
/* trites*/



/*                    TETARTES                  */
/*                    TETARTES                  */
/*                    TETARTES                  */    



.tetarth .c-std , .tetarth .c-std2 {
          width: 96% !important;
          margin-left: 2%;
          margin-top: 20px;
          transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

      .pos_absolute .c-std, .pos_absolute .c-std2{
          margin-left: 250px;
          transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

      .toggle-filters {
         margin-left: 2%;
         float: none!important;
      }

      .pos_absolute .results_title{
          margin-left: 250px;
          transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

      .results_title{
        text-align: left;
        font-size: 19px;
        margin-left: 2%;
        width: 100%!important;
        transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }



      .filters{
        margin-top: 0px!important;
        -webkit-transform: translatex(0);
        -ms-transform: translatex(0);
        transform: translatex(0);
        position: absolute!important;
      }

      .pos_absolute .toggle-filters{
        margin-left: 250px!important;
        transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

    .toggle-filters{
      margin-left: 2%;
      transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
    }

.business_results .rating, .business_results .cat-infos .stable_stars {
    bottom: -5px!important;
}

.business_results ul.rig > li{
  border: 1px solid #ddd!important;
  margin-bottom: 20px;
}

.c-std ul.rig {
    margin-left: -13.5%;
}

.c-std ul.rig > li .cat-infos {
    min-height: 65px;
    height: 100px;
    width: calc(100% - 90px) !important;
  }     

 .business_results ul.rig {
   margin-left: 5px!important; /* should match li left margin */
   background: white;
   float: left;
   width: 100%;
   padding-top: 0px;
    }


 .c-std .business_results ul.rig {
   padding: 0px;
  }

  .business_results ul.grid-nav > li {
    display: block;
  }
  .business_results ul.grid-nav > li a {
    display: block;
  }
  .business_results ul.rig > li {
    width: 100% !important;
    height: 145px;
    margin-left: 0%;
    position: relative;
}

.tetartes .business_results ul.rig > li {
    width: 105% !important;
    height: 145px;
    margin-left: -2%;
    position: relative;
}

  .business_results ul.rig > li .img img {
    height: 65px;
    width: 65px;
    margin-top: 10px;
    outline: 0;
    border-radius: 50%;
}

.business_pic{
  width: 80px;
  float: left;
}


#act_bus_tab .business_pic{
  display: none;
}

#act_bus_tab .new-bussiness-infos ul li.new-bus-spec {
    font-size: 14px!important;
}

#act_bus_tab .new-bussiness-infos {
    float: left;
    width: calc(100% - 140px);
}

.c-std .cat-infos {
    width: 60%;
    float: left;
    margin-left: 10px;
    position: relative;
}

.c-std .cat-infos .name {
    font-size: 15px;
    font-weight: 700;
    color: #333;
    margin-bottom: 5px;
    line-height: 1.3;
}
.c-std .cat-infos .name {
    font-size: 13px;
    margin-bottom: 0px;
    width: calc(100% - 45px);
    float: left;
    padding-top: 5px;
    height: 38px;
    overflow-y: hidden;

}

.heart {
    left: -40px!important;
}

.business_results .heart.fas {
    top: 75px !important;
}

.bus_dets {
    font-size: 13px;
    text-align: left;
    clear: both;
    color: grey;
    height: 40px;
    overflow: hidden;
    padding-left: 1px;
}
.bus_dets .bus_det::after {
    content: ', ';
}
.bus_dets .bus_det:last-child::after {
    content: '';
}



.bus-spec {
    margin: auto auto auto 0 !important;
}

.bussiness-infos {
    width: 100%;
    padding-left: 15px;
    margin-top: 15px;
    border-top: 1px solid #dfdfdf;
    height: 45px;
    position: relative;
    float: left;
}

.user_prof #prof2_tab .bussiness-infos .bus-spec{
    display: none;
}
.user_prof #prof2_tab .bussiness-infos .bus_online{
  float: right;
  margin-right: 5px;
  margin-top: -3px;
}

#prof2_tab .price .upgrade_link{
  display: none;
}

#prof2_tab .bus_online a .upgrade_link{
  position: absolute;
  font-size: 14px;
  left: 0px;
  top: 2px;
  z-index: 9;
  padding: 5px 10px;
}

.bussiness-infos ul {
    display: flex;
    margin: 0;

}

.bus-specs{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    text-align: left;
    padding: 0;
    height: 45px;
    margin: 10px 0 0;
}


.bussiness-infos li {
  list-style-type: none;
  text-decoration:none;
  /*display: inline !important;*/


}

.showall-filters {
  margin-left: 0px!important;
}

.price {
position: absolute;
top: 0px;
right: 7px;
width: auto;
font-weight: lighter;
box-shadow: none !important;
height: 40px !important;
width: 50px !important;
font-size: 16px !important;
}

.price .price_info {
    margin-top: 0px!important;
    text-align: right !important;
}


#act_bus_tab .price_info:after {
    content: none;
}

.price .price_info .send_email_icon:after{
  content: '\f093';
  color: #337ab7;
  font-family: 'icomoon' !important;
  position: absolute;
  font-size: 20px;
  width: 31px;
  height: 28px;
  left: 0px;
  cursor: pointer;
}


#act_bus_tab .price_info:hover::after {
    color: green;
    cursor: pointer;
}

.price .price_info span {
  display: none;
}



#prof2_tab .price_info:after {
    font-family: 'icomoon' !important;
    content: '\f040';
    position: absolute;
    font-size: 20px;
    right: 17px;
    top: 10px;
}

#prof2_tab .price {
  z-index: 3;
}

.user_pub .price_info:after {
    font-family: 'icomoon' !important;
    content: '\f040';
    position: absolute;
    font-size: 20px;
    right: 17px;
    top: 10px;
}

.user_pub .price {
  z-index: 3;
  top: 50px;
  left: -40px;
}



.bus-spec.distance {
    position: absolute;
    bottom: 52px;
    right: 12px;
    width: auto;
    font-weight: lighter;
}
.bus-spec.distance strong {
    display: none;
}

.user_prof .prof_content {
    margin-left: 0px!important;
    width: 100%;
}

.bus-spec.hideit strong{
  display: none;
}


.bus-spec {
    color: #333;
    font-weight: 700;
    font-size: 12px;
    display: block;
    float: left;
}


.bus-spec strong {
    font-weight: lighter;
    float: right;
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 8px;
    color: #666;
    margin-left: 10px;
    display: none;
}

.bus-spec.deal strong{
  display: none;
}

strong.bus-spec.deal {
  display: none;
}

strong .bus-spec.deal {
  display: none;
}

.deal_spec{
  display: none;
}

.tooltip-container {
  margin-top: 4px;
}

.business_results ul.rig li .bus-spec img {
    height: 18px;
    width: 25px;
    margin: 0px;
    margin-top: 4px;
} 

.item-tooltip {
    position: absolute;
    opacity: 0;
    right: 50px;
    top: 20px;
    width: 320px;
    pointer-events: none;
    background: #fff;
    padding: 20px;
    border: 1px solid #dfdfdf;
    z-index: 6;
    border-radius: 4px;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.tooltip-container:hover .item-tooltip {
    opacity: 1;
    top: 55px;
}
.item-tooltip h2 {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 5px;
}
.item-tooltip .tooltip-text {
    width: 180px;
    float: left;
}

.tetarth .item-tooltip img , .user_prof .item-tooltip img{
    width: 92px !important;
    height: 50px !important;
    margin-top: 10px !important;
    float: right;
    margin-left: 5px !important;
}


#cd-distance ul {
    margin-top: 10px !important;
    width: 90%;
    margin-left: 5%;
}


#cd-distance li {
  margin-top: 10px;
  width: 100.5%!important;
}

#cd-distance li:nth-child(4) , #cd-distance li:nth-child(5) , #cd-distance li:nth-child(6) , #cd-distance li:nth-child(7) {
    width: 49%!important;
}

#cd-distance li:nth-child(4) input, #cd-distance li:nth-child(6) select{
  margin-left: 10%!important;
}

#cd-distance .map_in_prof .btn {
    margin-left: 7%!important;
    width: 86%!important;
    margin-top: 25px;
}

#orders_tab #empTable_wrapper{
  overflow-x: auto;
}

 #orders_tab table{
  width: 100%;
 }

 #orders_tab table th input{
  width: 90%;
 }
#orders_tab table:not(#empTable) tr{
  float: left;
}

#orders_tab  table:not(#empTable) th:nth-child(2){
  width: 110%;
  float: left;
  margin-bottom: 5px;

}

#addr_edit_small_screen .btn ,#addr_edit_small_screen #add_edit {
  width: 96%;
  display: block;
  margin-left: 2%;
}


.bussiness-infos ul{
  padding: 0;
  margin-left: 0px!important;
}



.bussiness-infos .bus_dets , .cat-infos .location{
  display: none;
}

.business_results .more_info{
    top: 38px !important;
    left: -31px !important;
    width: 220px;
    z-index: 2;
}

 .notif_results .more_info{
  top: 65% !important;
}


.busn-item-link{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;

}

.paginate{
    width: 90%;
  }



#member_infos_tab{
  float: left;
  width: 90%;
  margin-left: 5%;
}

#gallery_tab h3{
  width: 90%;
}

#gallery_tab .help-tip p {
    width: 240px !important;
}

#event_tab .help-tip p , #anouncements_tab .help-tip p {
    width: 240px!important;
  }


.member_wrapper {
    padding-left : 0px!important;
}

#member_infos_tab .grid_it_half {
  width: 90%;
  margin-left: 0px!important;
}

.application_state {
    padding-bottom: 20px;
}

.application_state li {
    font-size: 13px!important;
    width: 23%!important;
    padding: 0px!important;
}

#feedback_choices, #feedback_text{
width: 90%!important;
margin-left: 5%!important;
}

#feedback_text .contact_infos{
  float: left;
  position: relative!important;
  left: 0px!important;
  bottom: 5px!important;
}

.cd-ask-modal.is-visible .cd-ask-modal-container {
    height: 630px !important;
    margin-top: -20px!important;
    margin-bottom: 220px !important;
    width: 90%!important;
}

.cd-ask-modal.is-visible .cd-ask-modal-container.bigger_height {
    height: 680px !important;
}

#cd-ask form {
    height: 450px !important;
}

.cd-ask-modal-container.bigger_height #cd-ask form {
    height: 500px !important;
}

#cd-ask li {
    margin-top: 17px!important;
}

#cd-ask h4 {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

#cd-ask #feedback_text h4 {
    text-align: left!important;
}

textarea#feedback_body {
    min-height: 100px!important;
}


/*prof info*/
/*prof info*/
/*prof info*/
.account-header {
    position: relative;
    background: #BECCD5;
}

.photo_up_dnd {
    padding-top: 20px!important;
}

.favorites_tab {
    display: block;
    padding-top: 20px;
}


.left_menu ul ul > li {
          font-size: 14px;
          color: black;
          height: 40px;
          line-height: 3;

      }


.user_prof #flex-nav {
  width: 100%!important;
  margin-left: 0px!important;
}

.mm-menu-items li a {
    padding: 15px 15px!important;
} 


.prof_content {
    overflow: hidden;
    width: 92%;
    max-width: 1500px;
    margin: auto;
}

.curr_user {
    text-align: center;
    padding: 20px 0;
}

.avatar-box {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 72px;
    position: relative;
    border: 2px solid gainsboro;
    border-radius: 50%;
    background: white;
}

.avatar-box img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    vertical-align: middle;
    /*Giannis adds*/
  width: 100%;
    height: 100%;
}

.curr_user .username {
    font-size: 18px;
    color: white;
    margin: 10px 0 20px;
    position: relative;
}


.curr_user .profinfos > p:first-of-type {
    border-right: 1px solid rgba(255,255,255,0.3);
    padding-right: 20px;
}
.curr_user .profinfos > p {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    color: rgba(255,255,255,0.85);
    text-align: left;
}


.curr_user .profinfos> p:last-of-type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
}

.curr_user .user_actions {
    display: none;
}

.left_menu-toggler  {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}

.left_menu-toggler::before{
    content: "\e916";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 20px;
    color: gray;
    position: absolute;
    top: 30px;
}

.left_menu {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%);
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
    position: absolute;
    z-index: 99;
    border: 1px solid #bbbbbb;
    background: #f8f8f8;
    top: 50px;
    max-width: 290px;
    width: 100%;
}



.left_menu-toggler.xeditproftog , .sppb-container_2.user_pub .left_menu-toggler  {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}

.left_menu-toggler.xeditproftog{
  display: none;
}


.sppb-container_2.edit_prof .left_menu-toggler{
  display: none;
}


.sppb-container_2.user_pub .left_menu-toggler::before, .left_menu-toggler.xeditproftog::before {
    content: "\e916";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 20px;
    color: gray;
    position: absolute;
    top: 30px;
}

.left_menu-toggler.xeditproftog::before {
    top: 0px;
}

.left_menu.visible{
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
}


.left_menu-close{
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 5px;
    right: 5px;

}


.left_menu-close:before{
    content: "\f00d";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 18px;
    color: black;
}

.edit_prof .left_menu ul.bar_content > li {
    font-size: 14px;
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
    text-align: center;
}

.user_prof .left_menu ul.bar_content > li  {
    color: gray;
}

.user_prof .left_menu ul.bar_content > li {
    cursor: default!important;
    background: none;
}
.user_prof .left_menu ul.bar_content > li {
    font-size: 14px;
    text-align: center;
    padding-top: 20px;
}



.user_pub .left_menu ul.bar_content > li {
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    text-align: center;
    padding-top: 20px;
}


.left_menu ul ul > li:first-child{
    margin-top: 20px;
}
.left_menu ul ul > li  {
    font-size: 14px;
    color: black;
    text-align: center;
}

.left_menu ul ul > li a {
    display: inline-block;
    color: inherit;
}

.left_menu ul ul > li:hover {
  cursor: pointer;
}

.user_prof .mm-has-submenu.active > .mm-submenu {
    display: none;
}

.top_sub_menu-toggler {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    cursor: pointer;
}

.top_sub_menu-toggler::before {
    content: "\e916";
    color: #999999;  
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 28px;
    position: absolute;
    top: -5px;
}

.top_sub_menu {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%);
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
    position: absolute;
    z-index: 2;
    border: 1px solid #bbbbbb;
    background: white;
    top: 0px;
    max-width: 295px;
    width: 100%;
    overflow-y: auto;
    height: 100%;
    position: fixed;
}

.top_sub_menu.visible {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
}


.top_sub_menu-close {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}


.top_sub_menu-close:before {
    content: "\f00d";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 18px;
    color: black;
}


.top_sub_menu .top_sub_gym ul {
    display: none !important;
    width: 100%;
    margin-left: 0%;
}

.top_sub_menu .top_sub_gym.expanded ul {
    display: block !important;
}

.top_sub_menu .top_sub_gym ul {
    display: none !important;
    width: 100%;
    margin-left: 0%;
}

.top_sub_menu ul ul li {
  padding-bottom: 0px;
  padding-top: 0px;
  background-color: rgba(0,0,0,.03);
  border-radius: 0px;
  color: #C40F39;
  text-align: center;
}
.top_sub_menu ul li dd{
    background-color: white;
    font-size: 15px;

}

.top_sub_menu ul ul li a{
  width: 100%;
}

.top_sub_menu ul li.top_sub_gym li dd {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.top_sub_menu ul dd ul a {
    color: #000;
}

.top_sub_menu ul ul  li dd a {
    display: inline-block;
    background-color: white;
    background-color: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.125);
    width: 100%;
    padding: 10px;
}


.top_sub_menu ul ul > li:hover {
  cursor: pointer;
}

.top_sub_menu ul li  span {
    display: inline!important;
}

.top_sub_menu ul li  i {
    padding-right: 25px!important;
}


.top_sub_menu .expand{
  position: relative;
}


.top_sub_menu .expand .expand::before {
  top: 5px!important;
}

.top_sub_menu .expand.expanded:before {
  content: "\f106"!important;
  
}

.top_sub_menu dd{
  display: none;
}



.top_sub_menu h4 {
    width: 100%;
    text-align: center;
    color: black;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 15px;
    font-size: 22px;
}


.user_prof ul {
    list-style: none;
}

.user_prof .content {
 /*   min-height: 1000px!important;*/
}


      .favorites_tab .c-std, .notif_tab .c-std3 , #orders_tab, #points_tab{
        width: 94% !important;
        margin-left: 3%;
      }


      #prof_tab #save_button_wrapper, #change_pass #save_button_wrapper, #address_tab #save_button_wrapper {
          position: absolute;
          right: 0px;
          bottom: 20px;
      }


#prof_tab .avatar-box {
    margin-top: -60px !important;
    margin-left: 5%;
    position: absolute;
}


#prof_tab .fileUpload, #prof_tab .fileChange {
    margin-top: 25px !important;
    margin-left: 5%;
}


#rate_tab .rating, #rate_tab .cat-infos .stable_stars, #rate_tab  .comment_rate h5{
  display: none;
}

#rate_tab .my_rate{ 
    position: absolute;
    top: 30px;
    font-size: 14px;
    left: 90px;
    max-height: 71px;
    overflow: hidden;
}

.user_prof .comment_action {
    box-shadow: none!important;
}
.user_prof .comment_action .comment_del, .user_prof .comment_akir {
    float: left;
    margin-top: 30px;
    margin-left: 12%;
}

#rate_tab .c-std, #rate2_tab .c-std, #prof_tab .c-std, #prof2_tab .c-std,  #paym_tab .c-std{
    padding: 0px !important;
    width: 98% !important;
    margin-left: 1% !important;
}

 

#rate_tab .business_results ul.rig > li, #prof2_tab .business_results ul.rig > li, , #paym_tab .business_results ul.rig > li {
    width: 100% !important;
    margin-left: 0%!important;
}

#prof2_tab  .business_results, #paym_tab  .business_results { 
    padding-top: 70px;
    width: calc(100% - 10px)!important;
    margin-left: 0px!important;
}

#rate_tab .business_results {
    margin-left: 5px!important;
}

#rate_tab .rate_again[class^="comment_rate"] {
    display: none;
}

#rate_tab  .comment_action, #rate_tab [class^="edit_comment"] input{
    font-size: 14px!important;
  }

#rate_tab .edit_comment textarea{
position: absolute;
top: 33px;
width: calc(100% - 90px);
max-width: calc(100% - 90px);
left: 90px;
max-height: 75px;
height: 75px;
 resize: none;
}

#rate_tab .stable_stars {
    position: absolute;
    bottom: 40px;
    left: 7px;
}

#rate2_tab .stable_stars{
    position: absolute;
    bottom: 40px;
}

#rate2_tab .comment_rate .stable_stars{
    left: 20%;
    bottom: 50px;
}

#rate2_tab .rate_again .stable_stars {
  display: none;
}

#rate2_tab .business_results .rating {
    left: 75px!important;
}
#rate_tab .stars_comment{
    position: absolute;
    bottom: 20px;
    left: -5px;
}

#rate_tab .stable_stars img , #rate2_tab .stable_stars img{
    width: 7px!important;
}
#rate_tab .stars_comment img {
    width: 8px!important;
}

.user_prof .comment_action .comment_ed, .user_prof .comment_action .comment_akir{
    position: absolute;
    bottom:  6px;
    left: -10px;
}
.user_prof .comment_action .comment_del{
    position: absolute;
    bottom:  6px;
    right:  40px;
}

#rate_tab [class^="edit_comment"] input{
    position: absolute;
    bottom: -35px;
    right:  40px;
}

#rate2_tab [class^="edit_comment"] input{
  top:  124px;
  position: absolute;
  right: 40px;
}

#rate2_tab .business_pic{
  width: 35px !important;
  height: 35px !important;
  position: absolute;
  left: 27px;
}

#rate2_tab .person_pic {
    width: 75px !important;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

#rate2_tab .bussiness-infos {
    width: calc(70% - 100px) !important;
    margin-top: 20px;
    border-top: none;
    height: 110px;
    margin-right: 5px;
}

#rate2_tab .bussiness-infos h5{
  font-size: 13px!important;
  margin-top: -10px!important;
}


#rate2_tab .business_results ul.rig > li .business_pic .img img {
    max-width: 50px!important;
    max-height: 50px!important;
    height: 50px!important;
    width: 50px!important;
}


#rate2_tab .business_results ul.rig > li .person_pic .img img {
    height: 75px !important;
    width: 75px !important;
    margin-top: 35px !important;
    float: left;
}

#rate2_tab  .comment_action, #rate2_tab [class^="edit_comment"] input{
    font-size: 15px!important;
}

#rate2_tab .comment_action {
    width: 100%;
    border-top: 1px solid #dfdfdf;
    margin-top: -13px;
}

#rate2_tab .stars_comment img {
    max-width: 9px !important;
    width: 10px !important;
    height: 18px;
}

#rate2_tab .business_results ul.rig li .cat-infos {
    width: 30%!important;
    margin-top: 5px !important;
}


#rate2_tab .c-std .cat-infos .name {
  width: 100%!important;
}

#rate2_tab .business_results {
    width: 98%!important;
    margin-left: 1%!important;
}

#rate2_tab .business_results ul.rig {
  margin-left: 0%!important;
}

#rate2_tab  .business_results ul.rig > li {
    width: 100% !important;
    margin-left: 0%!important;
}   


#paym_tab .pay_icons{
  float: left;
  width: 100%;
}

#paym_tab .pay_select{
  float: left;
  width: 50%;
}

.pay_select select {
  width: 120px;
  margin-left: calc(50% - 60px);
  margin-top: 0%;
}


#paym_tab .pay_inputs{
  float: left;
  width: 50%;
}


#paym_tab .pay_icons label {
    margin-bottom: 0px!important;

}

.payradio img {
    width: 80%!important;
    margin-left: 10%!important;

}


#paym_tab .pay_inputs input{
  margin-left:  10px;
  margin-top: 0%;
   margin-left: calc(50% - 60px);
   width: 120px;
}



 #vote_tab .c-std ul.rig {
    margin-left: 0%!important;
}

   #vote_tab #vote_pics ul.rig li {
       width: 90%!important;  
       margin-left: 5%!important;
    }

   #vote_tab #vote_vids ul.rig li {
       width: 90%!important;  
       margin-left: 5%!important;
    }

    #vote_tab #vote_vids iframe {
         width: 100%!important;
  }


#rate_tab h4, #fav_tab h4, #rate2_tab h4{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 17px;
    margin-left: -5px;
}    


#paym_tab .business_results ul.rig > li:first-child  .cat-infos{
  width: 128px!important;
}

#paym_tab .business_results ul.rig > li .cat-infos{
  width: 128px!important;
  text-align: center;

}

#paym_tab .c-std .cat-infos .name {
  width: 96%;
  margin-left: 2%;
}

#paym_tab .cat-infos h4 {
    margin-top: 5px;
  }

#paym_tab .c-std .cat-infos {
    margin-left: 0px!important;
}

#paym_tab .price, #paym_tab .price_after, #paym_tab .price_compl{
  width: 105px!important;
}

#paym_tab  .c-std, .c-std2 {
    padding: 17px 5px 9px;
}    

#paym_tab .business_pic {
    width: 0px;
    margin-top: 40px;
}

#paym_tab .business_results ul.rig > li .img img {
    height: 30px;
    width: 30px;
    border-radius: 50%;
}    

#paym_tab h4{
  font-size: 14px!important;
  line-height: 14px;
}

#paym_tab .btn3.renew_bus {
  width: 100px;
  padding: 10px 0px 10px 0px!important;
  text-align: center;
  margin-left: 5px;
}

 #paym_tab ul.rig > li:first-child .katastasi_paketou {
   display: none;
}

 #paym_tab ul.rig > li .katastasi_paketou {
    width: calc(100% - 122px);
    position: absolute;
    bottom: 0px;
    margin-left: 124px;
    box-shadow: 0 -5px 5px -5px #ddd;
    height: 30px;
    text-align: left;   
}

.liksi_paketou {
    width: calc( 100% - 233px )!important;
}

.liksi_paketou h5 {
    margin-top: 0px;
}
.katastasi_paketou h5 {
    margin-left: 10px;
}

#paym_tab .business_results ul.rig > li {
    width: 97% !important;
}

#paym_tab .business_results {
    width: calc(100% - 10px);
    margin-left: 10px;
}

.katastasi_paketou h5 {
    margin-top: 5px!important;
}

#paym_tab  .cat-infos .location{
  display:block!important;
}

.notif_rig .business_pic{
  width: 40px!important;
}

.notif_infos{
    width: calc(100% - 50px);
    margin-left: 50px;
}

.notif_infos .business_pic{
    top: 50%;
    margin-top: -20px;
    margin-left: -50px;
}

.btn3.mute_it, .btn3.mute_not{
  padding: 10px 10px 10px 10px!important;
}

/*edit business profile 340-650*/
/*edit business profile*/
/*edit business profile*/

.error_message {
    font-size: 11px!important;
}


#edit_myProgress {
    margin-top: 25px!important;
}


.edit_prof .fsSubmitButton {
    font-size: 13px !important;
}

.edit_prof #save_button_wrapper {
    margin-right: 1%!important;
}

.edit_prof #preview_button_wrapper {
    margin-left: 1%!important;
}

#price_tab .price_grid {
    margin: 1%;
    width: 98% !important;

  }

  #price_tab #price_schedule .error_message{
  width: 80%!important;
}

.edit_prof #schedule_tab .has_personal {
    width: 100%!important;
}

#event_output .event_grid_it {
    width: 90% !important;
    margin-left: 5%!important;
  }

#event_tab .event_typ, #event_tab .event_til{
    float: left;
    width: 50%!important;
    margin-left: 0%!important;
    margin-right: 0%!important;
}
 #event_tab .event_til input, #event_tab .event_typ select{
  width: 90%;
 } 

#event_tab .event_descr,  #event_tab .event_da, #event_tab .event_cost , #event_tab .event_infos {
   float: left;
  width: 100%!important;
  margin-left: 0%!important;
  padding-top: 20px;
}

#event_tab .event_cost {
  padding-top: 0px!important;
}

 #event_tab .event_da [id^="event_date_type"],#event_tab .event_cost [id^="event_price_type"]{
  width: 45%;
  float: left;
 }

 #event_tab .event_da .event_days,  #event_tab .event_cost .event_with_price{
  width: 50%;
  float: right;
  margin-top: -20px !important;
 }

.event_da .event_one_day{
  float: right;
  width: 45%;
  margin-top: -20px !important;
}

.event_da .event_one_day p input{
  width: 100%;
}

#event_tab .event_prog select[id^="event_schedule_type"] {
   width: 100%!important;
}

 #event_tab .event_da .event_days p{
  width: 48%;
  float: left;
 }

 #event_tab .event_da .event_days p:first-child{
  margin-right: 2%;
 }

  #event_tab .event_da .event_days p:last-child{
  margin-left: 2%;
 }


  #event_tab .event_da .event_days input {
  width: 100%!important;
 }

 #event_tab .event_cost .event_with_price input{
  width: 45%!important;
  float: left;
  margin-right: 5%;
}

 #event_tab .event_cost .event_with_price select{
  width: 45%!important;
  float: left;
  margin-left: 5%;
}


 #event_tab #event_listed_programms{
  float: left;
  width: 100%;
 }

 #event_tab #event_listed_programms select[id^="event_category"]{
  width: 45%!important;
  margin-right: 5%!important;

 }

 #event_tab #event_listed_programms [id^="event_list"]{
     float: left;
    margin-top: 3px;
    width: 45%;
}

#event_tab [class^="event_form"] span{
  display: block;
/*  font-size: 16px; */
}

#event_tab .event_times{
width: 95.5%;
float: left;
margin-left: 1%;
}


#event_tab [id^="event_schedule"] .checkbox-grid{
  float: left;
  width: 100%;
}


#event_tab .event_schedule_show [id^="event_schedule_output"] .event_schedule {
    border: 1px solid;
    width: 100%;
    margin: -2px;
    height: 380px;
}

#event_tab .event_plus {
  margin-left: -1%!important;
}

#event_tab .checkbox-grid li {
    width:50%!important;
}    

#event_tab select[id^="event_programm_type"]{
  width: 80%!important;
}

#event_tab .parenttt li:first-child {
    margin-top: 25px;
}

#event_tab .parenttt.time_only li {
  margin-top: 0px!important;
}

.input-group.clockpicker {
    width: 100%!important;
}



  #offer_tab .price_grid {
    float: left;
    margin: 1%;
    width: 98%;

  }

#keys_tab{
  width: 96%!important;
  margin-left: 2%!important;
}

#keys_tab #search_info_keys #extras_keys span, #keys_tab #search_info_keys #facilities_keys span,  #keys_tab #search_info_keys #programm_keys span{
    width: 50%!important;
}

.gym_persons #person_preview .tooltip-container .item-tooltip h2 {
    float: left;
    width: calc(100% - 140px);
}

.gym_persons #person_preview .tooltip-container .item-tooltip img {
    width: 130px !important;
    height: 130px !important;
    margin-top: 10px !important;
    float: right;
}


#personel_tab #person_preview .tooltip-container{
  margin-left: 85px;
  width: 85px;
  margin-top: 10px;
}

#schedule_tab .sport_formm {
    width: 100%!important;
}

#schedule_tab .checkbox-grid li{
  float: left;
}

#schedule_tab .checkbox-grid li:first-child{
  width: 115px!important;
  margin-top: 27px !important;
}

#schedule_tab .checkbox-grid li:not(:first-child){
  width: calc(100% - 115px)!important;
}

.adblocktip_wrapper h5 {
    width: 250px;
    margin-left: calc(50% - 125px);
}

.adblock_tip {
    left: calc(50% + 125px)!important;
}

#gym_infos_tab .map_in_prof{float: left;
width: 100%!important;
margin-left: 0%;
}



#gym_infos_tab .time_space, #event_tab .time_space {
    width: 100%!important;
    margin-top: 0px!important; 
}

#gym_infos_tab .gym_timetable{
    width: 90%!important;
}

#gym_infos_tab .timetable_days th:first-child {
    margin-top: 26px;
}


.dropdown.fixed{
    right: calc(4% + 1px)!important;
}
/*edit business profile*/
/*edit business profile*/
/*edit business profile*/

.pempth .my_comment textarea{
  width: 100% !important;
  margin-bottom: 25px;
}

.pempth .my_comment .comment_akir{
    position: absolute;
    left: 12px;
    bottom: 10px;
}


.pempth .my_comment input.comment_pub {
    position: absolute;
    right: 12px;
    font-size: 15px;
    background: none;
    padding: 0;
    border: none;
    color: #333;
    bottom: -100px;
    height: 20px;
}

.pempth .my_comment input.comment_pub:hover{
  color: #C40F39;
}

.pempth .dropdown-content span {
    padding: 10px 10px!important;
}

    .at-share-btn-elements {
      width: 98%;
      margin-left: 1%!important;
    }

    .at-resp-share-element.at-mobile .at-share-btn {
        margin-right: 2.5px !important;
    }
    .at-style-responsive .at-share-btn {
        padding: 3px !important;
    }


/*upload photo section*/
/*upload photo section*/
/*upload photo section*/

#submitPhoto .container {
    width: 90%!important;
    margin-left: 5%!important;
}


#submitPhoto #header-image {
    height: 350px!important;
    background-size: 100% 350px!important;
}

#submitPhotoText {
    font-size: 28px!important;
}

#submitPhotoCol {
    margin-top: 313px!important;
}

span.photo_name {
    font-size: 13px!important;
}

.up_photo_infos {
    width: calc(100% - 155px)!important;
    margin-left: 15px!important;
}

#submitPhoto h1{
    font-size: 28px!important;

}

.uploaded_photo {
    width: 140px!important;
}

.uploaded_photo img {
    height: 140px!important;
}

#submitPhotoDropzone.uploaded {
    height: 170px!important;
}

.up_photo_infos {
    margin-top: 25px!important;
}


input#uphoto_video{
  width: 100%!important;
  margin-left: 0%!important;
  padding: 6px 6px!important;
}


/*upload photo section 650-340*/
/*upload photo section*/
/*upload photo section*/


/* edit prof*/
/* edit prof*/
/* edit prof*/

.edit_profile_wrapper {
    position: relative;
    width: 98%!important;
    margin-left: 1%!important;
}

.edit_profile_wrapper h3{
  font-size: 20px!important;
}

#gym_infos_tab .gym_infos, .gym_contact {
    width: 100%!important;
}

.profile_image_wrapper{
    width: 100%!important;
}


   #gym_infos_tab .gym_infos li{
      width: 46%;
    margin-left: 2%;
    float: left;
    font-weight: 900;
    font-size: 12px;

    }

#prof_tab .gym_infos h4, #gym_infos_tab h4{
  margin-left: 2%!important;
}




      #gym_infos_tab .gym_infos li select{
width: 99%;
margin-left: 0%;
font-size: 12px;
margin-bottom: 25px;
margin-top: 10px;
}

  #gym_infos_tab  ul.gym_infos li input{
    width: 100%;
    margin-top: 13px;
    }


  #prof_tab.add_pic {
      height: 650px!important;  
    }


    .edit_prof  #gym_infos_tab .gallery_details {
      padding-top: 20px;
      padding-bottom: 45px!important;
      width: 100%!important;
}

.edit_prof #gym_infos_tab .demo-wrap.upload-demo a#crop_start {
    position: absolute;
    margin-left: calc(50% - 45px) !important;
    bottom: -265px!important;
}

.renew_trial.fsSubmitButton{
  font-size: 0px!important;
  width: 40px!important;
  height: 40px;
  font-family: 'icomoon' !important;
}

.renew_packet.fsSubmitButton{
  font-size: 0px!important;
  width: 40px!important;
  height: 40px;
  font-family: 'icomoon' !important;
  position: absolute;
  right: 10px;
  top: 20px;  
}


.cc-window.cc-banner {
    padding: 10px!important;
}

.cc-banner .cc-message {
  float: left;
  margin-top: 8px;
}

.renew_trial.fsSubmitButton:after, .renew_packet.fsSubmitButton:after{
      content: "\ea2e";
      font-size: 20px;
      color: white;
      margin-left: -5px;
}


    .gallery_details{
    margin-left: 0px;
    }

.gallery_details #profile_img {
    float: left;
    margin-left: calc(50% - 120px);
    height: 240px;
    width: 240px;
    border-radius: 50%;
}

.edit_profile_wrapper .img_prof_wrapper:hover::after , .edit_profile_wrapper .img_prof_wrapper.invalid_photo::after {
    margin-top: 10px !important;
    width: 240px !important;
    height: 240px !important;
    margin-left: calc(50% - 120px)!important;
}


.profile_overlay {
    width: 240px!important;
    height: 240px!important;
    top: 10px!important;
    right: calc(50% - 120px)!important;
}

     .edit_profile_wrapper  #edit_myProgress {
    width: 40px!important;
    }

  .edit_prof .left_menu-toggler {
    top: 10px!important;
    z-index: 2;
  }

.user_prof .demo-wrap.upload-demo {
    position: relative;
    width: 200px!important;
    margin-left: 10px!important;
}


.user_prof .demo-wrap a.btn, .user_prof .demo-wrap button {
    position: absolute;
    top: 0px;
    left: 210px;
    padding: 6px 7px!important;
    margin-left: 0px!important;
    font-size: 14px;
}

.user_prof .demo-wrap a.btn{
    top: 20px;
}

.user_prof .demo-wrap button {
    top: 100px;
}
  .edit_prof .left_menu{
    top: 40px;
    z-index: 3;
  }


.gym_contact, .gym_social, .personnel_infos{
  width: 100%;
  float: left;
margin-left: 2%;
padding-bottom: 20px;
padding-top: 20px;
}

.gym_contact li{
width: 90%;
float: left;
margin-left: 1%;
padding-bottom: 15px;
}

.gym_contact .effect_1_2 ~ .focus-border {
    bottom: 14px!important;
}

.gym_contact input{
  width: calc(100% - 50px);
}


.gym_contact .help-tip{
  left: 91%!important;
}

.gym_social input{
  width: 90%;
}

.effect_1_3 ~ .focus-border {
    margin-left: 0px!important;
    width: 90%!important;
    bottom: 25px!important;
}

.gym_social li{
width: 98%!important;
float: left;
margin-left: 2%;
padding-bottom: 25px;

}


.personnel_infos input[type="text"] {
    width: calc(80% + 36px) !important;
    margin-left: 2%;
}


#personel_tab .gym_social input{
  width: 80%;
}


.gym_social li:last-child{
/*margin-left: 27.5%!important;*/
}

#gym_contact_tab .gym_social div {
   margin-left: calc(50% - 30px) !important;
}


.gym_desc{
float: left;
width: 80%;
height: 160px;
margin-left: 10%;

}

#gym_more_tab .checkbox-grid li {
    width:50%!important;
    height: 40px
}

#gym_more_tab input.css-checkbox[type="checkbox"] + label.css-label {
    font-size: 13px;
}

.grid_it{ 
  float: left;
  margin: 15px;
  width: 90% !important;
  margin-left: 5%;
  margin-right: 0px !important;
}

.edit_prof #personel_tab .image_wrapper {
    width: 100%!important;
}


.edit_prof #personel_tab .img_preview, .edit_prof #personel_tab .img_p {
    height: 250px !important;
    width: 250px !important;
    margin-left: calc(50% - 125px);
}

.edit_prof #personel_tab .crop_section{
  padding-bottom: 40px;
}

.imgl_overlay {
    top: 0px!important;
}

.edit_prof #personel_tab .image_wrapper{
  margin-top: 40px;
}

.edit_prof #personel_tab .image_wrapper .help-tip {
    top: -40px!important;
}


.edit_prof #personel_tab .demo-wrap a#crop_start {
    margin-left: calc(50% - 41px)!important;
    margin-right: 0px!important;

}

.edit_prof #personel_tab .demo-wrap{
  position: relative;
}


.edit_prof #personel_tab .demo-wrap a#crop_cancel {
  top: 308px;
  left: calc(50% - 120px);
  position: absolute;
  margin-left: 0px;
}

.edit_prof #personel_tab .demo-wrap button {
  left: 42% !important;
  top: 308px;
  margin: 0px !important;
  position: absolute !important;
}


.gym_gallery #gallery_photo_preview #person_fields{
    margin-left: 8%!important;
}

.edit_border {
    padding-right: 5px!important;
}

#schedule_tab .time_space, #event_tab .time_space {
font-size: 20px;
margin: 0 5px 0px 0px !important;
line-height: 1;
width: 100%;
text-align: center;

}

.left_menu.edit_info ul.bar_content > li {
    text-align: center;
    font-size: 14px;
    color: black;
    height: 40px;
    line-height: 3;
    border-bottom: 1px solid #e8e8e8;
}


.left_menu.edit_info ul > li:hover {
    background: #e8e8e8;
    cursor: pointer;
    color: #23527c;
}

.left_menu.edit_info ul > li:first-child {
    margin-top: 25px;
}


.sweet-alert{
  width: 300px!important;
  margin-left: calc(50% - 150px)!important;
  left: 0!important;
}



.edit_prof #personel_tab .image_wrapper .img_p:hover::after {
    margin-top: 0px!important;
}


.for_online .bar {
  width: 4%!important;
}

.for_online {
    margin-top: 60px!important;
}

#cd-distance .for_online {
    margin-top: 10px !important;
}

.cd-distance-modal.is-visible .cd-distance-modal-container.address_added {
    height: 780px!important;
}

.cd-distance-modal.is-visible .cd-distance-modal-container {
    height: 500px !important;
    min-height: 100%;
    margin: 0px !important;
    min-width: 100%;
    margin-top: -10px !important;
}

#cd-distance .for_online .bar {
    width: 27% !important;
}

.for_online #circle2 .title, .for_online #circle4 .title , .for_online #circle6 .title  {
  top: -30px!important;
}

.for_online #circle5 .title  {
  left: -10px!important;
}

.rest_fil li.choose_fills, .pop_fil li.choose_fills {
    float: left;
    width: 50%;
}

#cd-notifil .sel_bus_notifil li {
    margin-left: 15%!important;
}

#notifil_tab li label.css-label
{
  font-size: 13px!important;
  margin-top: 10px;
}

#notifil_tab .c-std{
  padding: 0px!important;
}

#notifil_tab .business_results {
    width: calc(100% - 10px)!important;
    margin-left: 10px!important;
}

/* edit prof*/
/* edit prof*/
/* edit prof*/


/*job_offers*/
/*job_offers*/
/*job_offers*/


.job_offers .basic_job_info, .order_conf .basic_order_info{
width: 96%;
float: left;
background: white;
margin-left: 2%;
padding-left: 2%;
padding-right: 2%;
border-radius: 10px;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
}

.basic_order_info td input{
  width: 100%!important;
}

.basic_order_info td input.payp_but{
  background-size: 100% 60px;
}


.job_position2, .job_submit {
    width: 65% !important;
}


.job_position, .job_output {
    width: 70%!important;
}
/*job_offers*/
/*job_offers*/
/*job_offers*/


/*job_offers*/
/*job_offers*/
/*job_offers*/

/*become member*/
/*become member*/
/*become member*/

#member_infos_tab #gym_sub h5, #member_infos_tab #cat_subcat h5 {
width: 100px;
margin-top: -5px;
}

#member_infos_tab h6 {
font-size: 14px;
}

.profile_form #member_infos_tab h4 {
    font-size: 17px!important;
}

.become_member #save_button_wrapper {
  padding-top: 20px!important;
margin-right: calc(50% - 118px);
}

.bec_mem_intro .lead{
  font-style:italic;
}

.bec_mem_intro img{
  width: 300px !important;
  margin-left: calc(50% - 150px);
}

.bec_mem_intro {
    background-size: 165% 600px!important;
}

.bec_mem_dare {
    height: 300px !important;
}

.bec_mem_dare .text-info {
    margin-top: 10% !important;
    font-size: 30px;
}

.why_us li{
  width: 100%!important;
}

/*become member*/
/*become member*/
/*become member*/


.card {
    width: 90%!important;
    margin-left: 5%!important;
}


/*terms*/
/*terms*/
.terms_page section .expand {
    padding: 20px 50px 20px 25px!important;
  }

/*terms*/
/*terms*/


#sp-bottom .container {
padding: 20px 0 0px 0 !important;
margin-bottom: 180px;
}

.bot-sp-module {
    bottom: -100px!important;
}


.members_terms_form
{
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
}

 .seealso   .slider-item .slider-content {
    height: 160px !important;
    margin: 0 auto;
    padding-top: 15px;
  }    

 .seealso .slider-item .slider-content img{
      width: 120px !important;
      height: 120px!important;
}

.sppb-col-sm-4 .slider-item{
    width: 100%;
    float: left;
    height: 230px;
}

 .seealso .slider .hover_info {
    padding: 0px 5px 0;
}

  .pricing-table .help-tip2 p {
    width: 170px;
  }



  }/*341 - 650*/


@media only screen and (max-width : 1050px) and (min-width : 651px) {
      /* Small desktop / ipad view: 3 tiles */

    ul.rig > li {
      width: 33.33%; /* this value + 2.5 should = 33% */
    }
   
     #categories ul.rig > li {
        height: 310px;
      }


.arxiki .header-menu{
  top: 50px!important;
  right: 50px;
}


.sppb-container_2.deyteres .wrapper_seconds {
    width: 96%!important;
}

   .wrapper_seconds #categories ul.rig li img {
    height: 210px!important;
    margin-top: 13px;
    margin-bottom: 9px;
    }
 
.page-title {
    font-size: 20px!important;
    margin-bottom: 28px!important;

}
.eshops-title, .popular-title {
    font-size: 17px!important;
    margin-bottom: 28px!important;
}

.wrapper_seconds #categories{
    margin-bottom: 75px;
}

.wrapper_seconds #pop-eshops{
    margin-bottom: 45px;
}

.wrapper_seconds #pop-katastimata{
    /*margin-bottom: 105px;*/
}

    .wrapper_seconds ul.rig  li .cat-infos {
      height: 55px;
      float: left;
      position: relative;
    }       


/* trites*/
/* trites*/
/* trites*/
/* trites*/


.trites .page-title {
  margin-top: 5px!important;
  margin-left: 25px!important;
  margin-bottom: 10px;
  padding-top: 20px;
}


/* trites*/
/* trites*/
/* trites*/
/* trites*/


/*                    TETARTES                  */
/*                    TETARTES                  */
/*                    TETARTES                  */


 .business_results ul.rig {
   margin-left: 5px!important; /* should match li left margin */
   background: white;
  /* float: left;*/
   width: 100%;
   padding-top: 20px;
    }


  .business_results ul.grid-nav li {
    display: block;
  }
  .business_results ul.grid-nav li a {
    display: block;
  }

  .business_results ul.rig > li {
    width: 95% !important; /* over-ride all li styles */
    height: 145px;
  }

  .business_results ul.rig > li .img img {
    height: 90px;
    width: 90px;
    margin: 0 0 10px;
    margin-top: 20px;
    border-radius:50%;
    margin-left: 10px;

}

.new-bussiness-infos {
    float: left;
    width: calc(85% - 210px)!important;
}


.business_pic {
    width: 105px;
    float: left;
}

#rate_tab .business_pic {
  width: 80px!important;
}

#rate_tab .business_results ul.rig > li .img img {
    height: 75px!important;
    width: 75px!important;
    margin-top: 30px!important;
    margin-left: 0px!important;
  }

.business_results .cat-infos .name {
    outline: 0;
    float: left;
    margin-top: 10px;
    width: 100%;
}


#paym_tab .business_results ul.rig > li:first-child  .cat-infos{
  width: 255px!important;
}


#paym_tab .price, #paym_tab .price_after, #paym_tab .price_compl{
  width: 105px!important;
}

#paym_tab  .c-std, .c-std2 {
    padding: 17px 5px 9px;
}    

#paym_tab h4{
  font-size: 16px!important;
}

#paym_tab .btn3.renew_bus {
  width: 100px;
  padding: 10px 0px 10px 0px!important;
  text-align: center;
  margin-left: 5px;
}
#paym_tab .liksi_paketou, #paym_tab .katastasi_paketou {
    width: calc( (100% - 370px)/2 ) !important;
    height: 145px;
}

#paym_tab .katastasi_paketou h5 {
    margin-top: 40px;
}

#paym_tab .business_results ul.rig > li {
    width: 97% !important;
}

#paym_tab .business_results {
    width: calc(100% - 10px);
    margin-left: 10px;
}


.business_results  ul.rig li .cat-infos {
      height: 130px;
      margin-left: 10px;
    } 

.business_results .cat-infos .name:hover{
  color: #337ab7;
  text-decoration: underline;
}

.filters {
    width: 224px !important;
}

.c-std , .c-std2{
  width: calc(100% - 229px) !important;
}

#programm_filters, #extra_filters, #extrapar_filters, #diamerisma_filters, #category_filters, #area_filters, #nomos_filters, #distance_filters {
    float: left;
    width: 209px!important;
    margin-left: 20px!important;
}

.user_location2{
  padding: 10px 25px!important;
}

.filters h2{
    margin-left: 10px!important;
}



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

input.css-checkbox[type="checkbox"] + label.css-label {
    word-spacing: -2px!important;
}

.results_title {
  font-size: 20px;
}


.business_results .cat-infos .location, .business_results .cat-infos .per_name, .business_results .cat-infos .formal{
  font-size: 13px!important;
  float: left;
  margin-top: 5px;
  width: 100%;
}


.bus-spec strong {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 8px;
    color: #666;
}


.bus-spec.hideit{
  display: none;
}


.tooltip-container {
  height: 34px;
}

.business_results ul.rig li .bus-spec img {
    height: 18px;
    width: 25px;
    margin: 0px;
} 

#checked_filters {
    padding-bottom: 10px;
    margin-left: 15px;
}

.item-tooltip {
    position: absolute;
    opacity: 0;
    right: 50px;
    top: 20px;
    width: 320px;
    pointer-events: none;
    background: #fff;
    padding: 20px;
    border: 1px solid #dfdfdf;
    z-index: 6;
    border-radius: 4px;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.tooltip-container:hover .item-tooltip {
    opacity: 1;
    top: 55px;
}
.item-tooltip h2 {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 5px;
}
.item-tooltip .tooltip-text {
    width: 180px;
    float: left;
}

.tetarth .item-tooltip img , .user_prof .item-tooltip img{
    width: 92px !important;
    height: 50px !important;
    margin-top: 10px !important;
    float: right;
    margin-left: 5px !important;
}


.bus_dets .bus_det::after {
    content: ', ';
}
.bus_dets .bus_det:last-child::after {
    content: '';
}


#rate_tab h4, #fav_tab h4, #rate2_tab h4{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 35px;
  margin-left: -40px;
}

.cat-infos .bus_dets{
  display: none;
}


.gym_persons #person_preview .tooltip-container .item-tooltip {
    position: fixed;
    left: 50%;
    top: 50px;
    margin-left: -160px;
}
.gym_persons #person_preview .tooltip-container .item-tooltip h2 {
    float: left;
    width: calc(100% - 160px);
}

.gym_persons #person_preview .tooltip-container .item-tooltip img {
    width: 150px !important;
    height: 150px !important;
    margin-top: 10px !important;
    float: right;
}

.edit_prof #keys_tab .tooltip-container .item-tooltip {
    width: 420px;
}

.edit_prof #keys_tab .item-tooltip img {
    width: 100% !important;
    height: 140px !important;
    margin-top: 10px !important;
    float: right;
    margin-left: 5px !important;
}

 #personel_tab #person_preview .tooltip-container{
  margin-left: calc(30% - 42px) !important;
  width: 85px;
  margin-top: 10px;
}

#personel_tab #person_preview .tooltip-container{
  margin-left: calc(40% - 42px) !important;
  width: 85px;
  margin-top: 10px;
}

/*upload photo section*/
/*upload photo section*/
/*upload photo section*/

#submitPhoto .container {
    width: 80%!important;
    margin-left: 10%!important;
}



/*upload photo section*/
/*upload photo section*/
/*upload photo section*/


/*job_offers*/
/*job_offers*/
/*job_offers*/

#member_infos_tab #cat_subcat h5 span {
    display: none;
}

.job_offers .basic_job_info, .order_conf .basic_order_info{
width: 80%;
float: left;
margin-left: 18%;
background: white;
margin-left: 10%;
padding-left: 10%;
padding-right: 10%;
border-radius: 10px;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;

}


/*job_offers*/
/*job_offers*/
/*job_offers*/

/*become member*/
/*become member*/
/*become member*/

#member_infos_tab #gym_sub h5, #member_infos_tab #cat_subcat h5 {
width: 100px;
margin-top: -5px;
}


/*.become_member #member_infos_tab h6 {
    width: 400px;
}*/

/*become member*/
/*become member*/
/*become member*/
.pempth .my_comment .comment_akir{
  position: absolute;
  right: 15px;
  bottom: 100px;
}


.pempth .my_comment input.comment_pub {
    position: absolute;
    top: 128px;
    right: 5px;
    font-size: 15px;
    background: none;
    padding: 0;
    border: none;
    color: #333;
}

.pempth .my_comment input.comment_pub:hover{
  color: #C40F39;
}

   .seealso .slider-item .slider-content {
    height: 160px !important;
    margin: 0 auto;
    padding-top: 15px;
  }    

 .seealso .slider-item .slider-content img{
      width: 125px !important;
      height: 125px!important;
}

.sppb-col-sm-4 .slider-item{
    width: 100%;
    float: left;
    height: 230px;
}

 .seealso .slider .hover_info {
    padding: 0px 5px 0;
}

.members_terms_form
{
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

.map_in_prof{float: left;
width: 100%!important;
margin-left: 0%;
margin-top: 30px;
}


}
 

  


@media only screen and (max-width : 1050px) and (min-width : 866px) {

#sp-header {
    height: 122px !important;
}

#sp-header.sp-header-member {
    height: 90px !important;
    box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}

.scrollare #sp-header {
    height: 60px!important;
}

.header-menu {
    right: 0.5% !important;
}


.scrollare .top_sub_menu {
    display: none!important;
      }



    .sppb-container_2.arxiki .slick-prev,  .sppb-container_2.arxiki .slick-next{
      height: 220px;
    }

     #pop-eshops ul.rig  li {
      width: 25%; 
    }
    #pop-eshops ul.rig  li img{
      height: 130px;
    }

    .sppb-container_2.deyteres #pop-katastimata ul.rig > li:nth-child(1n+5){
        display: none;
    }

    .sppb-container_2.deyteres #pop-eshops ul.rig > li:nth-child(1n+5){
      display: none;
    }
    #pop-katastimata ul.rig  li {
       width: 25%; 
       height: 280px;
       position: relative;
    }
    #pop-katastimata ul.rig  li img{
      height: 130px;
      width: 130px;
      border-radius: 50%;
    } 


  .business_results  ul.rig li .cat-infos {
      width: 150px!important;
    } 

  #rate_tab .business_results ul.rig li .cat-infos {
    width: 130px !important;
}


#cd-distance ul {
    width: 94%;
    margin-left: 1%;
}

#cd-distance li {
  width: 20%;
}

  .wrapper_seconds #pop-katastimata .price_info{ 
      float: left;
      margin-left: 7%;
      padding-top: 5px;
      font-size: 15px;
      font-weight: bold;
}

    .wrapper_seconds #pop-katastimata .price_info span{ 
      color: grey;
      font-weight: normal;
      font-size: 13px;
    }


.wrapper_seconds #pop-katastimata ul.rig li  .cat-infos {
    height: 80px!important;
}


.bussiness-infos {
    width: calc(90% - 265px );
    margin-top: 17px;
    position: relative;
    float: left;
}


.user_prof #prof2_tab .bus_online{
  top: 100px!important;
}

#prof2_tab .bussiness-infos {
    margin-top: 10px!important;
}

#prof2_tab .bus_dets {
  margin-top: -5px;
}
.tetarth .bussiness-infos, #fav_tab .bussiness-infos, #rate2_tab .bussiness-infos{
   max-width: calc(90% - 265px ); 
}

.bus-spec {
  text-align: center;
    font-size: 18px;
    display: block;
    float: left;
    padding-left: 13px;
}

.bus-spec.distance span{
  font-size: 15px;
}

.price{
  width: 10%!important;
}

.bussiness-infos > ul {
     overflow-x: hidden;
     overflow-y: hidden;
     max-height: 50px;


}

.business_results .cat-infos .name {
    font-size: 14px;
}

.bus_dets {
    font-size: 13px;
    text-align: left;
    clear: both;
    color: grey;
    width: 90%;
    margin-left: 5%;
    overflow-y: hidden;
    max-height: 66px;
}



      .curr_user{
          max-width: 255px;
          background: white;
          position: absolute;
          padding: 40px 20px 20px;
          border: 1px solid gainsboro;
          z-index: 5;
          top: 50px;
         text-align: center;
        }

      .account-header {
          height: 120px;
          background: #BECCD5;
      }


      .avatar-box {
          width: 100px;
          height: 100px;
          line-height: 92px;
          margin-bottom: 34px;
          display: inline-block;
          position: relative;
          border: 2px solid gainsboro;
          border-radius: 50%;
          background: white;
      }


      .curr_user .username {
          position: absolute;
          white-space: nowrap;
          left: 318px;
          top: 5px;
          font-size: 30px;
          color: white;
          margin: 10px 0 20px;
      }


      .profinfos .date {
          color: black;
      }   

        .profinfos .date {
          color: black;
      }   

      .left_menu {
          background: white;
          border-bottom: 1px solid gainsboro;
          position: relative;
          width: 100%;
          top: auto;
          padding: 0;
          margin-bottom: 40px;
          z-index: 3;
          margin-top: -40px;
          min-height: 60px;
          -webkit-transform: translatex(0);
          -ms-transform: translatex(0);
          transform: translatex(0);
          transition: -webkit-transform .5s linear;
          transition: transform .5s linear;
          transition: transform .5s linear, -webkit-transform .5s linear;


      }   
      .left_menu > ul > li.prof_dropdown {
          position: relative;
          display: inline-block;
          padding-top: 24px;
          cursor: pointer;
          float: left;
          width: 20%;
           text-align: center;
           height: 59px;
          
      }
      
.top_sub_menu ul > li > span {
  font-size: 15px!important;
}

.tetarth input.css-checkbox[type="checkbox"] + label.css-label {
    max-width: 180px!important;
}

.user_prof .left_menu .basic.prof_dropdown:not(:first-child)::after {
          content: '';
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #bbbbbb;
          margin-left: 5px;
          display: inline-block;
          vertical-align: middle;
} 


.user_prof .left_menu .basic.prof_dropdown:nth-child(2)::after {
          display: none!important;
} 

.user_prof .left_menu .basic.prof_dropdown:nth-child(4)::after {
          display: none!important;
} 


.user_prof .demo-wrap.upload-demo {
    position: relative;
}

.user_prof .demo-wrap.upload-demo {
    margin-top: 0px!important;
    margin-left: -15px!important;
}

#prof_tab.add_pic {
  height: 500px!important;
  
}


.user_prof .demo-wrap a.btn, .user_prof .demo-wrap button {
    position: absolute;
    top: 0px;
    left: 100%;
}

.user_prof .demo-wrap a.btn{
    top: 20px;
}

.user_prof .demo-wrap button {
    top: 100px;
}


.rest_fil li, .pop_fil li {
    float: left;
    width: 33%;
}

.grid_it2{ 
  float:left;
  position: relative;
  width: 23% !important;
  margin-left: 1%;
  margin-right: 1%;
}

      .prof_content {
          margin-left: 25px!important;
      }
 
.favorites_tab .c-std, #comment_tab, #prof_tab, #prof2_tab, #paym_tab, #address_tab, #change_pass, #orders_tab, #points_tab{
      width: calc(100% - 290px)!important;
      margin-left: 285px!important;
}


      #prof_tab #save_button_wrapper, #change_pass #save_button_wrapper {
          position: absolute;
          right: 0px;
          bottom: 0px;
      }

#address_tab #save_button_wrapper {
          position: absolute;
          right: 0px;
          bottom: 20px;
      }


      .user_prof #gym_infos_tab .avatar-box {
          margin-left: -15px!important;
          margin-top: 30px!important;
      }

      .user_prof #gym_infos_tab .fileUpload, #gym_infos_tab .fileChange {
          margin-left: -95px!important;
      } 

      .left_menu a.active::before, .left_menu .prof_dropdown.active::before {
          position: absolute;
          left: 18px;
          right: 18px;
          bottom: 0;
          content: '';
          height: 2px;
          border-radius: 15px 15px 0 0;
      }    

      .left_menu ul > li ul {
          display: none;
      }

      .left_menu ul > li:hover ul {
          white-space: nowrap;
          display: block;
          position: absolute;
          background-color: white;
          border: 1px solid gainsboro;
          border-radius: 2px;
          top: 50px;
          left: 20px;
          z-index: 1;
          padding: 0;
      }      

      .left_menu ul ul > li {
           font-size: 13px!important;
          color: black;
          height: 40px;
          line-height: 3;
          padding: 5px;

      }

      .user_prof .gym_infos {
        width: 80%!important;
      }


      .bar_content{
        width: calc(100% - 300px) ;
        margin-left: 300px;
      }

      .favorites_tab .c-std, #vote_tab .c-std, .notif_tab .c-std3, .notifil_tab .c-std, , #orders_tab, #points_tab {
        width: calc(100% - 310px) !important;
        margin-left: 305px;
        padding-left: 5px;

      }

      .favorites_tab  .business_results ul.rig {
          padding: 0;
          width: 102%;

      }



      .fav_buttons{
        width: 10%;
        position: relative;
        float: right;
        padding-left: 10px;
      }


.notif_rig .business_pic{
  width: 60px;
}

.notif_infos{
    width: calc(100% - 80px);
    margin-left: 80px;
}

.notif_infos .business_pic{
    top: 50%;
    margin-top: -30px;
    margin-left: -80px;
}


.user_prof .left_menu {
    display: none;
}


/*edit prof section 1050 - 865*/
/*edit prof section*/
/*edit prof section*/
.left_menu .edit_info{
    margin-top: 0px!important;
}

.left_menu-toggler{
  display: none;
}
.edit_info.left_menu{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    position: fixed;
    top: 86px;

}

.scrollare .edit_info.left_menu {
    top: 55px!important;
}


.sppb-container_2.edit_prof .bar_content, .sppb-container_2.user_pub .bar_content {
  width: 100%!important ;
  margin-left: 0px!important;
  padding-left: 0;
}

.sppb-container_2.edit_prof .left_menu ul > li.prof_dropdown {
    width: 9.09%!important;
}


.sppb-container_2.edit_prof .left_menu ul > li.gym_infos_tab_tablet{
  width: 8.09%!important;
}

.sppb-container_2.edit_prof .left_menu ul > li.price_tab_tablet{
  width: 10.09%!important;
}

.sppb-container_2.edit_prof .left_menu ul > li.keys_tab_tablet{
  padding-top: 15px!important;
}

.edit_prof .left_menu a.active::before, .left_menu .prof_dropdown.active::before {
    left: 0px!important;
    right: 0px!important;
}  

.sppb-container_2.edit_prof .left_menu .prof_dropdown span{
  width: 100%!important;
  float: left;
  margin-left: 0%!important;
}

#prof2_tab .c-std , #paym_tab .c-std {
    width: 90% !important;
    margin-left: 5%;
}

#prof2_tab .price , #paym_tab .price, #paym_tab .price_after, #paym_tab .price_compl{
    font-size: 15px!important;
}


#prof2_tab .price span{

font-size: 13px;
}

#fav_tab .heart {
  top: 32px!important;
left: -35px!important;

}

.sppb-container_2.edit_prof .left_menu .prof_dropdown {
    font-size: 13px!important;
    color: black;
}


#gym_infos_tab .gym_infos li{
  width: 45%;
margin-left: 5%;
float: left;
font-weight: 900;

}

#prof_tab .gym_infos h4{
  margin-left: 5%!important;
}



#gym_infos_tab .gym_infos li select{
        width: 80%;
        margin-left: 1%;
        font-size: 12px;
      }

#gym_infos_tab ul.gym_infos li input{
width: 80%;
margin-top: 11px;
}

.gallery_details{
margin-left: -20px;
}

.gallery_details #profile_img {
  float: left;
  margin-left: calc(50% - 125px);
  height: 200px;
  width: 250px;
  border-radius: 50%;
}

#gym_contact_tab .gym_contact, #gym_contact_tab .gym_social{
  width: 45%;
  float: left;
margin-left: 5%;
padding-bottom: 30px;
}

#gym_contact_tab .gym_contact li{
width: 80%;
float: left;
margin-left: 10%;
padding-bottom: 25px;

}

#gym_contact_tab .gym_contact input, #gym_contact_tab .gym_social input{
  width: 80%;
}
#gym_contact_tab .gym_social li{
width: 80%;
float: left;
margin-left: 10%;
padding-bottom: 25px;
}


.gym_desc{
float: left;
width: 70%;
height: 160px;
margin-left: 15%;

}


.grid_it{ 
  float: left;
  margin: 15px;
  width: 47% !important;
  margin-left: 3%;
  margin-right: 0px !important;
}



#person_preview .grid_it{
  width: 100%!important; 
}

#person_preview .croppie-container {
    width: 30%!important;
    float: left;
}

.edit_prof #personel_tab .demo-wrap a#crop_cancel {
  top: 340px;
  left: -120px;
  position: absolute;
}

.edit_prof #personel_tab .demo-wrap .actions {
    position: relative;
}


.edit_prof #personel_tab .demo-wrap button {
    left: 12%!important;
    top: 340px;
    margin: 0px !important;
    position: absolute !important;
}


.edit_prof #personel_tab .personnel_infos{
  float: left;
  width: 30%;
}

.edit_prof #personel_tab [class^="personnel_social_"] {
  float: left;
  width: 30%;
}

.edit_prof #personel_tab .personnel_infos h4 , .edit_prof #personel_tab .gym_social h4{
    text-align: center;
}

.edit_prof #personel_tab .image_wrapper {
    float: left;
    width: 30%;
}

.edit_prof #personel_tab .demo-wrap a#crop_start {
    margin-left: calc(-15% - 41px) !important;
    margin-right: 0px!important;
    margin-top: 0px!important;
}

.edit_prof #personel_tab .img_preview, .edit_prof #personel_tab .img_p  {
    height: 250px !important;
    width: 250px !important;
    margin-left: calc(50% - 125px);
}


.edit_prof #personel_tab #person_preview input[type="text"]{
    margin-left: 10%;
}

#edit_profile_wrapper .gym_social input{
  width: 80%;
}



.gym_gallery #gallery_photo_preview #person_fields{
    margin-left: 10%!important;
}

.checkbox-grid li {
    display: block !important;
    float: left !important;
    width: 33.33%!important;
}

#rate_tab .c-std, #rate2_tab .c-std {
    width: calc(100% - 300px) !important;
    margin-left: 290px;

}


#rate_tab .my_rate{
    font-size: 14px;
    max-height: 70px;
    overflow: hidden;
    float: left;
  width: 100%;
}

#rate_tab .bussiness-infos [class^="comment_rate"] .stable_stars{
  top: 5px!important;
}

#rate_tab [class^="comment_rate"]{
  margin-top: 25px;
}


#rate_tab [class^="comment_rate"].rate_again, #rate2_tab [class^="comment_rate"].rate_again {
    display: none;
}

#rate_tab .bussiness-infos{
  margin-top: 0px!important;
  height: 130px;
}

#rate_tab [class^="edit_comment"]{
  height: 140px;
}

#rate_tab [class^="edit_comment"] .shooting_stars{
  margin-top: 5px;
  margin-bottom: 5px;
}

#rate_tab [class^="edit_comment"] textarea{
  height: 90px;
  width: 91%;
   resize: none;
}

#rate_tab .stars_comment{
  margin-bottom: 10px!important;
}

#rate_tab .bussiness-infos {
 width: calc(85% - 220px) !important;
}
.user_prof .comment_action {
    float: right;
    font-size: 18px;
    width: 15%;
    height: 145px;
    box-shadow: -5px 0 5px -5px #ddd;
}

.user_prof .comment_action .comment_ed, .user_prof .comment_action .comment_del, .user_prof .comment_akir {
    float: left;
    margin-top: 30px;
    margin-left: 12%;
}

#rate_tab  .comment_action, #rate_tab [class^="edit_comment"] input{
    font-size: 16px!important;
  }

#rate_tab [class^="edit_comment"] input {
    right: -90px!important;
}


#rate2_tab .business_pic{
    width: 50px !important;
    height: 50px !important;
    float: left;
}

#rate2_tab .person_pic{
  width: 85px !important;
  float: left;
  margin-left: 0px;
  margin-right: 5px;
}

#rate2_tab .bussiness-infos {
    width: calc(85% - 300px) !important; 
    margin-top: 5px !important;
}


#rate2_tab .business_results ul.rig > li .business_pic .img img {
    max-width: 50px!important;
    max-height: 50px!important;
    height: 50px!important;
    width: 50px!important;
}


#rate2_tab .business_results ul.rig > li .person_pic .img img {
  height: 85px !important;
  width: 85px !important;
  margin-top: 27px !important;
}

#rate2_tab  .comment_action, #rate2_tab [class^="edit_comment"] input{
    font-size: 16px!important;
}

#rate2_tab [class^="edit_comment"] input , #rate_tab [class^="edit_comment"] input{
    left: 86% !important;
}

#rate2_tab .stars_comment img {
    max-width: 9px !important;
    width: 10px !important;
    height: 18px;
}


#paym_tab .pay_icons{
  float: left;
  width: calc(100% - 280px);
}

#paym_tab .pay_select{
  float: left;
  width: 140px;
}

.pay_select select {
  width: 120px;
  margin-left: 10px;
  margin-top: 8%;
}


#paym_tab .pay_inputs{
  float: left;
  width: 140px;
}


#paym_tab .pay_inputs input{
  margin-left:  10px;
  margin-top: 8%;
}




/*edit prof section 865 - 1050*/
/*edit prof section*/
/*edit prof section*/


/*edit business profile 865-1050*/
/*edit business profile*/
/*edit business profile*/

  .edit_prof .edit_profile_wrapper {
    width: 96%!important;
    margin-left: 2%!important;
  }


.edit_prof .gallery_details {
  float: right!important;
}

.edit_prof .gallery_details #profile_img {
    float: right !important;
    margin-right: calc(50% - 125px);
    height: 250px;
    width: 250px;
    margin-top: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.profile_image_wrapper .btn {
    margin-top: 30px;

}

#personel_tab .gym_social ul li {
width: 98%;
float: left;
margin-left: 2%;
padding-bottom: 25px;
}

#personel_tab .gym_social input {
    width: 79%;
}

#personel_tab .gym_social li:last-child {
   /* margin-left: 27.5% !important;*/
}

#price_tab .price_grid {
    margin: 1%;
    width: 48% !important;

  }

  #price_tab #price_schedule .error_message{
  width: 40%!important;
}

#event_tab .event_typ, #event_tab .event_til{
    float: left;
    width: 50%;
}
 #event_tab .event_til input, #event_tab .event_typ select{
  width: 90%;
 } 

#event_tab .event_descr,  #event_tab .event_da, #event_tab .event_cost , #event_tab .event_infos {
   float: left;
  width: 90%;
  margin-left: 5%;
  padding-top: 20px;
}

#event_tab .event_cost {
  padding-top: 0px!important;
}

 #event_tab .event_da [id^="event_date_type"],#event_tab .event_cost [id^="event_price_type"]{
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
 }

 #event_tab .event_da .event_days,  #event_tab .event_cost .event_with_price{
  width: 50%;
  float: right;
  margin-top: -20px !important;
 }

.event_da .event_one_day{
  float: right;
  width: 40%;
  margin-top: -20px !important;
}


 #event_tab .event_da .event_days p{
  width: 48%;
  float: left;
 }

 #event_tab .event_da .event_days p:first-child{
  margin-right: 2%;
 }

  #event_tab .event_da .event_days p:last-child{
  margin-left: 2%;
 }


  #event_tab .event_da .event_days input {
  width: 100%!important;
 }

 #event_tab .event_cost .event_with_price input{
  width: 45%!important;
  float: left;
  margin-right: 5%;
}

 #event_tab .event_cost .event_with_price select{
  width: 45%!important;
  float: left;
  margin-left: 5%;
}


 #event_tab .event_prog select[id^="event_schedule_type"]{
  margin-left: 5%!important;
 }

 #event_tab #event_listed_programms{
  float: left;
  width: 100%;
 }

 #event_tab #event_listed_programms select[id^="event_category"]{
  width: 45%!important;
  margin-right: 5%!important;

 }

 #event_tab #event_listed_programms [id^="event_list"]{
     float: left;
    margin-top: 7px;
    width: 45%;
}

#event_tab [class^="event_form"] span{
  display: block;
}

#event_tab .event_times{
width: 95.5%;
float: left;
margin-left: 1%;
}


#event_tab [id^="event_schedule"] .checkbox-grid{
  float: left;
  width: 100%;
}


#event_tab .event_schedule_show [id^="event_schedule_output"] .event_schedule {
    border: 1px solid;
    width: 100%;
    margin: 5px;
    height: 270px;
}

#schedule_tab .checkbox-grid li{
  float: left;
}

#schedule_tab .checkbox-grid li:first-child{
  width: 115px!important;
}

#schedule_tab .checkbox-grid li:not(:first-child){
  width: calc(100% - 115px)!important;
}


/*edit business profile*/
/*edit business profile*/
/*edit business profile*/



/*upload photo section*/
/*upload photo section*/
#submitPhoto #header-image {
    height: 450px!important;
    background-size: 100% 450px!important;
}

#submitPhotoText {
    font-size: 7rem!important;
}

#submitPhotoCol {
    margin-top: 363px!important;
}

/*upload photo section*/
/*upload photo section*/




    }


@media only screen and (max-width : 865px) and (min-width : 651px) {


#sp-header {
    height: 100px !important;
}
  
    .sppb-container_2.arxiki .slick-prev,  .sppb-container_2.arxiki .slick-next{
      height: 200px;
    }

  .w3-animate-right {
    background-position: center;
  }

#member_infos_tab h6{
margin-top: 0px!important;
}

#member_infos_tab #gym_sub, #member_infos_tab #cat_subcat{
  float: left;
  width: 100%;
}



     #pop-eshops ul.rig  li {
      width: 25%; 
    }
    #pop-eshops ul.rig  li img{
      height: 130px;
    }

    .sppb-container_2.deyteres #pop-eshops ul.rig > li:nth-child(1n+5){
      display: none;
    }

    #pop-katastimata ul.rig  li {
       width: 33.3%; 
       height: 270px;
       position: relative;
    }
    #pop-katastimata ul.rig  li img{
      height: 130px;
      width: 130px;
      border-radius: 50%;
    } 


        .wrapper_seconds #pop-katastimata .price_info{ 
      float: left;
      margin-left: 7%;
      padding-top: 5px;
      font-size: 15px;
      font-weight: bold;
}

    .wrapper_seconds #pop-katastimata .price_info span{ 
      color: grey;
      font-weight: normal;
      font-size: 13px;
    }


.wrapper_seconds #pop-katastimata ul.rig li  .cat-infos {
    height: 80px!important;
}


.tetarth .c-std , .tetarth .c-std2{
          width: 96% !important;
          margin-left: 2%;
          margin-top: 20px;
          transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

      .pos_absolute .c-std, .pos_absolute .c-std2{
          margin-left: 200px;
          transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }



      .toggle-filters {
         margin-left: 2%;
         float: none!important;
      }

/*.toggle-filters2 {
  padding: 10px 10px!important;
  bottom: 10px !important;
  right: 10px !important;
  position: fixed !important;
  left: 92.5% !important;
  width: 44px;
  top: 84% !important;
  height: 41px !important;
  clear: left;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  z-index: 3;
  position: absolute;
  display: block!important;
  font-family: 'icomoon' !important;
  background: #C40F39;
}

*/

.for_small_screens {
    position: relative!important;
}

.toggle-filters2.absolute {
    position: absolute!important;
}

.showall-filters {
  margin-left: -30px!important;
}

.grid_it2{ 
  float:left;
  position: relative;
  width: 31% !important;
  margin-left: 1%;
  margin-right: 1%;
}

      .pos_absolute .results_title{
          margin-left: 200px;
          transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

      .results_title{
        text-align: left;
        font-size: 19px;
        margin-left: 2%;
        width: 100%!important;
        transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }


      .filters{
        margin-top: 0px!important;
        -webkit-transform: translatex(0);
        -ms-transform: translatex(0);
        transform: translatex(0);
        position: absolute!important;
      }

      .pos_absolute .toggle-filters{
        margin-left: 200px!important;
        transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
      }

    .toggle-filters{
      margin-left: 2%;
      transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
    }


      .business_pic {
          width: 80px!important;
      }

      .business_results ul.rig > li .img img {
          width: 80px;
          height: 80px;
          margin-top: 30px;
          border-radius: 50%;
      }


#paym_tab .business_results ul.rig > li:first-child  .cat-infos{
  width: 230px!important;
}

  .business_results  ul.rig li .cat-infos {
      width: 150px !important;
      margin-left: 30px;
    } 

#rate2_tab .business_results  ul.rig li .cat-infos {
      width: 130px !important;
}

#cd-distance ul {
    float: left;
    margin-top: 30px!important;

}

#cd-distance li {
  width: calc(33% - 50px);
}

#cd-distance li:nth-child(4), #cd-distance li:nth-child(5) {
    width: 75px !important;
}
.tetarth .bussiness-infos {
    max-width: calc(90% - 260px );
} 

.bussiness-infos {
    max-width: calc(90% - 260px );
    margin-top: 17px;
    position: relative;
    float: left;
}


.bus-spec {
  text-align: center;
    font-size: 18px;
    display: block;
    float: left;
    padding-left: 9px;
}

.bus-spec.distance span{
  font-size: 15px;
}

.price{
  width: 10%!important;
}

.business_results .cat-infos .name {
    font-size: 13px;
}

.bussiness-infos > ul {
     overflow-x: hidden;
     overflow-y: hidden;
     max-height: 50px;
}

.user_prof #prof2_tab .bus_online{
  position: absolute;
  right: 0px;
  top: 90px;
  width: 155px;
}

#prof2_tab .price .price_info {
    margin-top: 43px!important;
}

#prof2_tab .price span{
margin-top: 35px;
display: block;
text-align: center;
margin-left: 5px;
}

#prof2_tab .bus_online a .upgrade_link{
  display: none;
}


.bus_dets {
    font-size: 13px;
    text-align: left;
    clear: both;
    color: grey;
    width: 90%;
    margin-left: 5%;
}



/*prof info*/
/*prof info*/
/*prof info*/
.account-header {
    position: relative;
    background: #BECCD5;
}

.left_menu ul ul > li {
          font-size: 14px;
          color: black;
          height: 40px;
          line-height: 3;

      }


.user_prof #flex-nav {
  width: 100%!important;
  margin-left: 0px!important;
   }


.mm-menu-items li a {
    padding: 15px 20px!important;
} 

.prof_content {
    overflow: hidden;
    width: 92%;
    max-width: 1500px;
    margin: auto;
}

.prof_content {
    margin-left: 0px!important;
}

.curr_user {
    text-align: center;
    padding: 20px 0;
}

.avatar-box {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 72px;
    position: relative;
    border: 2px solid gainsboro;
    border-radius: 50%;
    background: white;
}


      #prof_tab #save_button_wrapper, #change_pass #save_button_wrapper, #address_tab #save_button_wrapper {
          position: absolute;
          right: 0px;
          bottom: 20px;
      }

#prof_tab.add_pic {
  height: 540px!important;  
}


#prof_tab .avatar-box {
    margin-top: -45px!important;
    margin-left: 5%;
}
.avatar-box img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    vertical-align: middle;
    /*Giannis adds*/
  width: 100%;
    height: 100%;
}

#prof_tab .fileUpload, #prof_tab .fileChange {
   margin-top: -50px!important;
}

#prof2_tab .c-std , #paym_tab .c-std {
    width: 100%!important;
}

#prof2_tab .price ,#paym_tab .price, #paym_tab .price_after, #paym_tab .price_compl{
    font-size: 15px!important;
}


.curr_user .username {
    font-size: 18px;
    color: white;
    margin: 10px 0 20px;
    position: relative;
}


.curr_user .profinfos > p:first-of-type {
    border-right: 1px solid rgba(255,255,255,0.3);
    padding-right: 20px;
}
.curr_user .profinfos > p {
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    color: rgba(255,255,255,0.85);
    text-align: left;
}


.curr_user .profinfos> p:last-of-type {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px;
}

.curr_user .user_actions {
    display: none;
}

.left_menu-toggler.xeditproftog , .sppb-container_2.user_pub .left_menu-toggler  {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
}

.left_menu-toggler.xeditproftog{
  display: none;
}


.sppb-container_2.edit_prof .left_menu-toggler{
  display: none;
}


.sppb-container_2.user_pub .left_menu-toggler::before, .left_menu-toggler.xeditproftog::before {
    content: "\e916";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 20px;
    color: gray;
    position: absolute;
    top: 30px;
}

.left_menu-toggler.xeditproftog::before {
    top: 0px;
}

.sppb-container_2.edit_prof .left_menu , .sppb-container_2.user_pub .left_menu{
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%);
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
    position: absolute;
    z-index: 3;
    border: 1px solid #bbbbbb;
    background: #f8f8f8;
    top: 50px;
    max-width: 290px;
    width: 100%;
}

.sppb-container_2.edit_prof .left_menu.visible , .sppb-container_2.user_pub .left_menu.visible{
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
}


.sppb-container_2.edit_prof .left_menu-close , .sppb-container_2.user_pub .left_menu-close{
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 5px;
    right: 5px;
}


.sppb-container_2.edit_prof .left_menu-close:before , .sppb-container_2.user_pub .left_menu-close:before {
    content: "\f00d";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 18px;
    color: black;
}


.edit_prof .left_menu ul.bar_content > li {
    font-size: 14px;
    color: #999999;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
    text-align: center;
}


 .user_pub .left_menu ul.bar_content > li:hover  {
    cursor: pointer;
    background: #e8e8e8;
}

.user_pub .left_menu ul.bar_content > li {
    font-size: 14px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 15px;
    text-align: center;
    padding-top: 20px;
}



.user_pub .left_menu ul.bar_content > li:hover  {
    cursor: pointer;
    background: #e8e8e8;
}

.sppb-container_2.edit_prof .left_menu ul ul > li:first-child , .user_pub .left_menu ul ul > li:first-child{
    margin-top: 20px;
}
.sppb-container_2.edit_prof .left_menu ul ul > li , .user_pub .left_menu ul ul > li{
    font-size: 14px;
    color: black;
    text-align: center;
}

.sppb-container_2.edit_prof .left_menu ul ul > li a,  .user_pub .left_menu ul ul > li a {
    display: inline-block;
    color: inherit;
}

.sppb-container_2.edit_prof .left_menu ul ul > li:hover, .user_pub .left_menu ul ul > li:hover {
  cursor: pointer;
}


      .left_menu {
          background: white;
          border-bottom: 1px solid gainsboro;
          position: relative;
          width: 100%;
          top: auto;
          padding: 0;
          margin-bottom: 40px;
          z-index: 3;
          margin-top: -40px;
          min-height: 60px;
          -webkit-transform: translatex(0);
          -ms-transform: translatex(0);
          transform: translatex(0);
          transition: -webkit-transform .5s linear;
          transition: transform .5s linear;
          transition: transform .5s linear, -webkit-transform .5s linear;
      }

      .user_prof .left_menu{
                display: none;
            }

     .user_prof .left_menu > ul > li.prof_dropdown {
          position: relative;
          display: inline-block;
          padding-top: 24px;
          cursor: pointer;
          float: left;
          width: 20%;
           text-align: center;
           height: 59px;
          
      }

    .user_prof  .left_menu a.active::before, .user_prof .left_menu .prof_dropdown.active::before {
          position: absolute;
          left: 18px;
          right: 18px;
          bottom: 0;
          content: '';
          height: 2px;
          border-radius: 15px 15px 0 0;
      }    

     .user_prof .left_menu ul > li ul {
          display: none;
      }

     .user_prof .left_menu ul > li:hover ul {
          white-space: nowrap;
          display: block;
          position: absolute;
          background-color: white;
          border: 1px solid gainsboro;
          border-radius: 2px;
          top: 50px;
          left: 20px;
          z-index: 1;
          width: 100%;
          padding: 0;
      }      


.user_prof .left_menu ul ul > li {
    font-size: 14px;
    color: black;
    height: 40px;
    line-height: 3;
  }

.user_prof .left_menu .basic.prof_dropdown:not(:first-child)::after {
          content: '';
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #bbbbbb;
          margin-left: 5px;
          display: inline-block;
          vertical-align: middle;
} 

.user_prof .left_menu .basic.prof_dropdown:nth-child(2)::after {
          display: none!important;
} 

.user_prof .left_menu .basic.prof_dropdown:nth-child(4)::after {
          display: none!important;
} 

.user_prof .left_menu-toggler {
    display: none;
}

.cd-distance-modal.is-visible .cd-distance-modal-container.address_added {
    height: 640px!important;
}

.cd-distance-modal.is-visible .cd-distance-modal-container {
    height: 500px!important;
}


.rest_fil li, .pop_fil li {
    float: left;
    width: 33%;
}

.top_sub_menu-toggler {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    cursor: pointer;
}

.top_sub_menu-toggler::before {
    content: "\e916";
    color: #999999; 
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 28px;
    position: absolute;
    top: -5px;
}

.top_sub_menu {
    -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%);
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
    position: absolute;
    z-index: 2;
    border: 1px solid #bbbbbb;
    background: white;
    top: 0px;
    max-width: 325px;
    width: 100%;
    overflow-y: scroll;
    height: 100%;
    position: fixed;
}

.top_sub_menu.visible {
    -webkit-transform: translatex(0);
    -ms-transform: translatex(0);
    transform: translatex(0);
}


.top_sub_menu-close {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
}


.top_sub_menu-close:before {
    content: "\f00d";
    width: 40px;
    height: 15px;
    margin: 0;
    font-size: 18px;
    color: black;
}



.top_sub_menu ul ul li {
    padding-bottom: 0px;
    padding-top: 5px;
    background-color: rgba(0,0,0,.03);
    border-radius: 0px;
    color: #C40F39;
    text-align: center;z
}
.top_sub_menu ul li dd{
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;

}

.top_sub_menu ul li.top_sub_gym li dd:first-of-type {
    padding-top: 5px!important;
    padding-bottom: 0px!important;
}

.top_sub_menu ul li.top_sub_gym li dd:last-of-type {
    padding-top: 0px!important;
    padding-bottom: 5px!important;
}

.top_sub_menu ul li.top_sub_gym li dd {
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}


.top_sub_menu ul dd ul a {
    color: #000;
}

.top_sub_menu ul ul  li dd a {
    display: inline-block;
    background-color: white;
    background-color: rgba(0,0,0,.03);
    border: 1px solid rgba(0,0,0,.125);
    width: 100%;
    padding: 10px;
}


.top_sub_menu ul ul > li:hover {
  cursor: pointer;
}

.top_sub_menu ul li  span {
    display: inline!important;
}

.top_sub_menu ul li  i {
    padding-right: 25px!important;
  margin-left:10px;
}


.top_sub_menu .expand{
  position: relative;
}


.top_sub_menu .expand .expand::before {
  top: 5px!important;
}


.top_sub_menu .expand.expanded:before {
  content: "\f106"!important;
  
}

.top_sub_menu dd{
  display: none;
}



.top_sub_menu h4 {
    width: 100%;
    text-align: center;
    color: black;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 15px;
    font-size: 22px;
}



.main_catg:hover, .top_menu_more:hover{
  color:#000;
}





.user_prof ul {
    list-style: none;
}

.user_prof .content {
 /*   min-height: 1000px!important;*/
}

.user_prof .demo-wrap.upload-demo {
    position: relative;
}


.user_prof .demo-wrap a.btn, .user_prof .demo-wrap button {
    position: absolute;
    top: 0px;
    left: 100%;
}

.user_prof .demo-wrap a.btn{
    top: 20px;
}

.user_prof .demo-wrap button {
    top: 100px;
}


      .favorites_tab .c-std, #vote_tab .c-std, .notif_tab .c-std3 , .notifil_tab .c-std,, #orders_tab, #points_tab{
        width: 94% !important;
        margin-left: 3%;
      }

      .fav_buttons{
        width: 10%;
        position: relative;
        float: right;
        padding-left: 10px;
      }


.gym_infos, .gym_contact {
    width: 100%!important;
}

.profile_image_wrapper{
    width: 100%!important;
}


  #gym_infos_tab  .gym_infos li{
    width: 45%;
    margin-left: 5%;
    float: left;
    font-weight: 900;

    }

#prof_tab .gym_infos h4{
  margin-left: 5%!important;
}



   #gym_infos_tab ul.gym_infos li input{
    width: 80%;
    margin-top: 11px;
    }


.for_online .bar {
    width: 10.4% !important;
}

#gym_infos_tab .gym_infos li select{
        width: 80%;
      }

.edit_prof  #gym_infos_tab .gallery_details {
  padding-top: 20px;
}


    .gallery_details{
    margin-left: -20px;
    }

.gallery_details #profile_img {
    float: left;
    margin-left: calc(58% - 125px);
    height: 250px;
    width: 250px;
    border-radius: 50%;
}

.edit_profile_wrapper .img_prof_wrapper:hover::after , .edit_profile_wrapper .img_prof_wrapper.invalid_photo::after {
    margin-top: 10px!important;
    margin-left: calc(58% - 125px)!important;
}

.profile_overlay {
    width: 250px!important;
    height: 250px!important;
    top: 10px!important;
    right: calc(50% - 125px)!important;
}


.gym_contact, .gym_social{
  width: 100%;
  float: left;
margin-left: 5%;
padding-bottom: 30px;
}

.gym_contact li{
width: 90%;
float: left;
margin-left: 10%;
padding-bottom: 25px;


}

.gym_contact input, .gym_social input{
  width: 80%;
}

.gym_social li{
width: 98%;
float: left;
margin-left: 2%;
padding-bottom: 25px;

}

.gym_desc{
float: left;
width: 80%;
height: 160px;
margin-left: 10%;

}


.grid_it{ 
  float: left;
  margin: 15px;
  width: 47% !important;
  margin-left: 3%;
  margin-right: 0px !important;
}


.gym_gallery #gallery_photo_preview #person_fields{
    margin-left: 8%!important;
}

.gym_gallery #gallery_photo_preview .minus_icon_second {
       /* margin-bottom: 20px;
        margin-left: 99px;*/
        float: left;

}

.checkbox-grid li {
    display: block !important;
    float: left !important;
    width: 33%!important;
}

.edit_border {
    padding-right: 5px!important;
}


#person_preview .grid_it{
  width: 100%!important; 
}

#person_preview .croppie-container {
    width: 40%!important;
    float: left;
}

.edit_prof #personel_tab .demo-wrap a#crop_cancel {
    top: 340px;
    left: -85px;
    position: absolute;
}


.edit_prof #personel_tab .minus_icon_second{
  margin-top: -35px;
}

.edit_prof #personel_tab .demo-wrap .actions {
    position: relative;
}


.edit_prof #personel_tab .demo-wrap button {
    left: 17% !important;
    top: 340px;
    margin: 0px !important;
    position: absolute !important;
}


.edit_prof #personel_tab .personnel_infos{
  float: left;
  width: 30%;
}

.edit_prof #personel_tab [class^="personnel_social_"] {
  float: left;
  width: 30%;
  margin-left: 0px!important;
  margin-top: -10px;
}

.edit_prof #personel_tab .personnel_infos h4 , .edit_prof #personel_tab .gym_social h4{
    text-align: center;
}

.edit_prof #personel_tab .image_wrapper {
    float: left;
    width: 40%;
}


#personel_tab .gym_social input {
    width: calc(100% - 46px);
}

.edit_prof #personel_tab .demo-wrap a#crop_start {
    margin-left: calc(-19% - 41px) !important;
    margin-right: 0px!important;
    margin-top: 0px!important;
}

.edit_prof #personel_tab .img_preview, .edit_prof #personel_tab .img_p {
    height: 250px !important;
    width: 250px !important;
    margin-left: calc(50% - 125px);
}

.edit_prof #personel_tab .image_wrapper .img_p:hover::after {
    margin-left: calc(50% - 125px)!important;
  }


.edit_prof #personel_tab #person_preview input[type="text"]{
    margin-left: 10%;
}


.left_menu.edit_info ul.bar_content > li {
    text-align: center;
    font-size: 14px;
    color: black;
    height: 40px;
    line-height: 3;
    border-bottom: 1px solid #e8e8e8;
}


.left_menu.edit_info ul > li:hover {
    background: #e8e8e8;
    cursor: pointer;
    color: #23527c;
}

.left_menu.edit_info ul > li:first-child {
    margin-top: 25px;
}

#rate_tab .c-std, #rate2_tab .c-std {
    width: 98% !important;
    margin-left: 1%;

}


#rate_tab .my_rate{
    font-size: 14px;
    max-height: 70px;
    overflow: hidden;
    float: left;
width: 100%;
}

#rate_tab .bussiness-infos [class^="comment_rate"] .stable_stars{
  top: 5px!important;
}

#rate_tab [class^="comment_rate"]{
  margin-top: 25px;
}


#rate_tab [class^="comment_rate"].rate_again, #rate2_tab [class^="comment_rate"].rate_again {
    display: none;
}

#rate_tab .bussiness-infos{
  margin-top: 0px!important;
  height: 130px;
}

#rate_tab [class^="edit_comment"]{
  height: 140px;
}

#rate_tab [class^="edit_comment"] .shooting_stars{
  margin-top: 5px;
  margin-bottom: 5px;
}

#rate_tab [class^="edit_comment"] textarea{
  height: 90px;
  width: 91%;
   resize: none;
}

#rate_tab .stars_comment{
  margin-bottom: 10px!important;
}

#rate_tab .bussiness-infos {
width: calc(83% - 250px) !important;
}
.user_prof .comment_action {
    float: right;
    font-size: 18px;
    width: 15%;
    height: 145px;
    box-shadow: -5px 0 5px -5px #ddd;
}

.user_prof .comment_action .comment_ed, .user_prof .comment_action .comment_del, .user_prof .comment_akir {
    float: left;
    margin-top: 30px;
    margin-left: 12%;
}

#rate_tab  .comment_action, #rate_tab [class^="edit_comment"] input{
    font-size: 16px!important;
  }

#rate_tab [class^="edit_comment"] input {
    right: -90px!important;
}

#rate2_tab .business_pic{
    width: 50px !important;
    height: 50px !important;
    float: left;
}

#rate2_tab .person_pic{
  width: 90px!important;
  float: left;
margin-left: 5px;
margin-right: 5px;
}

#rate2_tab .bussiness-infos {
    width: calc(85% - 310px) !important;
    margin-top: 5px !important;
}

#rate2_tab .business_results ul.rig > li .business_pic .img img {
    max-width: 50px!important;
    max-height: 50px!important;
    height: 50px!important;
    width: 50px!important;
}


#rate2_tab .business_results ul.rig > li .person_pic .img img {
height: 90px!important;
width: 90px!important;
margin-top: 25px!important;
}

#rate2_tab  .comment_action, #rate2_tab [class^="edit_comment"] input{
    font-size: 16px!important;
}

#rate2_tab [class^="edit_comment"] input , #rate_tab [class^="edit_comment"] input {
    left: 86% !important;
}

.notif_rig .business_pic{
  width: 60px!important;
}

.notif_infos{
    width: calc(100% - 80px);
    margin-left: 80px;
}

.notif_infos .business_pic{
    top: 50%;
    margin-top: -30px;
    margin-left: -80px;
}


#paym_tab .pay_icons{
  float: left;
  width: calc(100% - 280px);
}

#paym_tab .pay_select{
  float: left;
  width: 140px;
}

.pay_select select {
  width: 120px;
  margin-left: 10px;
  margin-top: 8%;
}


#paym_tab .pay_inputs{
  float: left;
  width: 140px;
}


#paym_tab .pay_inputs input{
  margin-left:  10px;
  margin-top: 8%;
}



/*edit business profile 650-865*/
/*edit business profile*/
/*edit business profile*/


#edit_myProgress {
    margin-top: 25px!important;
}

.edit_profile_wrapper {
    width: 94%!important;
    margin-left: 3%!important;
}


#price_tab .price_grid {
    margin: 1%;
    width: 48% !important;

  }

  #price_tab #price_schedule .error_message{
  width: 40%!important;
}

.edit_prof #schedule_tab .has_personal {
    width: 100%!important;
}

#event_tab .event_typ, #event_tab .event_til{
    float: left;
    width: 50%;
}
 #event_tab .event_til input, #event_tab .event_typ select{
  width: 90%;
 } 

#event_tab .event_descr,  #event_tab .event_da, #event_tab .event_cost , #event_tab .event_infos {
   float: left;
  width: 90%;
  margin-left: 5%;
  padding-top: 20px;
}

#event_tab .event_cost {
  padding-top: 0px!important;
}

 #event_tab .event_da [id^="event_date_type"],#event_tab .event_cost [id^="event_price_type"]{
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
 }

 #event_tab .event_da .event_days,  #event_tab .event_cost .event_with_price{
  width: 50%;
  float: right;
  margin-top: -20px !important;
 }

.event_da .event_one_day{
  float: right;
  width: 40%;
  margin-top: -20px !important;
}


 #event_tab .event_da .event_days p{
  width: 48%;
  float: left;
 }

 #event_tab .event_da .event_days p:first-child{
  margin-right: 2%;
 }

  #event_tab .event_da .event_days p:last-child{
  margin-left: 2%;
 }


  #event_tab .event_da .event_days input {
  width: 100%!important;
 }

 #event_tab .event_cost .event_with_price input{
  width: 45%!important;
  float: left;
  margin-right: 5%;
}

 #event_tab .event_cost .event_with_price select{
  width: 45%!important;
  float: left;
  margin-left: 5%;
}


 #event_tab .event_prog select[id^="event_schedule_type"]{
  margin-left: 5%!important;
 }

 #event_tab #event_listed_programms{
  float: left;
  width: 100%;
 }

 #event_tab #event_listed_programms select[id^="event_category"]{
  width: 45%!important;
  margin-right: 5%!important;

 }

 #event_tab #event_listed_programms [id^="event_list"]{
     float: left;
    margin-top: 3px;
    width: 45%;
}

#event_tab [class^="event_form"] span{
  display: block;
}

#event_tab .event_times{
width: 95.5%;
float: left;
margin-left: 1%;
}


#event_tab [id^="event_schedule"] .checkbox-grid{
  float: left;
  width: 100%;
}


#event_tab .event_schedule_show [id^="event_schedule_output"] .event_schedule {
    border: 1px solid;
    width: 100%;
    margin: 5px;
    height: 270px;
}


#schedule_tab .sport_formm {
    width: 100%!important;
}

#schedule_tab .checkbox-grid li{
  float: left;
}

#schedule_tab .checkbox-grid li:first-child{
  width: 115px!important;
}

#schedule_tab .checkbox-grid li:not(:first-child){
  width: calc(100% - 115px)!important;
}

 #orders_tab {
  width: 90%;
  margin-left: 5%;
 }

 #orders_tab table{
  width: 100%;
 }

 #orders_tab table th input{
  width: 90%;
 }


/*
[id^="sports_startTime"], [id^="sports_startMinute"], [id^="sports_endTime"], [id^="sports_endMinute"], [id^="ievent_startTime"], [id^="ievent_startMinute"], [id^="ievent_endTime"], [id^="ievent_endMinute"] {
    width: calc(25% - 15px)!important;
}*/

  #offer_tab .price_grid {
    float: left;
    margin: 1%;
    width: 48%;

  }

#keys_tab{
  width: 96%!important;
  margin-left: 2%!important;
}

#keys_tab #search_info_keys #extras_keys span, #keys_tab #search_info_keys #facilities_keys span,  #keys_tab #search_info_keys #programm_keys span{
    width: 33%!important;
}

.gym_gallery #gallery_photo_preview .tooltip-container, #personel_tab #person_preview .tooltip-container{
  margin-left: 33%!important;
  width: 85px;
  margin-top: 10px;
}


/*edit business profile*/
/*edit business profile*/
/*edit business profile*/


/*upload photo section*/
/*upload photo section*/

#submitPhoto #header-image {
    height: 400px!important;
    background-size: 100% 400px!important;
}

#submitPhotoText {
    font-size: 50px!important;
}

#submitPhotoCol {
    margin-top: 313px!important;
}

/*upload photo section*/
/*upload photo section*/

.bec_mem_intro .lead{
  font-style:italic;
}
.bec_mem_intro img{
  width: 400px !important;
  margin-left: calc(50% - 200px);
}

.bec_mem_intro {
    background-size: 165% 800px!important;
}

.why_us li{
  width: 100%!important;
}

}



    @media only screen and (max-width : 1290px) and (min-width : 1051px) {


    .header-seacrhw{

      width: calc(95% - 410px)!important;
    }



    #sp-header {
        height: 122px !important;
    }

#sp-header.sp-header-member {
    height: 90px !important;
    box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}

    .header-menu {
      right: 1.5% !important;
    }

    .scrollare #sp-header {
      height: 60px!important;
    }

    .scrollare .top_sub_menu {
      display: none!important;
    }


    ul.rig > li {
      width: 25%; /* this value + 2.5 should = 25% */
    }

     #categories ul.rig > li {
        height: 330px;
      }

    .wrapper_seconds ul.rig > li img {
    height: 230px;
          margin-top: 13px;
    margin-bottom: 9px;
    }
     #pop-eshops ul.rig li {
      width: 25%; 
    }

    #pop-eshops ul.rig > li:nth-child(1n+5){
      display: none;
}

    #pop-eshops ul.rig li img{
      height: 110px;
    }
    #pop-katastimata ul.rig li {
       width: 20%; 
       height: 280px;
       position: relative;
    }

    #pop-katastimata ul.rig > li:nth-child(1n+6){
      display: none;
}

    #pop-katastimata ul.rig li img{
      height: 130px;
      width: 130px;
      border-radius: 50%;
    }  

    .wrapper_seconds #pop-katastimata .price_info{ 
      float: left;
      margin-left: 7%;
      padding-top: 5px;
      font-size: 15px;
      font-weight: bold;
}

    .wrapper_seconds #pop-katastimata .price_info span{ 
      color: grey;
      font-weight: normal;
      font-size: 13px;
    }


    #header-items ul.rig li {
      width: 33%; /* this value + 2.5 should = 25% */
    }
  
.arxiki .header-menu{
  top: 50px!important;
  right: 50px;
}

.page-title {
    font-size: 20px!important;
    margin-bottom: 29px!important;

}
.eshops-title, .popular-title {
    font-size: 17px!important;
    margin-bottom: 29px!important;
}

.wrapper_seconds #categories{
    margin-bottom: 75px;
}

.wrapper_seconds #pop-eshops{
    margin-bottom: 45px;
}

.wrapper_seconds #pop-katastimata{
    margin-bottom: 125px;
}

  .wrapper_seconds ul.rig li .cat-infos {
      height: 80px;
      float: left;
      position: relative;
    } 



/*                    TETARTES                  */
/*                    TETARTES                  */
/*                    TETARTES                  */



 .business_results ul.rig {
   margin-left: 5px!important; /* should match li left margin */
   background: white;
  /* float: left;*/
   width: 100%;
   padding-top: 20px;
    }

  .business_results ul.grid-nav li {
    display: block;
  }
  .business_results ul.grid-nav li a {
    display: block;
  }

  .business_results ul.rig > li {
    width: 95% !important; /* over-ride all li styles */
    height: 145px;
  }

  .business_results ul.rig > li .img img {
    height: 100px;
    width: 100px;
    margin: 0 0 10px;
    margin-top: 15px;
    margin-left: 15px;
    border-radius:50%;

}

  .business_results ul.rig li .cat-infos {
      height: 130px;
      float: left;
      position: relative;
      width: 160px !important;
      margin-left: 10px;
    } 

#rate_tab  .business_results ul.rig li .cat-infos {
      width: 140px !important;
}
.business_pic{
  width: 120px;
  float: left;
}

#paym_tab .business_results ul.rig > li:first-child  .cat-infos{
  width: 280px!important;
}


#paym_tab .price, #paym_tab .price_after, #paym_tab .price_compl{
  width: 125px!important;
}

.liksi_paketou, .katastasi_paketou {
    width: calc( (100% - 415px)/2 ) !important;
    height: 145px;
}


.grid_it2{ 
  float:left;
  position: relative;
  width: 18% !important;
  margin-left: 1%;
  margin-right: 1%;
}


.pempth .business_pic{
width: 100px;
float: left;
margin-left: 40px;

}

.business_results .cat-infos .name{
  font-size: 16px!important;
    outline: 0;
    float: left;
    margin-top: 20px;
}

.business_results .cat-infos .name:hover{
  color: #337ab7;
  text-decoration: underline;
}

.business_results .cat-infos .location, .business_results .cat-infos .per_name, .business_results .cat-infos .formal{
  font-size: 13px!important;
  float: left;
  margin-top: 5px;
  width: 100%;
}



.bussiness-infos {
    width: calc(90% - 290px); 
    margin-top: 17px;
    position: relative;
    float: left;
}

#fav_tab .bussiness-infos {
    width: calc(90% - 290px); 
}
    
    
.bus-spec strong {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 8px;
    color: #666;
}
.bus-spec {
  text-align: center;
    font-size: 20px;
    display: block;
    float: left;
    padding-left: 13px;
}

.bus-spec.distance span{
  font-size: 17px;
}

.price{
  width: 10%!important;
}

.bussiness-infos > ul{
 overflow-x: hidden;
 overflow-y: hidden;
 max-height: 50px;
}


.tooltip-container {
  height: 34px;
}

#checked_filters {
    padding-bottom: 25px;
}

.business_results ul.rig li .bus-spec img {
    height: 18px;
    width: 25px;
    margin: 0px;
} 

.item-tooltip {
    position: absolute;
    opacity: 0;
    right: 50px;
    top: 20px;
    width: 320px;
    pointer-events: none;
    background: #fff;
    padding: 20px;
    border: 1px solid #dfdfdf;
    z-index: 6;
    border-radius: 4px;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.tooltip-container:hover .item-tooltip {
    opacity: 1;
}
.item-tooltip h2 {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 5px;
}
.item-tooltip .tooltip-text {
    width: 180px;
    float: left;
}

#cd-distance ul {
    width: 92%;
    margin-left: 4%;
}

#cd-distance li {
  width: 20%;
}

.tetarth .item-tooltip img , .user_prof .item-tooltip img{
    width: 92px !important;
    height: 50px !important;
    margin-top: 10px !important;
    float: right;
    margin-left: 5px !important;
}

.bus_dets {
    font-size: 13px;
    text-align: left;
    clear: both;
    color: grey;
    width: 90%;
    margin-left: 5%;
}
.bus_dets .bus_det::after {
    content: ', ';
}
.bus_dets .bus_det:last-child::after {
    content: '';
}


.cat-infos .bus_dets{
  display: none;
}

/*       gia to profile_user                 1050 - 1290    */

/*       gia to profile_user                     */


/*       gia to profile_user                     */



      .curr_user{
          max-width: 255px;
          background: white;
          position: absolute;
          padding: 40px 20px 20px;
          border: 1px solid gainsboro;
          z-index: 5;
          top: 50px;
         text-align: center;
        }

      .account-header {
          height: 120px;
          background: #BECCD5;
      }


      .avatar-box {
          width: 100px;
          height: 100px;
          line-height: 92px;
          margin-bottom: 34px;
          display: inline-block;
          position: relative;
          border: 2px solid gainsboro;
          border-radius: 50%;
          background: white;
      }


      .user_prof #gym_infos_tab .avatar-box {
          margin-left: 110px!important;
          margin-top: 30px!important;
      }

      .user_prof #gym_infos_tab .fileUpload, #gym_infos_tab .fileChange {
          margin-left: -95px!important;
      }      

      #prof_tab #save_button_wrapper, #change_pass #save_button_wrapper, #address_tab #save_button_wrapper {
          position: absolute;
          right: 0px;
          bottom: 0px;
      }


      .curr_user .username {
          position: absolute;
          white-space: nowrap;
          left: 318px;
          top: 5px;
          font-size: 30px;
          color: white;
          margin: 10px 0 20px;
      }


      .profinfos .date {
          color: black;
      }   

      .left_menu {
          background: white;
          border-bottom: 1px solid gainsboro;
          position: relative;
          width: 100%;
          top: auto;
          padding: 0;
          margin-bottom: 40px;
          z-index: 3;
          margin-top: -40px;
          min-height: 60px;
          -webkit-transform: translatex(0);
          -ms-transform: translatex(0);
          transform: translatex(0);
          transition: -webkit-transform .5s linear;
          transition: transform .5s linear;
          transition: transform .5s linear, -webkit-transform .5s linear;
      }  

      .user_prof .left_menu{
          display: none;
      }

      .left_menu > ul > li.prof_dropdown {
          position: relative;
          display: inline-block;
          padding-top: 24px;
          cursor: pointer;
          float: left;
          width: 20%;
           text-align: center;
           height: 59px;
          
      }

      .left_menu a.active::before, .left_menu .prof_dropdown.active::before {
          position: absolute;
          left: 18px;
          right: 18px;
          bottom: 0;
          content: '';
          height: 2px;
          border-radius: 15px 15px 0 0;
      }    

      .left_menu ul > li ul {
          display: none;
      }

      .left_menu ul > li:hover ul {
          white-space: nowrap;
          display: block;
          position: absolute;
          background-color: white;
          border: 1px solid gainsboro;
          border-radius: 2px;
          top: 50px;
          left: 20px;
          z-index: 1;
          width: 100%;
          padding: 0;
      }      


.left_menu ul ul > li {
    font-size: 14px;
    color: black;
    height: 40px;
    line-height: 3;
  }

.user_prof .left_menu .basic.prof_dropdown:not(:first-child)::after {
          content: '';
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #bbbbbb;
          margin-left: 5px;
          display: inline-block;
          vertical-align: middle;
} 

.user_prof .left_menu .basic.prof_dropdown:nth-child(2)::after {
          display: none!important;
} 

.user_prof .left_menu .basic.prof_dropdown:nth-child(4)::after {
          display: none!important;
} 

.bar_content{
  width: calc(100% - 300px) ;
  margin-left: 300px;
}



.favorites_tab  .business_results ul.rig {
    padding: 0;

}



.fav_buttons{
  width: 14%;
  position: relative;
  float: right;
  padding-left: 10px;
}

.user_prof .demo-wrap.upload-demo {
    margin-top: -40px!important;
}


.favorites_tab .c-std, #comment_tab, #prof_tab, #prof2_tab, #paym_tab , #address_tab, #change_pass{
    width: calc(100% - 350px);
    margin-left: 325px;
}

.favorites_tab .c-std, .notif_tab .c-std3, .notifil_tab .c-std, #orders_tab ,#points_tab{
  width: calc(100% - 350px)!important ;
  margin-left: 325px;
}

#rate_tab .c-std , #rate2_tab .c-std , #vote_tab .c-std{
    width: calc(100% - 350px);
    margin-left: 325px;
}


#rate_tab .my_rate{
    font-size: 14px;
    max-height: 70px;
    overflow: hidden;
    float: left;
width: 100%;
}

#rate_tab .bussiness-infos [class^="comment_rate"] .stable_stars{
  top: 5px!important;

}

#rate_tab [class^="comment_rate"]{
  margin-top: 25px;
}


#rate_tab [class^="comment_rate"].rate_again, #rate2_tab [class^="comment_rate"].rate_again {
    display: none;
}

#rate_tab .bussiness-infos{
  margin-top: 0px!important;
  height: 130px;
}

#rate_tab [class^="edit_comment"]{
  height: 140px;
}

#rate_tab [class^="edit_comment"] .shooting_stars{
  margin-top: 5px;
  margin-bottom: 5px;
}

#rate_tab [class^="edit_comment"] textarea{
  height: 90px;
  width: 91%;
   resize: none;
}

#rate_tab .stars_comment{
  margin-bottom: 10px!important;
}

#rate_tab .bussiness-infos {
width: calc(85% - 290px) !important;
  padding-left: 20px;
}



#rate2_tab .business_pic{
    width: 50px !important;
    height: 50px !important;
    float: left;
}

#rate2_tab .person_pic{
  width: 130px!important;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}

#rate2_tab .bussiness-infos {
    width: calc(85% - 390px) !important; 
    margin-top: 5px !important;
}


#rate2_tab .business_results ul.rig > li .business_pic .img img {
    max-width: 50px!important;
    max-height: 50px!important;
    height: 50px!important;
    width: 50px!important;
}


#rate2_tab .business_results ul.rig > li .person_pic .img img {
max-width: 130px!important;
max-height: 130px!important;
height: 130px!important;
width: 130px!important;
margin-top: 5px!important;
}

#rate2_tab  [class^="edit_comment"] input , #rate_tab  [class^="edit_comment"] input {
    left: 87%!important;
}

#rate_tab h4, #fav_tab h4, #rate2_tab h4{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 35px;
  margin-left: -40px;
}


#paym_tab .pay_icons{
  float: left;
  width: calc(100% - 280px);
}

#paym_tab .pay_select{
  float: left;
  width: 140px;
}

.pay_select select {
  width: 120px;
  margin-left: 10px;
  margin-top: 8%;
}


#paym_tab .pay_inputs{
  float: left;
  width: 140px;
}


#paym_tab .pay_inputs input{
  margin-left:  10px;
  margin-top: 8%;
}



/*profile user 1050 -1290*/

.user_prof .comment_action {
    float: right;
    font-size: 18px;
    width: 15%;
    height: 145px;
    box-shadow: -5px 0 5px -5px #ddd;
}

.user_prof .comment_action .comment_ed, .user_prof .comment_action .comment_del, .user_prof .comment_akir {
    float: left;
    margin-top: 30px;
    margin-left: 12%;
}

.notif_rig .business_pic{
  width: 60px;
}

.notif_infos{
    width: calc(100% - 80px);
    margin-left: 80px;
}

.notif_infos .business_pic{
    top: 50%;
    margin-top: -30px;
    margin-left: -80px;
}


/*upload photo section*/
/*upload photo section*/
/*upload photo section*/

#submitPhoto .container {
    width: 80%!important;
    margin-left: 10%!important;
}


/*upload photo section 1290 - 1050*/
/*upload photo section*/
/*upload photo section*/


/*become member section 1290 - 1050*/
/*become member section*/
/*become member section */

/*#member_infos_tab h6 {
    width: 400px!important;
}*/

/*become member section  1290 - 1050*/
/*become member section */
/*become member section */


/*edit prof section*/
/*edit prof section*/
/*edit prof section*/
.left_menu .edit_info{
    margin-top: 0px!important;
}


.edit_info.left_menu{
    margin-top: 0px!important;
    margin-bottom: 0px;
    position: fixed;
    top: 86px;    
}

.scrollare .edit_info.left_menu {
    top: 55px!important;
}

.sppb-container_2.edit_prof .bar_content, .sppb-container_2.user_pub .bar_content {
  width: 100%!important ;
  margin-left: 0px!important;
  padding-left: 0;
}

.sppb-container_2.edit_prof .left_menu ul > li.prof_dropdown {
    width: 9.09%!important;
}

.edit_prof .left_menu a.active::before, .left_menu .prof_dropdown.active::before {
    left: 0px!important;
    right: 0px!important;
}  


#prof2_tab .c-std , #paym_tab .c-std{
    width: 100%;
}

 #gym_infos_tab .gym_infos li{
  width: 40%;
margin-left: 10%;
float: left;
font-weight: 900;

}


.user_prof .demo-wrap.upload-demo button {
    margin-left: 5%!important;
}

.user_prof  .demo-wrap a.btn, .user_prof  .demo-wrap button {
    padding: 6px 10px!important;
}

      #gym_infos_tab .gym_infos li select{
        width: 99%;
        margin-left: 1%;
        font-size: 12px;
      }


#gym_infos_tab ul.gym_infos li input{
width: 100%;
margin-top: 11px;
}

.gallery_details{
margin-left: -20px;
}

.gallery_details #profile_img {
    float: left;
    margin-left: calc(50% - 140px);
    height: 220px;
    width: 280px;
}


#gym_contact_tab .gym_contact,  #gym_contact_tab .gym_social{
  width: 45%;
  float: left;
margin-left: 5%;
padding-bottom: 30px;
}

#gym_contact_tab .gym_contact li{
width: 70%;
float: left;
margin-left: 20%;
padding-bottom: 25px;

}

#gym_contact_tab .gym_contact input, .gym_social input{
  width: 80%;
}
#gym_contact_tab .gym_social li{
width: 70%;
float: left;
margin-left: 20%;
padding-bottom: 25px;
}


.gym_desc{
float: left;
width: 60%;
height: 160px;
margin-left: 20%;

}


.grid_it{ 
  float:left;
  margin: 15px;
  width: 40%!important;
  margin-left: 5%;
}


#person_preview .grid_it{
  width: 100%!important; 
}

#person_preview .croppie-container {
    width: 30%!important;
    float: left;
}

.edit_prof #personel_tab .demo-wrap a#crop_cancel {
    position: absolute;
    top: 340px;
    left: -120px;
}

.edit_prof #personel_tab .demo-wrap .actions {
    position: relative;
}


.edit_prof #personel_tab .demo-wrap button {
    left: 12%;
    top: 340px !important;
    margin: 0px !important;
    position: absolute !important;
}


.edit_prof #personel_tab .personnel_infos{
  float: left;
  width: 30%;
}

.edit_prof #personel_tab [class^="personnel_social_"] {
  float: left;
  width: 30%;
}

.edit_prof #personel_tab .personnel_infos h4 , .edit_prof #personel_tab .gym_social h4{
    text-align: center;
}

.edit_prof #personel_tab .image_wrapper {
    float: left;
    width: 30%;
}

.edit_prof #personel_tab .demo-wrap a#crop_start {
    margin-left: calc(-15% - 41px) !important;
    margin-right: 0px!important;
    margin-top: 0px!important;
}

.edit_prof #personel_tab .img_preview, .edit_prof #personel_tab .img_p  {
    height: 250px !important;
    width: 250px !important;
    margin-left: calc(50% - 125px);
}


.edit_prof #personel_tab #person_preview input[type="text"]{
    margin-left: 10%;
}

#edit_profile_wrapper .gym_social input{
  width: 80%;
}

.gym_gallery #gallery_photo_preview #person_fields{
    margin-left: 15%!important;
}
/*edit info*/
/*edit info*/
/*edit info*/
.left_menu-toggler{
  display: none;
}

.rest_fil li, .pop_fil li {
    float: left;
    width: 25%;
}

/*edit business profile 1050- 1290*/
/*edit business profile*/
/*edit business profile*/

.sppb-container_2.edit_prof .left_menu ul > li.keys_tab_tablet{
  padding-top: 15px!important;
}


.edit_prof .gallery_details {
  float: right!important;
}

.edit_prof .gallery_details #profile_img {
    float: right !important;
    margin-right: calc(50% - 125px);
    height: 250px;
    width: 250px;
    margin-top: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.profile_image_wrapper .btn {
    margin-top: 30px;
}

#personel_tab .gym_social ul li {
width: 98%;
float: left;
margin-left: 2%;
padding-bottom: 25px;
}


#event_tab .event_typ, #event_tab .event_til{
    float: left;
    width: 50%;

}
 #event_tab .event_til input, #event_tab .event_typ select{
  width: 90%;
 } 

#event_tab .event_descr,  #event_tab .event_da, #event_tab .event_cost , #event_tab .event_infos {
   float: left;
  width: 90%;
  margin-left: 5%;
  padding-top: 20px;
}

#event_tab .event_cost {
  padding-top: 0px!important;
}

 #event_tab .event_da [id^="event_date_type"],#event_tab .event_cost [id^="event_price_type"]{
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
 }

 #event_tab .event_da .event_days,  #event_tab .event_cost .event_with_price{
  width: 50%;
  float: right;
  margin-top: -20px !important;
 }

.event_da .event_one_day{
  float: right;
  width: 40%;
  margin-top: -20px !important;
}


 #event_tab .event_da .event_days p{
  width: 48%;
  float: left;
 }

 #event_tab .event_da .event_days p:first-child{
  margin-right: 2%;
 }

  #event_tab .event_da .event_days p:last-child{
  margin-left: 2%;
 }


  #event_tab .event_da .event_days input {
  width: 100%!important;
 }

 #event_tab .event_cost .event_with_price input{
  width: 45%!important;
  float: left;
  margin-right: 5%;
}

 #event_tab .event_cost .event_with_price select{
  width: 45%!important;
  float: left;
  margin-left: 5%;
}


 #event_tab .event_prog select[id^="event_schedule_type"]{
  margin-left: 5%!important;
 }

 #event_tab #event_listed_programms{
  float: left;
  width: 100%;
 }

 #event_tab #event_listed_programms select[id^="event_category"]{
  width: 45%!important;
  margin-right: 5%!important;

 }

 #event_tab #event_listed_programms [id^="event_list"]{
     float: left;
    margin-top: 8px;
    width: 45%;
}

#event_tab [class^="event_form"] span{
  display: block;
}

#event_tab .event_times{
width: 95.5%;
float: left;
margin-left: 1%;
}


#event_tab [id^="event_schedule"] .checkbox-grid{
  float: left;
  width: 100%;
}


#event_tab .event_schedule_show [id^="event_schedule_output"] .event_schedule {
    border: 1px solid;
    width: 100%;
    margin: 5px;
    height: 275px;
}

.gym_persons #person_preview .tooltip-container .item-tooltip {
    position: fixed;
    left: 50%;
    top: 50px;
    margin-left: -160px;
}
.gym_persons #person_preview .tooltip-container .item-tooltip h2 {
    float: left;
    width: calc(100% - 160px);
}

.gym_persons #person_preview .tooltip-container .item-tooltip img {
    width: 150px !important;
    height: 150px !important;
    margin-top: 10px !important;
    float: right;
}

.edit_prof #keys_tab .tooltip-container .item-tooltip {
    width: 420px;
}

.edit_prof #keys_tab .item-tooltip img {
    width: 100% !important;
    height: 140px !important;
    margin-top: 10px !important;
    float: right;
    margin-left: 5px !important;
}


#personel_tab #person_preview .tooltip-container{
  margin-left: calc(40% - 42px) !important;
  width: 85px;
  margin-top: 10px;
}


#schedule_tab .checkbox-grid li{
  float: left;
}

#schedule_tab .checkbox-grid li:first-child{
  width: 115px;
}

#schedule_tab .checkbox-grid li:not(:first-child){
  width: calc(100% - 115px);
}

#gym_infos_tab #edit_business_map{
  height: 280px!important
}

.timetable_days{
  float: left;
  width: 50%!important;
}


/*edit business profile*/
/*edit business profile*/
/*edit business profile*/


.pempth .my_comment .comment_akir{
  position: absolute;
  right: 15px;
  bottom: 100px;
}


.pempth .my_comment input.comment_pub {
    position: absolute;
    top: 128px;
    right: 5px;
    font-size: 15px;
    background: none;
    padding: 0;
    border: none;
    color: #333;
}

.pempth .my_comment input.comment_pub:hover{
  color: #C40F39;
}

   .seealso .slider-item .slider-content {
    height: 160px !important;
    margin: 0 auto;
    padding-top: 15px;
  }    

 .seealso .slider-item .slider-content img{
      width: 125px !important;
      height: 125px!important;
}

.sppb-col-sm-4 .slider-item{
    width: 100%;
    float: left;
    height: 230px;
}

 .seealso .slider .hover_info {
    padding: 5px 10px 0;
}

/*job_offers*/
/*job_offers*/
/*job_offers*/



.job_offers .basic_job_info, .order_conf .basic_order_info{
width: 60%;
float: left;
margin-left: 18%;
background: white;
margin-left: 20%;
padding-left: 10%;
padding-right: 10%;
border-radius: 10px;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;

}


/*job_offers*/
/*job_offers*/
/*job_offers*/
.members_terms_form
{
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
}

.bot-sp-module {
    top: 260px;
}  


}
 

    @media only screen and (min-width : 1290px) {

    
     .sppb-container_2{

       width: 1330!important;

     }


      /* Medium desktop: 4 tiles */


.header-seacrhw{

  width: 700px;

}
    .page-title, .eshops-title, .popular-title {
    font-size: 26px;
    margin-bottom: 22px;
    color: inherit;
    margin-left: 20px;
    font-family: Helvetica, Arial, sans-serif;
    }
 
    .page-title{
    margin-top: 2%;
    }
    
.arxiki .header-menu{
  top: 50px!important;
  right: 50px;
}


.slick-slide img{
  height: 267px;
}

    .sppb-container_2.arxiki .slick-prev,  .sppb-container_2.arxiki .slick-next{
      height: 267px;
    }


.wrapper_seconds #categories{
    margin-bottom: 75px;
}

.wrapper_seconds #pop-eshops{
    margin-bottom: 45px;
}


   #categories ul.rig > li {
      width: 20%; 
      height: 360px;
    }
  
  ul.rig li .cat-infos {
      min-height: 65px;
      float: left;
    } 
   .wrapper_seconds ul.rig li img {
    height: 250px;
    margin-top: 15px;
    margin-bottom: 13px;
    }
    

     #pop-eshops ul.rig li {
      width: 16.66%; 
    }
    #pop-eshops ul.rig li img{
      height: 110px;
    }
    #pop-katastimata ul.rig li {
       width: 16.66%;  
       height: 290px;
       position: relative;
    }
    #pop-katastimata ul.rig li img{
     height: 130px;
     width: 130px;
     border-radius: 50%;
    }  


    .wrapper_seconds #pop-katastimata .price_info{ 
      float: left;
      margin-left: 7%;
      padding-top: 5px;
      font-size: 15px;
      font-weight: bold;
}

    .wrapper_seconds #pop-katastimata .price_info span{ 
        color: grey;
        font-weight: normal;
        font-size: 13px;
}


    #header-items ul.rig li {
      width: 33%; /* this value + 2.5 should = 25% */
      height: 145px;
      background: none;
    }
    #header-items ul.rig li img{
      width: 80%;
      margin: 0 auto;
      height: 100px;
      padding-top: 20px;

    }



/*                    TETARTES                  */
/*                    TETARTES                  */
/*                    TETARTES                  */

.bc{
  margin-left: -60px;
  margin-top:30px;
  padding-bottom: 50px;
}



 .business_results ul.rig {
   margin-left: 5px!important; /* should match li left margin */
   background: white;
   width: 100%;
   padding-top: 20px;
    }

  .business_results ul.grid-nav li {
    display: block;
  }
  .business_results ul.grid-nav li a {
    display: block;
  }
  .business_results ul.rig > li {
    width: 95% !important; /* over-ride all li styles */
    height: 145px;
  }

  .business_results ul.rig > li .img img {
    max-width: 110px;
    max-height: 110px;
    height: 110px;
    width: 110px;
    margin: 0 0 10px;
    margin-top: 15px;
    outline: 0;
    border-radius:50%;
    border-radius: 50%;

}

.business_results ul.rig li .cat-infos {
  height: 130px;
  width: 250px;
  padding-left: 20px;
}

#paym_tab .business_results ul.rig li .cat-infos {
  width: 230px;
}
.business_results .rating {
    left: 115px!important;
    bottom: 0px!important;
  }


.business_pic{
  width: 110px;
  float: left;
  height: 110px;
  border-radius: 50%;
  margin-left: 20px;
}


.notif_rig .business_pic{
  width: 60px;
}

.notif_infos{
    width: calc(100% - 80px);
    margin-left: 80px;
}

.notif_infos .business_pic{
    top: 50%;
    margin-top: -30px;
    margin-left: -80px;
}

.bussiness-infos > ul{
 overflow-x: hidden;
 overflow-y: hidden;
 max-height: 50px;
}

.pempth .business_pic{
width: 100px;
float: left;
margin-left: 40px;

}

.pempth .my_comment .comment_akir{
  position: absolute;
  right: 15px;
  bottom: 100px;
}


.pempth .my_comment input.comment_pub {
    position: absolute;
    top: 128px;
    right: 5px;
    font-size: 15px;
    background: none;
    padding: 0;
    border: none;
    color: #333;
}

.pempth .my_comment input.comment_pub:hover{
  color: #C40F39;
}


.pempth .dropdown-content span {
    color: black;
    padding: 14px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    float: left;
    width: 100%;

}

.pempth .dropdown-content span:hover {
    background-color: #c7254e;
    color: white;

}
.business_results .cat-infos .name{
  font-size: 16px!important;
    outline: 0;
    float: left;
    margin-top: 10px;
}

.c-std .cat-infos{
      width: 20%;
}

.business_results .cat-infos .name:hover{
  color: #337ab7;
  text-decoration: underline;
}

.business_results .cat-infos .location, .business_results .cat-infos .per_name, .business_results .cat-infos .formal{
  font-size: 13px!important;
  float: left;
  margin-top: 5px;
  width: 100%;
}

.business_results .cat-infos .rating, .business_results .cat-infos .rating_star {
  font-size: 13px!important;
    float: left;
    margin-top: 70px;
    padding-right: 2px;
}

.bussiness-infos {
    width: calc(85% - 390px);
    margin-top: 17px;
    position: relative;
    float: left;
    margin-left: 10px;
}

#rate_tab .bussiness-infos {
  margin-left: 0px;
  width: calc(85% - 380px);
}

.bus-spec strong {
    display: block;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 8px;
    color: #666;
}
.bus-spec {
  text-align: center;
  margin-right: 19px;
    font-size: 20px;
    display: block;
    float: left;
}

.bus-spec.distance span{
  font-size: 17px;
}

.bus_price{
  float: right;
}

#checked_filters {
    padding-bottom: 25px;
}


.business_results ul.rig li .bus-spec img {
    height: 18px;
    width: 25px;
    margin: 0px;
} 

.item-tooltip {
    position: absolute;
    opacity: 0;
    right: 50px;
    top: 20px;
    width: 320px;
    pointer-events: none;
    background: #fff;
    padding: 20px;
    border: 1px solid #dfdfdf;
    z-index: 6;
    border-radius: 4px;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}

.tooltip-container:hover .item-tooltip {
    opacity: 1;
}

.item-tooltip h2 {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 5px;
}
.item-tooltip .tooltip-text {
    width: 180px;
    float: left;
}

.item-tooltip img {
    width: 70px !important;
    height: 50px !important;
    margin-top: 10px !important;
    float: right;
    margin-left: 5px !important;
}

.edit_prof .item-tooltip img {
    width: 100% !important;
    height: 140px !important;
    margin-top: 10px !important;
    float: right;
    margin-left: 5px !important;
}


#cd-distance ul {
    width: 94%;
    margin-left: 3%;
}

#cd-distance li {
  width: 20%;
}


.bus_dets {
    font-size: 13px;
    text-align: left;
    clear: both;
    color: grey;
    padding-top: 25px;
}
.bus_dets .bus_det::after {
    content: ', ';
}
.bus_dets .bus_det:last-child::after {
    content: '';
}


.cat-infos .bus_dets{
  display: none;
}


/*       gia to profile_user                  1290 ++   */

/*       gia to profile_user                     */


/*       gia to profile_user                     */

.left_menu-toggler{
  display: none;
}

      .curr_user{
          max-width: 255px;
          background: white;
          position: absolute;
          padding: 40px 20px 20px;
          border: 1px solid gainsboro;
          z-index: 5;
          top: 50px;
         text-align: center;
        }

      .account-header {
          height: 120px;
          background: #BECCD5;
      }


      .avatar-box {
          width: 100px;
          height: 100px;
          line-height: 92px;
          margin-bottom: 34px;
          display: inline-block;
          position: relative;
          border: 2px solid gainsboro;
          border-radius: 50%;
          background: white;
          font-family: 'icomoon' !important;
      }

      .contest_page .avatar-box{
          width: 200px!important;
          height: 200px!important;
      }


      #gym_infos_tab .avatar-box {
          margin-left: 155px!important;
          margin-top: 30px!important;
      }

      #save_button_wrapper {
          float: right !important;
          margin-right: 8%;
      }

      #edit_profile_wrapper #save_button_wrapper {
         margin-right: 0%!important;
         margin-top: 20px;
      }



      #prof_tab #save_button_wrapper, #change_pass #save_button_wrapper, #address_tab #save_button_wrapper {
          position: absolute;
          right: 0px;
          bottom: 00px;
      }

      .user_prof #gym_infos_tab .fileUpload, #gym_infos_tab .fileChange {
          margin-left: -95px!important;
      }

      .curr_user .username {
          position: absolute;
          white-space: nowrap;
          left: 318px;
          top: 5px;
          font-size: 30px;
          color: white;
          margin: 10px 0 20px;
      }


      .profinfos .date {
          color: black;
      }   


      .sppb-col-sm-4 .slider-item {
          width: 100%;
          float: left;
          height: 290px;
      }

      .left_menu {
          background: white;
          border-bottom: 1px solid gainsboro;
          position: relative;
          width: 100%;
          top: auto;
          padding: 0;
          margin-bottom: 40px;
          z-index: 3;
          margin-top: -40px;
          min-height: 60px;
          -webkit-transform: translatex(0);
          -ms-transform: translatex(0);
          transform: translatex(0);
          transition: -webkit-transform .5s linear;
          transition: transform .5s linear;
          transition: transform .5s linear, -webkit-transform .5s linear;
      }   

      .user_prof .left_menu{
          display: none;
      }

      .left_menu > ul > li.prof_dropdown {
          position: relative;
          display: inline-block;
          cursor: pointer;
          float: left;
          width: 20%;
           text-align: center;
           height: 59px;
           line-height: 59px;
           white-space: nowrap;
          
      }

      .left_menu a.active::before, .left_menu .prof_dropdown.active::before {
          position: absolute;
          left: 18px;
          right: 18px;
          bottom: 0;
          content: '';
          height: 2px;
          border-radius: 15px 15px 0 0;
      }    


      .left_menu ul > li ul {
          display: none;
      }

      .left_menu ul > li:hover ul {
          white-space: nowrap;
          display: block;
          position: absolute;
          background-color: white;
          border: 1px solid gainsboro;
          border-radius: 2px;
          top: 50px;
          left: 20px;
          z-index: 1;
          width: 100%;
          padding: 0;
      }      

      .left_menu ul ul > li {
          font-size: 14px;
          color: black;
          height: 40px;
          line-height: 3;

      }

      .left_menu > .prof_dropdown::after {
          content: '';
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #bbbbbb;
          margin-left: 5px;
          display: inline-block;
          vertical-align: middle;
      } 
.user_prof .left_menu .basic.prof_dropdown:not(:first-child)::after {
          content: '';
          width: 0;
          height: 0;
          border-left: 4px solid transparent;
          border-right: 4px solid transparent;
          border-top: 4px solid #bbbbbb;
          margin-left: 5px;
          display: inline-block;
          vertical-align: middle;
} 


.user_prof .left_menu .basic.prof_dropdown:nth-child(2)::after {
          display: none!important;
} 

.user_prof .left_menu .basic.prof_dropdown:nth-child(4)::after {
          display: none!important;
} 


.bar_content{
  width: calc(100% - 300px) ;
  margin-left: 300px;
}

.left_menu .edit_info{
    margin-top: 0px!important;
}


.edit_info.left_menu{
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    position: fixed;
    top: 86px;    
}

.scrollare .edit_info.left_menu {
    top: 55px!important;
}


.sppb-container_2.edit_prof .bar_content, .sppb-container_2.user_pub .bar_content {
  width: 100%!important ;
  margin-left: 0px!important;
  padding-left: 0;
}

.sppb-container_2.edit_prof .left_menu ul > li.prof_dropdown {
    width: 9%!important;
}

.sppb-container_2.edit_prof .left_menu ul > li.prof_dropdown:last-child {
    width: 10%!important;
}

.edit_prof .left_menu a.active::before, .left_menu .prof_dropdown.active::before {
    left: 0px!important;
    right: 0px!important;
}  

#sp-header {
    height: 92px!important;
}
#sp-header.sp-header-member {
    height: 90px !important;
    box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}


.scrollare #sp-header {
    height: 60px!important;
}

.scrollare .top_sub_menu {
    display: none!important;
      }





 

      .top_sub_menu ul > li:hover ul {
        background: white;
      }      

      .top_sub_menu a {
        float: left;
        width: 100%;
        font-size: 14px;
        color: black;
        white-space: nowrap;
      }

      .top_sub_menu ul > li:hover {
          color: white;
          background-color: #C40F39;
      }

      .top_sub_menu ul > li li:hover {
          background-color: inherit!important;
      }

      .top_sub_menu h4{
        display: none;
      }

    
    .main_catg:hover, .top_menu_more:hover{
      color:#fff;
    }

.bar_content{
  width: calc(100% - 300px) ;
  margin-left: 300px;
}


.fav_buttons{
  width: 15%;
  float: right;
}


.favorites_tab .c-std, #rate2_tab .c-std, #prof_tab, #change_pass, #address_tab, #prof2_tab, #paym_tab, #rate_tab .c-std, #orders_tab,#points_tab,#vote_tab .c-std ,.notifil_tab .c-std, .notif_tab .c-std3 {
  width: calc(100% - 350px) ;
  margin-left: 325px;
}

.prev_tab, .cur_tab {
  width: calc(100% - 350px) ;
  margin-left: 325px;
}

.user_prof .demo-wrap.upload-demo {
    margin-top: -40px!important;
}

#rate2_tab .bussiness-infos {
    width: calc(85% - 500px) !important; 
    margin-top: 5px!important;
}


#rate2_tab [class^="edit_comment"] input , #rate_tab [class^="edit_comment"] input{
    right: 22px!important;
}

#rate2_tab .edit_comment .stars_comment img{

}

#rate2_tab .comment_rate, #rate_tab .comment_rate {
  width: 100%!important;
}


#prof2_tab .c-std, #paym_tab .c-std{
  width: 100%;
}


#fav_tab .bus-spec {
    margin-right: 9px!important;
}    

#fav_tab  .business_results ul.rig li .cat-infos {
    width: 170px !important;
}

#fav_tab .bussiness-infos {
/*    width: calc(85% - 300px)!important; /*/
}


#rate_tab .my_rate{
    font-size: 14px;
    max-height: 85px;
    overflow: hidden;
    width: 95%;
}

#rate_tab .bussiness-infos [class^="comment_rate"] .stable_stars{
  top: 5px!important;
}

#rate_tab [class^="comment_rate"]{
  margin-top: 25px;
}


#rate_tab [class^="comment_rate"].rate_again, #rate2_tab [class^="comment_rate"].rate_again {
    display: none;
}

#rate_tab .bussiness-infos{
  margin-top: 0px!important;
  height: 130px;
}

#rate_tab [class^="edit_comment"]{
  height: 140px;
}

#rate_tab [class^="edit_comment"] .shooting_stars{
  margin-top: 5px;
  margin-bottom: 5px;
}

#rate_tab [class^="edit_comment"] textarea{
  height: 90px;
  width: 91%;
   resize: none;
}

#rate_tab .stars_comment{
  margin-bottom: 10px!important;
}

.liksi_paketou, .katastasi_paketou {
    height: 145px;
}

#rate2_tab .business_pic{
    width: 50px !important;
    height: 50px !important;
    float: left;
}

#rate2_tab .person_pic{
  width: 130px!important;
  float: left;
  margin-left: 20px;
  margin-right: 20px;
}


#rate2_tab .business_results ul.rig > li .business_pic .img img {
    max-width: 50px!important;
    max-height: 50px!important;
    height: 50px!important;
    width: 50px!important;
}


#rate2_tab .business_results ul.rig > li .person_pic .img img {
max-width: 130px!important;
max-height: 130px!important;
height: 130px!important;
width: 130px!important;
margin-top: 5px!important;
}

#rate_tab h4, #fav_tab h4, #rate2_tab h4{
  position: absolute;
  width: 100%;
  text-align: center;
  top: 35px;
  margin-left: -40px;
}


#paym_tab .pay_icons{
  float: left;
  width: calc(100% - 300px);
}

#paym_tab .pay_select{
  float: left;
  width: 150px;
}

.pay_select select {
  width: 130px;
  margin-left: 10px;
  margin-top: 35px;
}


#paym_tab .pay_inputs{
  float: left;
  width: 150px;
}


#paym_tab .pay_inputs input{
  margin-left:  10px;
  margin-top: 35px;
}

.rest_fil li, .pop_fil li {
    float: left;
    width: 25%;
}


/*edit info 1290++*/
/*edit info*/
/*edit info*/


#gym_infos_tab .gym_infos li{
  width: 40%;
margin-left: 10%;
float: left;
font-weight: 900;
height: 80px;

}

      #gym_infos_tab .gym_infos li select{
        width: 80%;
        margin-left: 0%;
        font-size: 12px;
      }

#gym_infos_tab ul.gym_infos li input{
width: 80%;
margin-top: 11px;
}


.user_prof .gallery_details #profile_img {
    float: left;
    margin-left: calc(50% - 150px);
    height: 250px;
    width: 300px;
}


.gym_desc{
float: left;
width: 60%;
height: 160px;
margin-left: 20%;

}

.grid_it{ 
  float:left;
  margin-top: 15px;
width: 30% !important;
margin-left: 3%;
}

.grid_it2{ 
  float:left;
  position: relative;
  width: 18% !important;
  margin-left: 1%;
  margin-right: 1%;
}

#person_preview .grid_it{
  width: 100%!important; 
}

#person_preview .croppie-container {
    width: 30%!important;
    float: left;
}

.edit_prof #personel_tab .demo-wrap a#crop_cancel {
    position: absolute;
    top: 340px;
    left: -120px;
}

.edit_prof #personel_tab .demo-wrap .actions {
    position: relative;
}


.edit_prof #personel_tab .demo-wrap button {
  left: 155px;
  top: 340px !important;
  margin: 0px !important;
  position: absolute !important;
}


.edit_prof #personel_tab .personnel_infos{
  float: left;
  width: 30%;
}

.edit_prof #personel_tab [class^="personnel_social_"] {
  float: left;
  width: 30%;
}

.edit_prof #personel_tab .personnel_infos h4 , .edit_prof #personel_tab .gym_social h4{
    text-align: center;
}

.edit_prof #personel_tab .image_wrapper {
    float: left;
    width: 30%;
}

.edit_prof #personel_tab .demo-wrap a#crop_start {
    margin-left: calc(-15% - 41px) !important;
    margin-right: 0px!important;
    margin-top: 0px!important;
}

.edit_prof #personel_tab .img_preview, .edit_prof #personel_tab .img_p {
    height: 250px !important;
    width: 250px !important;
    margin-left: calc(50% - 125px);
    margin-right: 0px !important;
}


.edit_prof #personel_tab #person_preview input[type="text"]{
    margin-left: 10%;
}

#edit_profile_wrapper .gym_social input{
  width: 80%;
}


.gym_gallery #gallery_photo_preview img.thumb {
  width: 18%;
  margin-left: 1%;
  margin-right: 1%;
}



#personel_tab #person_preview .tooltip-container{
  margin-left: 22.5% !important;
  width: 85px;
  margin-top: 10px;
}

.gym_gallery #gallery_photo_preview #person_fields{
    margin-left: 110px!important;
}

.gym_persons #person_preview .tooltip-container {
  width: 85px;
  margin-top: 10px;
}

.gym_persons #person_preview .tooltip-container .item-tooltip h2{
  float: left;
  width: calc(100% - 160px);
}


.gym_persons #person_preview .tooltip-container .item-tooltip img {
    width: 150px !important;
    height: 150px !important;
    margin-top: 10px !important;
    float: right;
}


.gym_persons #person_preview .tooltip-container .item-tooltip {
    position: fixed;
    left: 35%;
    top: 35%;


  }


 #keys_tab .tooltip-container .item-tooltip {
    width: 420px;
  }  

.job_offers .basic_job_info, .order_conf .basic_order_info{
width: 60%;
float: left;
margin-left: 18%;
background: white;
margin-left: 20%;
padding-left: 10%;
padding-right: 10%;
border-radius: 10px;
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;

}




/*edit info*/
/*edit info*/
/*edit info*/
  

/*edit business profile max*/
/*edit business profile*/
/*edit business profile*/



.edit_prof .gallery_details {
  float: right!important;
}

.edit_prof .gallery_details #profile_img {
    float: right!important;
    margin-right: calc(50% - 125px);
    height: 250px;
    width: 250px;
    margin-top: 50px;
  border-radius: 50%;
}

.profile_image_wrapper .btn {
    margin-top: 30px;

}

#gym_contact_tab .gym_contact, #gym_contact_tab .gym_social{
  width: 48%;
  float: left;
  padding-bottom: 30px;
}

#gym_contact_tab .gym_contact{
  margin-right: 2%;
} 

#gym_contact_tab .gym_social{
  margin-left: 2%;
} 

#gym_contact_tab .gym_contact li{
width: 70%;
float: left;
margin-left: 20%;
padding-bottom: 25px;

}

#gym_contact_tab .gym_contact input, #gym_contact_tab .gym_social input{
  width: 80%;
}
#gym_contact_tab .gym_social li{
width: 70%;
float: left;
margin-left: 20%;
padding-bottom: 25px;
}


#personel_tab .gym_social ul li {
width: 98%;
float: left;
margin-left: 2%;
padding-bottom: 25px;
}


#schedule_tab [id^="sports_startTime"], #schedule_tab [id^="sports_startMinute"],#schedule_tab [id^="sports_endTime"], #schedule_tab [id^="sports_endMinute"]{
    width: 100%!important;
    height: 28px;
}

#event_tab .event_typ, #event_tab .event_til{
    float: left;
    width: 45%;
    margin-left: 5%;

}
 #event_tab .event_til input, #event_tab .event_typ select{
  width: 90%;
 } 


#event_tab .event_descr,  #event_tab .event_da, #event_tab .event_cost, #event_tab .event_prog , #event_tab .event_infos{
   float: left;
  width: 90%;
  margin-left: 5%;
  padding-top: 20px;
}

#event_tab .event_cost {
  padding-top: 0px!important;
}

 #event_tab .event_prog{
  padding-top: 0px;
}


 #event_tab .event_da [id^="event_date_type"],#event_tab .event_cost [id^="event_price_type"]{
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
  float: left;
 }

 #event_tab .event_da .event_days,  #event_tab .event_cost .event_with_price{
  width: 50%;
  float: right;
  margin-top: -20px !important;
 }

.event_da .event_one_day{
  float: right;
  width: 40%;
  margin-top: -20px !important;
}


 #event_tab .event_da .event_days p{
  width: 48%;
  float: left;
 }

 #event_tab .event_da .event_days p:first-child{
  margin-right: 2%;
 }

  #event_tab .event_da .event_days p:last-child{
  margin-left: 2%;
 }


  #event_tab .event_da .event_days input {
  width: 100%!important;
 }

 #event_tab .event_cost .event_with_price input{
  width: 45%!important;
  float: left;
  margin-right: 5%;
}

 #event_tab .event_cost .event_with_price select{
  width: 45%!important;
  float: left;
  margin-left: 5%;
}


 #event_tab #event_listed_programms{
  float: left;
  width: 100%;
 }

 #event_tab #event_listed_programms select[id^="event_category"]{
  width: 45%!important;
  margin-right: 5%!important;

 }

 #event_tab #event_listed_programms [id^="event_list"]{
     float: left;
    margin-top: 5px;
    width: 45%;
}

#event_tab [class^="event_form"] span{
  display: block;
}

#event_tab .event_times{
width: 95.5%;
float: left;
margin-left: 1%;
}


#event_tab [id^="event_schedule"] .checkbox-grid{
  float: left;
  width: 100%;
}


#event_tab .event_schedule_show [id^="event_schedule_output"] .event_schedule {
    border: 1px solid;
    width: 100%;
    margin: 5px;
    height: 250px;
}


#schedule_tab .checkbox-grid li{
  float: left;
}

#schedule_tab .checkbox-grid li:first-child{
  width: 115px;
}

#schedule_tab .checkbox-grid li:not(:first-child){
  width: calc(100% - 115px);
}


#gym_infos_tab #edit_business_map{
  height: 280px!important
}


.timetable_days{
  float: left;
  width: 50%!important;
}

   .seealso .slider-item .slider-content {
    height: 200px !important;
    margin: 0 auto;
    padding-top: 15px;
  }    

  .staff_slider .slider-item .slider-content {
    margin: 0 auto;
    padding-top: 15px;
  }   

 .seealso .slider-item .slider-content img{
      width: 155px !important;
      height: 155px!important;
}

.sppb-col-sm-4 .slider-item{
    width: 100%;
    float: left;
    height: 269px;
}

 .seealso .slider .hover_info {
    padding: 20px 15px 0;
}

/*
#event_tab .sport_formm {
    width: calc(50% - 10px)!important;
}
*/


/*edit business profile*/
/*edit business profile*/
/*edit business profile*/


.members_terms_form
{
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
}

.bot-sp-module {
    top: 260px;
}  


}
/*end of sizessssssssssssssssssssssssss*/
/*end of sizessssssssssssssssssssssssss*/
/*end of sizessssssssssssssssssssssssss*/
/*end of sizessssssssssssssssssssssssss*/




     .sppb-container_2.arxiki{

       padding-left: 0px!important;
       padding-top: 1px;
       padding-right: 0px !important;

     }

    .sppb-container_2.arxiki .slide_arxiki img{
        width: 100%;
        height: 267px;
    }



    .wrapper_seconds .busn-item-link{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 2;
    }


    .wrapper_seconds #pop-katastimata .subcats_info  h6{
        margin-top: 5px!important;
    }

 .seealso .slider-item .slider-content {
    height: 200px;
    margin: 0 auto;
}

.seealso .slider-item .slider-content img {
  border-radius: 50%;
}

.seealso .owl_slider2 .owl-prev, .seealso .owl_slider2 .owl-next{
  background-color: rgba( 242, 242, 242, 0.7 )!important;
  height: 108px;
  margin-top:85px!important;
  width: 40px;
  border: outset 1px #9B9B9B;
}

.sppb-container_2.deyteres .wrapper_seconds{
  width: 96%;
  margin-left:2%; 
}


.sppb-container_2.deyteres ul.rig li .cat-infos {
   width: 90%;
   margin-left: 7%;
}

.sppb-container_2.deyteres ul.rig li .cat-infos h4 {
    height: 40px

  }




.arxiki h5#comments_div {
    float: left;
    margin-left: 3px;
    font-size: 15px !important;
    /*margin-top: 0px;*/
  margin-top: 12px; /*Giannis Change*/
    color: black;
}


.btn3 {
  background: #c40f39;
  background-image: -webkit-linear-gradient(top, #c40f39, #db2333);
  background-image: -moz-linear-gradient(top, #c40f39, #db2333);
  background-image: -ms-linear-gradient(top, #c40f39, #db2333);
  background-image: -o-linear-gradient(top, #c40f39, #db2333);
  background-image: linear-gradient(to bottom, #c40f39, #db2333);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff!important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  float: left;

}

.btn3:hover {
  background: #db2333;
  background-image: -webkit-linear-gradient(top, #db2333, #c40f39);
  background-image: -moz-linear-gradient(top, #db2333, #c40f39);
  background-image: -ms-linear-gradient(top, #db2333, #c40f39);
  background-image: -o-linear-gradient(top, #db2333, #c40f39);
  background-image: linear-gradient(to bottom, #db2333, #c40f39);
  text-decoration: none;
}


.btn3.add_new_bus{
    width: 292px;
    margin-left: calc(50% - 146px);
    margin-top: 50px;

}

.btn3.renew_bus{
    width: 115px;
    margin-left: calc(50% - 57px);
    margin-top: 50px;
    font-size: 16px;
    cursor: pointer;

}

/*triteeeeeeeeeeeeeeeeeeeeeeeeeeees*/
/*triteeeeeeeeeeeeeeeeeeeeeeeeeeees*/
/*triteeeeeeeeeeeeeeeeeeeeeeeeeeees*/
/*triteeeeeeeeeeeeeeeeeeeeeeeeeeees*/

.wrapper_trites{
  float: left;
  padding-bottom: 30px;
}

.trites .page-title {
  margin-top: 5px!important;
  margin-left: 25px;
}

.sppb-container_2.trites{
    padding-left: 0px !important;
    padding-top: 30px;
    padding-right: 0px !important;
}

.sppb-container_2.trites ul{
  list-style: none;
  padding: 0!important;
  margin: 0!important;

}

.gym_results , .athl_results, .chor_results, .extr_results{
  float: left;
  display: inline-block;
  margin-left: 15px;
}

.sppb-container_2.trites li{
  max-height: 260px;
}


.sppb-container_2.trites ul.rig li img {
    height: 200px;
    margin-top: 5px;
    margin-bottom: 15px;
}

 .sppb-container_2.trites ul.rig li .cat-infos {
      min-height: 65px;
      float: none;
      text-align: center;
    } 
.sppb-container_2.trites .search_for{
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 24px;
    margin-left: 15px;
}

.wrapper_seconds #pop-eshops ul.rig li img {
    margin-top: 5%;
    margin-bottom: 5%;
    width: 90%;

}


/*triteeeeeeeeeeeeeeeeeeeeeeeeeeees*/
/*triteeeeeeeeeeeeeeeeeeeeeeeeeeees*/
/*triteeeeeeeeeeeeeeeeeeeeeeeeeeees*/
/*triteeeeeeeeeeeeeeeeeeeeeeeeeeees*/
/*triteeeeeeeeeeeeeeeeeeeeeeeeeeees*/



.paginate{
    position:relative;
    font-size:11px;
    text-align:center;
  }

.paginate a {
    color: black;
    display: inline-block;
    margin: 2px 2px 2px 0;
    padding: 13px 14px 13px 14px;
    text-decoration: none;
    font-size: 14px;

}

.paginate a.active {
    /*0background-color: #c7254e;*/
    color: black;
    border-radius: 5px;
    border: 1px solid #bbb;
}

.paginate a:hover:not(.active) {
    background-color: #ddd;
    border-radius: 5px;
}


.c-std, .c-std2{
    border: 1px solid #DDD;
    border-radius: 3px;
    background-color: white;
    box-shadow: 4px 4px 1px #EEE;
    padding: 17px 20px 9px;
    margin-bottom: 20px;
    float: left;
    width: calc(100% - 260px);
    position: relative;
    transition: 0.35s padding ease-out, 0.35s margin ease-out, 0.35s border ease-out;
    height: auto;
}

.c-std2{
  width: 98%;
  margin: 1%;
}


.dropbtn {
background-color: #c40f39;
color: white;
padding: 8px;
font-size: 14px;
border: none;
cursor: pointer;
border-radius: 2px;
}


.c-std .dropdown.order .dropbtn , .c-std .dropdown.iperpage .dropbtn{
  color: black;
  padding: 8px;
  font-size: 14px;
  border: 1px solid #bbb;
  cursor: pointer;
  border-radius: 5px;
  background-color: white;
  }

.dropdown.iperpage{
  position: absolute;
  right: 20px;
  bottom: 16px;

}



.dropdown {
    position: relative;
    display: inline-block;
    float: right;
    z-index: 2;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 10px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    float: left;
    width: 100%;

}

.business_results ul.rig li .bus-spec img {
    height: 18px;
    width: 25px;
    margin: 0px;
} 

.business_results ul.rig li .bus-spec.notcurrently img {
    filter: grayscale(100%);
} 



.business_results ul.rig li .bus-spec.personnel img {
    height: 18px;
    width: 18px!important;
    margin: 0px;
} 

.business_results ul.rig li .bus-spec.personnel .item-tooltip img {
        width: 30px!important;
}

.business_results ul.rig li .bus-spec.personnel .item-tooltip .tooltip-text{
  width: 220px;
}

.c-std .dropdown-content a:hover {background-color: #c7254e; color: white;}

.c-std .dropdown:hover .dropdown-content {
    display: block;
}

.c-std .dropdown:hover .dropbtn {
    background-color: #F0F0F0;
}

.c-std.dropdown:hover .dropdown-content {
    display: block;
}

.c-std .dropdown::hover .dropdown-content {
    display: block;
}

.c-std .dropdown .dropdown-content:hover {
    display: block;
}

.business_results .rating{
  position: absolute;
  bottom: 2px;
  left: 90px;
  font-size: 13px!important;

}

.business_results .stable_stars{
  position: absolute;
  bottom: 0;
}

#rate2_tab .comment_rate .stable_stars {
    position: initial!important;
}    


.business_results ul.rig li .cat-infos {
  float: left;
  position: relative;
}

.price , .user_prof .comment_action, .price_after{
    float: right;
    font-size: 18px;
    width: 15%;
    height: 145px;
/*    box-shadow: -5px 0 5px -5px #ddd;*/
}

.user_prof .comment_action .comment_ed,.user_prof .comment_action .comment_del,.user_prof  .comment_akir{
float: left;
margin-top: 30px;
margin-left: 12%;
}

.comment_action .comment_ed:hover,.comment_action .comment_del:hover, .comment_akir:hover, [class^="edit_comment"] input:hover{
  cursor: pointer;
  color: #C40F39;
}


[class^="edit_comment"] input{
position: absolute;
top: 80px;
right: -110px;
font-size: 18px;
background: none;
padding: 0;
border: none
}

.price .price_info{
  margin-top: 45px;
  text-align: center;
}

.business_results .more_info{
    position: absolute;
    top: 10px;
    right: 0px;
    cursor: pointer;
    font-size: 16px;
}

.notif_results .more_info {
    position: absolute;
    top: 55px;
    right: 18px;
    cursor: pointer;
    font-size: 16px;
}


.business_results .more_info .three_dots:hover, .notif_results .more_info .three_dots:hover {
  color: blue;
}
}

#threedot{
  width: 200px;
  text-align: center;
}

#threedot ul li {
    cursor: pointer;
    width: 190px;
    padding: 5px 0px;
}


#threedot li:first-child{
  margin-top: 10px;
}

#threedot li:hover
{
  background-color: #C40F39;
  color: white;
}


#threedot li .fas{
  font-weight: inherit;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 16px;
  width: 100%;
  padding: 10px;
}

#threedot li .fas::before {
  margin-right: 10px;
  font-size: 18px;
}

#cd-notifil .bus_pic, #cd-notif .bus_pic{
  float: left;
  width: 100%;
  margin-top: 35px;
  margin-bottom: 10px;
}

#cd-notif .bus-infos, #cd-notifil .bus-infos{
  float: left;
  width: 100%;
}

#cd-notif .bus-infos .name, #cd-notif .bus-infos .location, #cd-notifil .bus-infos .name, #cd-notifil .bus-infos .location {
  width: 100%;
  text-align: center;
  float: left;
}

#cd-notif .bus-infos .name, #cd-notifil .bus-infos .name{
  font-size: 20px;
}

#cd-notif .bus-infos .location, #cd-notifil .bus-infos .location{
  font-size: 18px;
}

#cd-notif .sel_bus_notif h4, #cd-notifil .sel_bus_notifil h4{
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

#cd-notif .bus_pic img, #cd-notifil .bus_pic img{
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

#cd-notif .bus_pic img {
    border-radius: 50%;
}

#cd-notif .sel_bus_notif li{
  float: left;
  min-width: 51%;
  margin-left: 57px;
}

#cd-notifil .sel_bus_notifil li{
  float: left;
  min-width: 51%;
  /*margin-left: 100px;*/
  margin-left: 10%;
}


#cd-notif .sel_bus_notif li label, #cd-notifil .sel_bus_notifil li label{
  max-width: 100%!important;
}

#cd-notif .go_to_notifil{
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 20px;
}

#cd-notif .go_to_notifil a{
    font-size: 15px;
    background-color: #C40F39;
    display: block;
    width: 288px;
    padding: 10px;
    color: white;
    border-radius: 2px;
    margin: 0 auto;
}

.cd-filter-modal-container .icon-arrow-left {
  display: none;
}

.price span{
  cursor:context-menu;
}

.filters{
  float: left;
  width: 245px;
  margin-left: 5px;
  margin-top: -50px;
  position: relative;
}

.filters h2 {
    margin: 0 20px 25px;
    font-size: 21px;
    line-height: 28px;
}

.filters h3 {
    margin: 0 0px 20px;
    font-size: 16px;

}


.filters h5.user_location{
    margin-top: -10px;
    cursor: pointer;
    color: #337ab7;
    width: 100%;
}

.allfilters h5.user_location{
    margin-top: 30px;
    cursor: pointer;
    color: #337ab7;
    text-align: center;
    padding-bottom: 10px;
}

.allfilters #distance_filters{
  float: none!important;
  position: relative;
  margin: 0 auto;
}

.allfilters .slidecontainer {
    width: 100%;
    margin-left: 0px!important;
}

.cleanupall, .cleanupall2{
  font-size: 14px;
  margin-left: 5px;
  width: 120px;
}

a.cleanupall:hover, a.cleanupall2:hover {
  text-decoration: underline!important;
  color: #337ab7;
}


.cf_cleanup.cleanupall{
  float: right;
  position: relative;

}

.filters .cleanup {
    margin: 0 0 0 10px;
    font-size: 14px;
    line-height: 1.3;
   
}

.showall-filters {
    float: left;
    font-size: 14px !important;
    margin-left: -28px;
    padding-bottom: 25px;
    padding-top: 10px;
    width: 200px;
    position: relative;
}

.filters .showall-filters a{
    color: #707070;
    font-size: 14px;
    margin-left: 20px;

}

.filters .showall-filters a:hover{
    color: #707070;
    font-size: 14px;

}


#programm_filters.dontshowcleanup .cleanup  {
    display: none;
}

#extra_filters.dontshowcleanup .cleanup  {
    display: none;
}

#extrapar_filters.dontshowcleanup .cleanup  {
    display: none;
}

#diamerisma_filters.dontshowcleanup .cleanup  {
    display: none;
}

#category_filters.dontshowcleanup .cleanup  {
    display: none;
}

#category_filters_Personal.dontshowcleanup .cleanup  {
    display: none;
}

#main_category_filters.dontshowcleanup .cleanup  {
    display: none;
}

#sub_category_filters.dontshowcleanup .cleanup  {
    display: none;
}

[id^="programm_filters"].dontshowcleanup .cleanup , .search_programm_filters.dontshowcleanup .cleanup  {
    display: none;
}

#area_filters.dontshowcleanup .cleanup  {
    display: none;
}

#nomos_filters.dontshowcleanup .cleanup  {
    display: none;
}

#distance_filters.dontshowcleanup .cleanup  {
    display: none;
}

.cleanupall.dontshowcleanup{
  display: none;
}

.cleanupall2.dontshowcleanup{
  display: none;
}

.dontshowFilters{
  display: none!important;
}

.dontshowFiltersmenu{
     -webkit-transform: translatex(-100%);
    -ms-transform: translatex(-100%);
    transform: translatex(-100%);
    -webkit-transition: -webkit-transform .5s linear;
    transition: -webkit-transform .5s linear;
    transition: transform .5s linear;
    transition: transform .5s linear, -webkit-transform .5s linear;
}

.filters .cleanup:hover {
    text-decoration: underline;
}

.filter_dets{
margin-left: 10px;

}

#show_infos.user_image {
  margin-top: -3px;
} 


#programm_filters, #extra_filters, #extrapar_filters, #diamerisma_filters, #category_filters, #area_filters, #nomos_filters, #distance_filters, #main_category_filters, #sub_category_filters, [id^="programm_filters"] ,.search_programm_filters,#category_filters_Personal, .need_loc {
  float: left;
  width: 220px;
  margin-left: 20px;
  position: relative;

}

.search_programm_filters #add_programm{
  margin-left: 10px;
}

.search_programm_filters #add_programm h6{
  margin-left: -10px;
}

.filters #add_programm,.filters #add_extra,.filters #add_extrapar,.filters #add_diamerisma,.filters #add_area,.filters #add_distance, .filters #add_nomos, .filters #add_category, .filters #add_scategory, .filters #add_mcategory{
  float: left;
  margin-left: 10px;
}


.filters #add_programm input,.filters #add_extra input,.filters #add_extrapar input,.filters #add_diamerisma input,.filters #add_area input,.filters #add_distance input, .filters #add_nomos input{
  display: none;
}

.user_location2{
  margin-left: 20px!important;
  margin-bottom: 20px!important;

}

.slidecontainer {
    width: 90%;
    margin-left: -10px;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

#curdis, #curdis2{
  padding-top: 10px;
}
.slider::-webkit-slider-thumb {
    border-radius: 50%;
}

.slider::-moz-range-thumb {
    border-radius: 50%;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 10.8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: white;
  border-radius: 25px;
  border: 1px solid #337ab7;
}

.barCnt {
  position: relative;
  height: 15px;
  padding: 5px 0px;
}

.barCnt .preBar {
  position: absolute;
  background-color: #337ab7;
  height: 10px;
  line-height: 10px;
  z-index: 200;
  border-radius: 3px;
  padding: 0px;
  margin: 0px;
  pointer-events: none;
}

input[type=range].colorized {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  position: absolute;
  padding: 0px;
  margin: 0px;
  cursor: pointer;
  z-index: 100;
  left: 0px;
}

input[type=range].colorized::-webkit-slider-runnable-track {
  height: 10px;
  background: white;
   border: 1px solid #337ab7;
}

input[type=range].colorized::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #337ab7;
  margin-top: -8px;
  z-index: 400;
}

input[type=range].colorized:focus {
  outline: none;
}

input[type=range].colorized:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

input[type=range].colorized::-moz-range-track {
  width: 100%;
  height: 10px;
  background: white;
   border: 1px solid #337ab7;
}

input[type=range].colorized::-moz-range-thumb {
  border: none;
  height: 26px;
  width: 26px;
  background: #337ab7;
  z-index: 400;
}

input[type=range].colorized::-moz-focus-outer {
  border: 0;
}



#cd-distance ul {
    float: left;
    margin-top: 10px;
}

#cd-distance li {
  float: left;
  text-align: center;
}

#cd-distance li input, #cd-distance li select {
  float: left;
  width: 90%;
  margin-left: 5%;
}

#cd-distance .map_in_prof .btn  {
    margin-left: calc(50% - 104px);
}

#cd-distance .map_is_ok.btn   {
    margin-left: calc(50% - 89px)!important;
}

#cd-distance .add_loc.btn  {
    margin-left: calc(50% - 120px)!important;
}

#cd-distance .for_online label{
  position: relative;
  cursor: pointer;
}

#cd-distance .for_online .title {
    position: absolute;
    top: 28px;
}

#cd-distance .for_online .bar{
  width: 20%;
}

#cd-distance .for_online {
    padding-top: 5px;
    padding-bottom: 15px;
    margin-top: 0px;
    position: relative;
}

#cd-distance h4 {
    padding-top: 10px;
    text-align: center;
    width: calc(100% - 70px);
    margin-left: 35px;
    font-size: 16px;
}

#cd-distance input[type="radio"] + label::before {
    top: -24px;
    left: -9px;
    background-color: white;
    z-index: 2;
}

#cd-distance input[type="radio"]:checked + label::after {
    left: -3px;
    top: -17px;
    z-index: 3;
}

#cd-distance label h6{
    margin-top: 3px;
    font-size: 13px;
    margin-left: -10px;
}

#cd-distance .map_in_prof{
  padding-bottom: 0px;
}

#cd-distance input[type="radio"]:checked + label h6{
  color: blue;
}

#cd-distance .newmap{
   width: 100%;
  height: 300px;
  margin-top: 45px;

}

#cd-distance .vres_thesi{
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #C40F39;
  margin-top: 20px;
}
#cd-distance .vres_thesi:hover{
  text-decoration-line: underline;
  cursor: pointer;
}

#left_filters ul li{
  position: relative;
}


#left_filters .search_programm_filters ul li.absoluteShow {
 display: block!important;
}

#left_filters ul {
  width: 100%;
}

#add_nomos .unclickable{
  display: none;
}

.all_programm_filters.allfills ul li{
  position: relative;
}

.all_programm_filters.allfills ul {
  width: 100%;
}


.all_other_programms h6 {
  display: block;
  float: left;
  width: 100%;
  text-align: center;
}

#programm_filters ul li {
    min-width: 220px;
    position: relative;
}

#category_filters ul li {
    min-width: 220px;
    position: relative;
}

.filters ul
{
list-style-type: none; 
}

.filters label:hover, .allfilters label:hover{
  cursor: pointer;
}

.filters label{
  margin-left: -10px;
}

#left_filters [class^="how_many"]{
    position: absolute;
    top: 4px;
    margin-left: 2px !important;
}

.cd-filter-modal .allfills li {
    position: relative;
}

.allfills [class^="how_many"] {
    position: absolute;
    top: 4px;
    margin-left: 11px !important;
}

#checked_filters{
  width: 90%;
}

.nores .bc, .nores .results_title, .nores #checked_filters{
  margin-left: 1%!important;
}

.cf_cleanup{
    display: inline-block;
    line-height: 28px;
    margin-bottom: 4px;
    margin-left: 12px;
    vertical-align: top;
    position: absolute;
}
.lovecraft {
    font-size: 12px;
    line-height: 26px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 4px;
    margin-left: 0;
    margin-top: 0;
    height: 28px;
    text-decoration: none;
    color: #53647a;
    border: 1px solid #dae2ed;
    background: #c40f39;
    box-sizing: border-box;
    border-radius: 4px;
    background-clip: padding-box;
    cursor: default;
}

.lovecr_x_button{
  cursor: pointer;
}

.lovecraft2 {
    font-size: 12px;

    display: inline-block;
    overflow: hidden;
    margin: 4px;
    margin-left: 0;
    margin-top: 0;
    height: 28px;
    cursor: pointer;
}

.lovecraft-body {
    /*max-width: 170px; aris dokimi */
    vertical-align: top;
    padding: 0 8px;
    line-height: 28px;
    height: 28px;
    display: inline-block;
    color: white;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
}

.lovecraft-body2 {
    color: rgb(51, 122, 183);
    margin-top: 8px;
    font-size: 14px;
    text-decoration-color: rgb(51, 122, 183);
}

.lovecraft-body2:hover {
  text-decoration-line: underline;
}

.lovecraft-tail {
    border-left: 1px solid #697b91;
    overflow: hidden;
    line-height: 26px;
    height: 28px;
    display: inline-block;
    font-weight: 600;
    position: relative;
    font-family: 'icomoon' !important;
    font-size: 16px;
}

.lovecraft-tail-item {
    padding: 0 6px;
    float: left;
    text-align: center;
    vertical-align: top;
}

.lovecraft-icon::before {
    content: '\f00d';
    color: white;
}

.kostastuff ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: white;
    -webkit-border-radius: 10px;
    border-radius: 5px;
    height: 32px;
    border: 1px solid #bbb;
}

.kostastuff li {
    float: left;
}


.kostastuff li:not(:last-child) {
  border-right:1px solid #bbb;
}


.kostastuff li span {
    display: block;
    color: black;
    text-align: center;
    padding: 8px 16px;
    text-decoration: none;
}


.kostastuff li span:active{
  text-decoration: none;
}

.kostastuff li span:focus{
  text-decoration: none;
}


.kostastuff li span:hover {
    cursor: pointer;
}

.kostastuff li:not(.active) span:hover {
    background-color: #F0F0F0;
}



.kostastuff .active {
    background-color: #F0F0F0;
}


/*
.kostastuff li.active span:hover {
    cursor: context-menu!important;
}*/

.dropdown-tail {
    display: inline-block;
    font-family: 'icomoon' !important;
    font-size: 16px;
    padding-left: 5px;
}


.dropdown-icon::before {
    content: '\f0d7';
    color: black;
}


.results_title {
    float: left;
    position: relative;
    margin-top: -50px;
    width: calc(100% - 250px);
}


.results_title span{
  font-size: 15px;
}


a .lovecraft:hover {
  cursor: pointer;
}

.page-title, .eshops-title, .popular-title {
    font-size: 24px;
    margin-bottom: 32px;
    color: inherit;
    font-family: Helvetica, Arial, sans-serif;
    margin-left: 0px;

}
 
.eshops-title, .popular-title{
  font-size: 21px;
}

div.category a.name{
  color :inherit;
  font-size: 17px;
  text-decoration: none; margin-top: 10px;
  float: left;
  padding-bottom: 5px;
  margin-left: 1px;

}
   
.category a.subcats {
    font-size: 14px;
    color: #707070;
    text-decoration-line: none;
    margin-left: 1px;
}

.category a.subcats.unclickable {
  pointer-events: none;
}
   
.avatar-box {
       font-family: 'icomoon' !important;
}

.user_prof .avatar-box:hover::after{
content: '\f030';
position: absolute;
top: 0px;
font-size: 30px;
left: 0px;
width: 100%;
border-radius: 50%;
transition: opacity .3s linear;
background: linear-gradient(to bottom, #f0e3c7 0%, #C40F39 100%);
height: 100%;
opacity: 0.5;
cursor: pointer;
}


.visible-inline-block {
  display: inline-block !important; }

.visible-block {
  display: block !important; }

#flex-nav {

  font-family: "Open Sans";
  width: 100%;
height: 60px;
  font-size: 14px;
  position: relative;
  display: -webkit-box;
  -webkit-box-direction: row;
  -webkit-box-wrap: nowrap;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  z-index: 3;
   }

.user_prof #flex-nav  {
  width: calc(100% - 300px);
  margin-left: 300px;
}


  #flex-nav.mm-legacy-color {
    background-color: #4A4D50;
    color: #ffffff; }
  #flex-nav.mm-default-color {
    background-color: #8F4848;
    color: #ffffff; }
  #flex-nav.condensed-size {
    height: 32px; }
  #flex-nav a {
    color: inherit;
    text-decoration: none; }
  #flex-nav a:hover {
    background-color: #6B3535;
    background-color: rgba(0, 0, 0, 0.25); }

/* Nav text */
.mm-text {
  -webkit-box-flex: 2;
  flex: 2; }


.mm-hide-scrollbar {
  position: relative;
  width: 100%;
  height: 60px;
  overflow: hidden;
  white-space: nowrap; }

.mm-scroll-arrows {
  float: left;
  display: none;
text-align: center;
overflow: hidden;
margin-top: 7px;
}

.mm-scroll-arrows i {
    padding: 9px 13px;
    font-size: 30px;
    height: 45px;
    width: 45px;    
}

  .mm-scroll-arrows i:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.25); }

.mm-menu-wrapper {
  float: left;
  position: relative;
  overflow: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: 60px;
  padding: 0 0 80px; }

.mm-scroll-arrows-visible {
  width: calc(100% - 105px); }

.mm-menu-items {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 30px;
  white-space: nowrap;
  display: inline-block;
  font-size: 18px;
  vertical-align: middle; }


  .mm-menu-items li {
    display: inline;
    position: relative; }
    .mm-menu-items li a {
      padding: 15px 30px;
      display: inline-block;
      vertical-align: top;
      position: relative;
       }

.mm-has-submenu.active {
  background-color: rgba(0, 0, 0, 0.75);
  display: inline-block;
  transition: background-color 1s ease; }

.mm-has-submenu.active > a {
  background-color: rgba(0, 0, 0, 0.25);
  outline: none; }

.mm-has-submenu.active > .mm-submenu {
  width: auto;
  height: auto;
  max-width: 100%;
  font-weight: 400; 
  display: flex;
  flex-direction: column;
}

.mm-has-submenu > a::after {
  content: '\f063';
  font-family: 'icomoon' !important;
  font-size: 14px;
  margin-left: 4px;
}

.mm-hide-scrollbar.active1 {
    height: 190px!important;
}

.mm-hide-scrollbar.active2 {
    height: 310px!important;
}


.mm-hide-scrollbar.active1 .mm-menu-wrapper {
    height: 210px!important
}

.mm-hide-scrollbar.active2 .mm-menu-wrapper {
    height: 330px!important
}

.mm-hide-scrollbar.active1 .mm-has-submenu.active .mm-submenu li, .mm-hide-scrollbar.active2 .mm-has-submenu.active .mm-submenu li{
  font-size: 18px!important;
}

.mm-hide-scrollbar.active1 .mm-has-submenu.active .mm-submenu li a, .mm-hide-scrollbar.active2 .mm-has-submenu.active .mm-submenu li a{
  width: 100%;
  padding: 10px 30px;
}


.mm-submenu {
  display: inline-block;
  width: 0;
  max-width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0; 
}



div.orofi {
  width: 80%;
  border-top: #c40f39 2px solid;
   margin: 0 auto; 
   padding-bottom: 7px;
}

.subcats_info{
  width: 100%;
  line-height: 14px;
  float: left;
  height: 32px;
  overflow: hidden;

}

#member_infos_tab{
  float: left;
  width: 80%;
  margin-left: 10%;
  padding-top: 20px;
  
}

  .memb_conf #member_infos_tab{
  padding-bottom: 30px;
  }

.bec_mem_intro {
  float: left;
  width: 100%;
  text-align: center;
}

.bec_mem_dare{
  float: left;
  width: 70%;
}

.bec_mem_intro img{
  float: left;
  width: 30%;
}

.become_member .member_owl {
    margin-top: 0px!important;
    padding-top: 20px;
    background: white;
    padding-bottom: 20px;
}

.why_us li{
  float: left;
  width: 33.33%;
}
  
.profile_form #member_infos_tab h3 {
  padding-bottom: 10px;
  font-size: 24px;
  color: #fff;
  text-align: center;
}

.profile_form #member_infos_tab h4 {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;

}


#member_infos_tab h6{
float: left;
width: 100%;
color: #fff;
margin-top: -5px;
}


#member_infos_tab #gym_sub, #member_infos_tab #cat_subcat{
  float: left;
  width: 45%;
}


#member_infos_tab #gym_sub{
  margin-left: 5%;
}

 #member_infos_tab #cat_subcat{
  margin-right: 5%;
 }

#member_infos_tab #gym_sub select, #member_infos_tab #cat_subcat select{
  width: 100%;
}


        .list-group-item { padding: 5px!important; border: 0px!important; }
        .pay_price { font-size: 72px; }
        .currency {
            font-size:25px;
            position: relative;
            top: -30px;
        }
        .card { 
      margin-left: 2%;
      border: 1px solid black;
      margin-top: 10px;
      margin-bottom: 10px;
      float: left;
      margin-right: 2%;
      width: 29.33%;
        }
        .card:hover {
            -webkit-transform: scale(1.05);
            -moz-transform: scale(1.05);
            -ms-transform: scale(1.05);
            -o-transform: scale(1.05);
            transform: scale(1.05);
            -webkit-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            -ms-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            cursor: default;
        }
        .card-title {
    padding-bottom: 10px;
    font-weight: bold;
    padding-top: 10px;
}

.card-block {
  background-color: white;
}

.card-block ul{
  margin-bottom: 0px;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #e6e600;;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
   


.range-slider {
  margin: 60px 0 0 0%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (600px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;

  &::-webkit-slider-thumb {
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #2c3e50 ;
    cursor: pointer;
    transition: background .15s ease-in-out;

    &:hover {
      background: #1abc9c;
    }
  }

  &:active::-webkit-slider-thumb {
    background: #1abc9c ;
  }

  &::-moz-range-thumb {
    width:  20px ;
    height:  20px;
    border: 0;
    border-radius: 50%;
    background: #2c3e50 ;
    cursor: pointer;
    transition: background .15s ease-in-out;

    &:hover {
      background: #1abc9c ;
    }
  }

  &:active::-moz-range-thumb {
    background: #1abc9c ;
  }
}


.range-slider__value {
  display: inline-block;
  position: relative;
  width: 60px !default;
  color: #fff !default;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50 !default;
  padding: 5px 10px;
  margin-left: 8px;
}

// Firefox Overrides
::-moz-range-track {
    background: #d7dcdf !default;
    border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer { 
  border: 0; 
}


/*       gia to profile_user                     */

/*       gia to profile_user                     */


/*       gia to profile_user                     */



.category_fil{
  float: left;
  width: 100%;
}

#notifil_tab ul {
  margin-bottom: 0px!important;
}

 #notifil_tab .user_location{
    cursor: pointer;
    color: #337ab7;
    width: 100%;
}

#notifil_tab .search_input{
  margin-bottom: 10px;
  margin-top: 5px;
}

#notifil_tab .search_input input{
width: 300px;
}

.rest_fil ul
{
  height: 0;
  visibility:hidden;
  opacity:0;
  transition:visibility 0s linear 0.8s,opacity 0.8s linear;
}

.rest_fil ul li{
  display: none;
}

.rest_fil.expanded ul {
  height: auto;
  visibility:visible;
  opacity:1;
  transition-delay:0s;
}

.rest_fil.expanded ul li {
  display: block;
}

#notifil_tab .category_filters{
  margin-top: 50px;
}

#notifil_tab label.user_location{
  cursor: pointer;
  color: #C40F39;
}

.rest_fil h3{
  margin-top: 0px!important;
  margin-bottom: 0px!important;
}

.rest_fil h3 label{
  font-size: 16px;
  font-weight: bold;
}

#notifil_tab li label.css-label
{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;

}



/*       gia to profile_user                     */

/*       gia to profile_user                     */

/*       gia to profile_user                     */




/*edit business profile all*/
/*edit business profile*/
/*edit business profile*/

[id^="sports_startTime"],[id^="sports_startMinute"],[id^="sports_endTime"],[id^="sports_endMinute"],
[id^="ievent_startTime"],[id^="ievent_startMinute"],[id^="ievent_endTime"],[id^="ievent_endMinute"]{
    width: 100%;
    height: 28.5px;
}


#gym_infos_tab .gym_infos li select {
    margin-top: 5px;
}

#offer_tab #offer_days, #offer_tab #offer_one_day{
  float: left;
  width: 100%;
}

#offer_tab #offer_days p{
  float: left;
  width: 47.5%;
}

#offer_tab #offer_days p input{
  width: 100%;
}
#offer_tab #offer_days p:last-child{
  margin-left: 5%;
}

 #offer_tab .offer_cost {
   float: left;
  width: 100%!important;
  margin-left: 0%!important;
}

 #offer_tab .offer_cost [id^="offer_price_type"]{
  float: left;
  width: 80px; 
 }

#offer_tab .whar_refer .help-tip::before {
    font-size: 14px;
    padding: 1px 6px !important;
    cursor: default;
    left: 1px;
    top: 4px;
}

#offer_tab .whar_refer .help-tip p, #anoun_schedule .whar_refer .help-tip p {
    left: 0px;
}

#offer_tab .whar_refer .help-tip p::before, #anoun_schedule .whar_refer .help-tip p::before {
  left : 5px;
}

 #offer_tab .offer_cost .offer_with_price{
    float: left;
    width: calc(100% - 80px);
    margin-top: -20px !important;
 }

 #offer_tab .offer_cost .offer_with_price input,  #offer_tab .offer_cost .offer_with_price select{
  float: left;
  width: 48%!important;
  margin-left: 2%;
 }


/* #offer_tab .price_grid li {
    height: 405px;
}*/

 #offer_tab  .offer_cost span{
  display: block;
 }

#anouncements_tab #anoun_days, #anouncements_tab #anoun_one_day{
  float: left;
  width: 100%;
}

.notif_tab .c-std3 {
  float: left;
  margin-bottom: 30px;
}


#anouncements_tab #anoun_days p{
  float: left;
  width: 47.5%;
  margin-bottom: 0px;
}

#anouncements_tab #anoun_days p input{
  width: 100%;
}
#anouncements_tab #anoun_days p:last-child{
  margin-left: 5%;
}

#keys_tab{
  width: 90%;
  margin-left: 5%;
}
.edit_prof h5 p{
text-align: center;
}

.sports_other{   
   padding-bottom: 13px;/*xwris ayto  ton pinei h diataksi gt den exoun personal ta custom programmata*/
}

.start_date.hasDatepicker, .end_date.hasDatepicker, .offer_start_date, .start_date , .end_date{
  cursor: pointer!important;
  background-color: #fff!important;
}


#keys_tab #search_info_keys h3{
float: left;
width: 100%;
text-align: center;
font-size: 20px;
padding-bottom: 4px;
}

#keys_tab #search_info_keys #extras_keys span, #keys_tab #search_info_keys #facilities_keys span,  #keys_tab #search_info_keys #programm_keys span{
    width: 25%;
    float: left;
}


#keys_tab ul ,#keys_tab li{
  width: 100%;
  float: left;
} 

#keys_tab #search_info_keys li h4{
  border-bottom: 1px solid #ccc;
  text-align: center;
  padding-bottom: 5px;
}

.edit_prof .error_message {
  position: absolute!important;
}

.edit_prof #gym_infos_tab .error_message{
  margin-top: -30px;
}

.edit_prof #gym_infos_tab #profile_photo_message{
  width: 100%;
  text-align: center;
 /* display: none !important; Πρέπει να προσθέστε μία φωτογραφία  μηνυμα*/
}

.edit_prof #gym_infos_tab #gym_timetable_error.error_message{
  margin-top: -15px;
}

.edit_prof #gym_contact_tab .error_message {
  margin-top: -34px;
}

.edit_prof #gym_contact_tab #gym_email_message {
  margin-top: -30px!important;
}

.edit_prof #offer_tab [id^="offer_price_value_message"]{
  margin-top: -35px!important;
}

.edit_prof #gallery_tab [id^="gallery_image_message"] {
    margin-top: -25px;
    margin-left: 50px;
}


.edit_prof #gallery_tab #save_button_wrapper{

}


.edit_prof #personel_tab .error_message {
  margin-top: 0px;
}

.edit_prof #schedule_tab [id^="sport_formm_message"] {
    position: relative !important;
    margin-bottom: -22px;
    top: 0px;
}

.edit_prof #personel_tab [id^="person_first"]{
  margin-top: 20px;
}

.gym_gallery #gallery_photo_preview #person_fields {
    display: none;
}

.gym_gallery #gallery_photo_preview img.thumb {
    float: left;
    width: 100%;
    object-fit: cover;
}

.gym_gallery #gallery_photo_preview .tooltip-container{
  float: left;
  margin-left: calc(50% - 43px);
  width: 86px;
  margin-top: 10px;
}

.edit_prof #schedule_tab .has_personal{
  float: left;
  width: 50%;
  margin-top: 5px;
}

.edit_prof #personel_tab .image_wrapper, .edit_profile_wrapper .img_prof_wrapper{
        font-family: 'icomoon' !important;
}

.edit_prof #personel_tab .demo-wrap .actions #crop_start, .edit_prof #gym_infos_tab .demo-wrap .actions #crop_start {
  display: none;
}

.edit_prof #personel_tab .image_wrapper .img_p:hover::after {
    content: '\f030';
    position: absolute;
    top: 0px;
    font-size: 30px;
    left: 0px;
    width: 250px;
    transition: opacity .3s linear;
    background: linear-gradient(to bottom, #f0e3c7 0%, #C40F39 100%);
    height: 100%;
    opacity: 0.5;
    cursor: pointer;
    height: 250px;
    margin-left: calc(50% - 125px);
    margin-top: 50px;
    text-align: center;
    line-height: 240px;
    font-size: 55px;
    max-width: 100%;
}

.edit_profile_wrapper .img_prof_wrapper:hover::after/*, .edit_profile_wrapper .img_prof_wrapper.invalid_photo::after*/ {
    content: '\f030';
    position: absolute;
    top: 0px;
    font-size: 30px;
    left: 0px;
    width: 250px;
    transition: opacity .3s linear;
    background: linear-gradient(to bottom, #f0e3c7 0%, #C40F39 100%);
    height: 100%;
    opacity: 0.5;
    cursor: pointer;
    height: 250px;
    margin-left: calc(50% - 125px);
    margin-top: 50px;
    text-align: center;
    line-height: 240px;
    font-size: 55px;
    max-width: 100%;
    border-radius: 50%;
}



.profile_overlay {
    width: 250px;
    height: 250px;
    top: 50px;
    right: calc(50% - 125px);
}


.edit_prof #schedule_tab #sports_listed_programms [id^="sports_title_message"]{
  margin-top: -20px!important;
}

.edit_prof #schedule_tab [id^="sports_title_message"]{
  margin-top: -16px;
}

.edit_prof #schedule_tab [id^="sports_startTime_message"]{
  margin-top: 40px;
}

.edit_prof #schedule_tab #sports_listed_programms{
  padding-top: 10px;
}

.edit_prof #schedule_tab .every_day{
  margin-top: 25px;
}

.edit_prof [id^="sport_formm"]{
    position: relative;
}

.edit_prof #schedule_tab #sports_listed_programms [id^="sports_category"]{
  float: left;
  width: 47%;
  margin-right: 4%;
}

.edit_prof #schedule_tab #sports_listed_programms [id^="sports_title"]{
    width: 46%;
    position: absolute;
    right: 4%;
}

#gallery_tab .error_message{
  top: 7px;
  width: 100%;
  text-align: center;
}

#schedule_tab .error_message{
  top: 12px;
}

#price_tab #price_schedule .error_message[id^="price_capacity_message_"] {
    width: 25%;
    margin-top: -35px;
}

#price_tab #price_schedule .error_message[id^="price_value_message_"] {
    width: 25%;
    margin-top: -10px;
}

#price_tab #price_schedule [id^="pricediv_list_message"].error_message{
    margin-top: -20px;
}


#price_tab #price_add_message{
  margin-top: -50px;
}

.edit_prof #price_tab [id^="price_value__message"]{
  margin-top: -55px;
}

#event_tab .error_message{
  margin-top: -40px;
}

#event_tab [id^="event_price_value_message"]{
  display: none;
}


#event_tab  [id^="event_list_message"]{
  margin-top: -15px!important;
}

#anoun_schedule  [class^="anoun_formm"]  [id^="anoun_title_message"]{
  margin-top: -35px;
} 

#user_postal_code_message{
    font-size: 12px;
}

#gallery_tab #save_button_wrapper, #personel_tab #save_button_wrapper,  #event_tab #save_button_wrapper, #offer_tab #save_button_wrapper, #anouncements_tab #save_button_wrapper, #price_tab #save_button_wrapper{
    bottom: 20px;
    position: absolute;
    right: 0px;
}

#vote_tab.not_yet #vote_pics h5, #vote_tab.not_yet #vote_pics button, #vote_tab.not_yet #vote_vids h5, #vote_tab.not_yet #vote_vids button{
  display: none;
}

 #vote_tab.its_over  #vote_pics h5,  #vote_tab.its_over  #vote_vids h5{
  display: block!important;
 }


   #vote_tab #vote_pics ul.rig li {
       width: 33.3%;  
       height: 280px;
       position: relative;
    }

   #vote_tab #vote_vids ul.rig li {
       width: 50%;  
       height: 340px;
       position: relative;
    }

   #vote_tab #vote_pics ul.rig li img{
      height: 180px;
      margin-top: 15px;
      width: 90%;
      margin-bottom: 15px;
    }  


   #vote_tab #vote_vids iframe{
      height: 240px;
      margin-top: 15px;
      width: 90%;
      margin-bottom: 15px;
    }  


#vote_tab #vote_pics ul li a .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 210px;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  -ms-opacity: 0;
  -o-opacity: 0;
  opacity: 0;
}
#vote_tab #vote_pics ul li a .overlay:before {
  content: '\f00e';
  font-family: 'icomoon' !important;
  position: absolute;
  font-size: 14px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  top: 50%;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  color: #303030;
  text-align: center;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#vote_tab p{
  text-align: center;
  font-size: 20px;
}

#vote_tab #vote_pics ul li a:hover .overlay {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}

#vote_tab #vote_pics ul li h5 , #vote_tab #vote_vids ul li h5{
    float: left;
    width: 100%;
    text-align: center;
    height: 15px;

}

#vote_tab #vote_pics button, #vote_tab #vote_vids button {
  margin: auto;
  padding: 7px;
  background-color: #C40F39;
  border-radius: 2px;
  border: none;
  color: #fff;
  -o-transition:.3s;
  -ms-transition:.3s;
  -moz-transition:.3s;
  -webkit-transition:.3s;
  font-size: 14px;
  width: 80px;
  margin-left: calc(50% - 40px);

}


#vote_tab .tooltip-container{
  position: relative;
  margin-top: -15px;
  margin-left: calc(50% + 60px);
  cursor: pointer;
  width: 5px;
  color: #C40F39;
}

#vote_tab .c-std h4{

  float: left;
width: 100%;
text-align: center;
}

.pay_icons.selected .payradio.selected {
    border: 3px dashed #ccc;
}


.map_in_prof{
  float: left;
width: 100%;
padding-bottom: 30px;
}

.gym_timetable{
    float: left;
    width: 100%;
}


.timetable_days{
  float: left;
  width: 100%;
padding-bottom: 7px;
padding-top: 7px;
}

.timetable_days th:first-child{
  width: 110px;
  float: left;
}

.timetable_days th:not(:first-child){
  width: calc(100% - 110px);
  float: left;
}

.timetable #timetable_days_1, .timetable #timetable_days_3, .timetable #timetable_days_5, .timetable #timetable_days_7{
  background: #ddd!important;
}

.timetable #timetable_days_2, .timetable #timetable_days_4, .timetable #timetable_days_6 {
  background: none!important;
}


#schedule_tab ul.testaki:nth-child(odd){
  background: #ddd!important;
}

.fa-trophy::before {
    margin-left: -4px;
}

.parenttt {
   float: left;
  padding-top: 8px !important;
  padding-bottom: 5px !important;
  width: 100%;
}

.parenttt:nth-of-type(odd){
    background-color: #ddd;
}


.timetable_days th:not(:first-child){
  width: calc(100% - 110px);
  float: left;
}

#gym_infos_tab .time_space {
    width: 30px;
    margin-top: 5px;
}

.timetable_days .start_hour, .timetable_days .end_hour, .start_minute, .timetable_days .end_minute {
  font-size: 13px;
}

.timetable_days .start_hour{
  width: calc(32% - 15px);
}
.timetable_days .end_hour{
  width: calc(28% - 15px);
}

.input-group.clockpicker {
    width: calc(50% - 15px);
    float: left;
    cursor: pointer;
}

#event_tab .event_prog select[id^="event_schedule_type"] {
    width: 300px;
}

.clockpicker input{
  width: 100%;
  height: 28.5px;
  cursor: pointer!important;
}

.start_minute, .timetable_days .end_minute {
  width: calc(20% - 15px);
}

#event_tab .parenttt li:first-child{
  width: 110px!important;
  float: left;
}

#event_tab .parenttt li:not(:first-child){
  width: calc(100% - 110px)!important;
  float: left;
}

#event_tab .parenttt.time_only li {
  margin-left: 1%;
  width: 98%!important;
}

/*edit business profile*/
/*edit business profile*/
/*edit business profile*/

@media only screen and (min-width : 866px) {
.header-seacrhw #searchform .form-field input[type="text"]:focus{height: 42px !important;}
.header-seacrhw #searchform .form-field input[type="text"]:hover{height: 42px !important;}


.fav_in_tab, .notif_in_tab, .user_image .notif_num, .header-menu li.headerli:first-child, .header-menu li.diverli:nth-of-type(2){
  display: none!important;
}

.icon-compass {
    font-size: 24px;
    margin-top: -5px;
}

.header-menu a.sindesi, a.ginemelos {
    font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}


#searchform .search-dir-button {
    margin-top: 5px !important;
}

.header-menu a.sindesi, a.ginemelos{color:#707070;}

.top_sub_menu ul > li li a:hover {
    background-color: #C40F39;
    color: white!important;
}

.header-menu-logged .diverli{
  margin-top: 5px;
}


.xedit_profile #sp-header{
  height:85px!important;
}

#addr_edit_small_screen {
  display: none;
}

.deyteres .owl-next, .deyteres .owl-prev {
    display: none !important;
}

.top_sub_menu ul > li li:hover {
  cursor: default!important;
}

.price_table .gray_button.for_mob{
  display: none;
}

/*
.top_sub_menu > ul > li#top_sub_dance{
  background-image: url(https://xlapatsas.gr/images/choros_icon.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  background-position: center;
}*/

.edit_prof #gym_infos_tab #profile_photo_message{
  margin-top: 30px!important;
}

.user_prof #prof2_tab .bus_online{
  position: absolute;
  right: 0px;
  top: 90px;
  width: 155px;
}

.user_prof #prof2_tab .bus_expire{

}

.upgrade_packet_small{
  display: none!important;
}

.expire_small_screen
{
  display: none!important;
}


.upgrade_packet{
  display: block!important;
}

.pempth .liga_logia{
  height: 450px;
}

#prof2_tab .price .price_info {
    margin-top: 43px!important;
}

#prof2_tab .price span{
margin-top: 70px;
display: block;
text-align: center;
margin-left: 5px;
}

#prof2_tab .bus_online a .upgrade_link{
  display: none;
}
      .top_sub_menu {
          background: white;
          border-bottom: 1px solid gainsboro;
          border-top: 1px solid gainsboro;
          height: 40px;
          margin-top: 9px;
          position: relative;
          -webkit-transform: translatex(0);
          -ms-transform: translatex(0);
          transform: translatex(0);
          transition: -webkit-transform .5s linear;
          transition: transform .5s linear;
          transition: transform .5s linear, -webkit-transform .5s linear;
          display: none;
      }   




      .top_sub_menu > ul > li.prof_dropdown {
          position: relative;
          display: inline-block;
          cursor: pointer;
          float: left;
          width: 25%;
           text-align: center;
           height: 38px;
          
      }

      .top_sub_menu > ul > li.prof_dropdown:first-child{
        display: none;
      }


      .top_sub_menu > ul > li.prof_dropdown i{
          font-size: 30px;
          line-height: 36px;
          text-align: center;
          color: lightgrey;
          margin-top: 0px;
      } 

      .top_sub_menu > ul > li.prof_dropdown:hover i{
          color: white;
      }       


      .top_sub_menu ul > li ul {
          display: none;
          position: fixed;
          top: 38px;
          padding-top: 15px;     
          left: 0%;    
          width: 100%;
            border-bottom: 1px solid #ccc;
      }

      .top_sub_menu .prof_dropdown.open ul {
          display: block!important;
      }

      .top_sub_menu ul > li ul  li a{
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 15px;
      }      


      .top_sub_menu .prof_dropdown.open ul {
          display: block!important;
      }

      .top_sub_menu ul > li ul  li a{
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 15px;
      }      

       .top_sub_menu ul > li li {
        width: 25%;
        float: left;
      }

.top_sub_menu ul .justletters{
  display: none!important;
}

     .top_sub_menu dd{
        display: block!important;
      }

      .top_sub_menu ul > li > span {
          color: #575757;
          display: block;
          line-height: 40px;
          font-size: 18px;
          font-weight: bold;
      }

      .top_sub_menu > ul > li.prof_dropdown:hover span {
          color: white;
      }  

      .top_sub_menu ul > li:hover ul {
        background: white;
      }      

      .top_sub_menu a {
        float: left;
        width: 100%;
        font-size: 14px;
        color: black;
        white-space: nowrap;
      }

      .top_sub_menu ul > li:hover {
          color: white;
          background-color: #C40F39;
      }

      .top_sub_menu ul > li li:hover {
          background-color: inherit!important;
      }

      .top_sub_menu h4{
        display: none;
      }


.allfills{
 height: calc(100% - 235px) !important;
  overflow-y: auto;
}


.user_order_paymethods label {
    width: 100%;
    border: 1px solid beige;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 35px !important;

}

.user_order_paymethods{
  padding-bottom: 15px;
}

#order_checkout {
  width: 75%;
  margin-bottom: 15px;
}


 #orders_tab table{
  width: 100%;
 }

 #orders_tab table th input{
  width: 90%;
 }


}


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




.header-seacrhw{
  width: 100% !important;margin-top: 36px !important;float: left;
  margin-left: 0!important;
}
.header-seacrhw #searchform .form-field{border: none;border-radius: 0;width: 80%; margin-top: -30px;}
.header-seacrhw #searchform .search-dir-button{height: 49px!important;;border: 0 none;margin-top: -31px !important;}


.header-menu{
  top: 11px!important;
  width: 165px!important;
}

.scrollare .header-menu{
  top: 7px!important;
}


.header-menu li:nth-of-type(1), .header-menu li:nth-of-type(3), .header-menu li:nth-of-type(5) {
    margin-top: -5px;
}

.header-menu-logged .user_image img {
    margin-top: -5px;
}

.header-menu-logged {
  right: 2%!important;
  top: 28px !important;
  width: 135px!important;
  }

.header-menu-not-logged {
  right: 2%!important;
  top: 28px !important;
  width: 135px!important;
  }

.member_header .header-menu-not-logged {
  right: 0%!important;
}


.header-menu ul .icon-search {
    color: #999999;
    font-size: 22px;
}

.owl-next, .owl-prev {
    display: none !important;
}

a.ginemelos{
  display: none;
}


.header-logo_2{
    float: left;
    margin-top: 5px;
    width: 130px;
    margin-left: 60px;
}

.member_header .header-logo_2{
  margin-left: 10px;
}

.header-logo_2 .back_logo {
    background-size: 150px 50px!important;
}    


.header-menu li a {
       font-family: 'icomoon' !important;
}

.header-menu-not-logged .compass {
    margin-top: -4px!important;
}

.header-menu li span {
    display: none;
}

.header-menu li span.jewelCount, .header-menu li span.notif_num {
    display: block!important;
}

.header-menu li span.jewelCount {
    right: 10px!important;
    top: -10px;
}

.header-menu li a.sindesi::before {
    content: '\f007';
    font-size: 23px;
}


.header-seacrhw #searchform .form-field{
width: 96% !important;
margin-left: 2%;
}

.header-seacrhw #searchform .form-field input[type="text"] {
    height: 35px!important;
}

.header-seacrhw #searchform .form-field input[type="text"]:focus{height: 35px !important;}
.header-seacrhw #searchform .form-field input[type="text"]:hover{height: 35px !important;}

.alarm.fas, .userfav.fas, .third_diver, .last_diver, .header-menu-logged .second_diver ,.sp-module.header-seacrhw{
  display: none!important;
}


#sp-header, .head-section {
    height: 60px !important;
}

 .header-logo_2 .back_logo {
    background-size: 130px 40px !important;
    height: 55px !important;
}

.scrollare  .header-logo_2 {
    width: 120px;
    height: 45px;

}

.header-logo_2 .member_back_logo {
    background-size: 190px 42px !important;
    width: 190px!important;
}

.scrollare .header-logo_2 .back_logo {
   background-size: 120px 25px !important;
   height: 45px !important;
}

.scrollare #sp-header, .scrollare .head-section {
    height: 50px !important;
}

.top_sub_menu ul > li li dd:hover {
    cursor: default!important;
}

.top_sub_menu > ul > li.prof_dropdown:hover {
    cursor: pointer;
} 


.bec_mem_dare {
    width: 100% !important;
    background-color: rgba(0, 0, 0, 0.7);
}

.bec_mem_intro .text-info, .bec_mem_intro .lead {
    color: #fff;
}

.upload_photo .bec_mem_intro .text-info, .upload_photo .bec_mem_intro .lead{
   color: #000;
}

.header-menu a.sindesi, a.ginemelos{color:#999999;}

.top_sub_menu ul > li li dd:hover {
    cursor: default!important;
}

.top_sub_menu .prof_dropdown {
    text-align: center;
}

.top_sub_menu .expanded {
    padding-bottom: 0px !important;
}

.top_sub_menu ul > li {
    font-size: 17px;
    color: white;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 35px;
    background-color: #C40F39;
}

.top_sub_menu ul ul li {
    text-align: left;
    padding-left: 5px;
    position: relative;
}

.top_sub_menu ul ul li.justletters{
  background-color: white;
}

.top_sub_menu .top_sub_gym.expanded {
    padding-bottom: 0px !important;
}

#searchform .form-field {
    width: calc(98% - 50px) !important;
}

.cd-search-modal  .close{
    top: 0px;
    position: absolute;
    right: 10px;
    font-size: 40px;
    opacity: 0.5!important;
}


.top_sub_menu .expand::before {
    font-family: 'icomoon' !important;
    content: "\f107";
    position: absolute;
    right: 15px;
    top: 10px;
    display: inline-block;
    font-size: 22px;
}

.top_sub_menu .checked::before {
    font-family: 'icomoon' !important;
    content: "\f00c";
    position: absolute;
    right: 15px;
    top: 0px;
    display: inline-block;
    font-size: 22px;
}



.top_sub_menu ul > li.notyet{
  display: none!important;
}


.cd-search-modal  .close:hover{
  opacity: 1;
}
.cd-search-modal .ui-dir-button.search-dir-button{
  width: 20px!important;
    margin-top: 4px !important;
    height: 51px!important;
}

.cd-search-modal .icon-search::before {
    font-size: 20px!important;
    margin-left: -10px!important;
}


#left_filters{
  display: none;
}

i.dir-icon-search {
    margin-left: -10px!important;
}

.lovecraft-body span{
  display: none;
}


.cd-topmenu-modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
  z-index: 9999!important;
  overflow-y: scroll;
  cursor: pointer;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  -moz-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}

.cd-topmenu-modal.is-visible{
  visibility: visible;
  opacity: 1;
}

.cd-distance-modal-container {
    width: 96%!important;
    margin-left: 2%!important;
  }

.cd-distance-modal-container  .gmnoprint{
  display: none;
}

.cd-distance-modal-container .pac-card{
  width: 96%;
  margin-left: 2%;
}

.cd-distance-modal-container #pac-input{
  width: 95%!important;
}

.cd-distance-modal-container .address_handlers {
  float: left;
  width: 100%;
}

.cc-window.cc-banner {
    -ms-flex-direction: column;
    flex-direction: column!important;
}

.cc-window .cc-message {
    margin-bottom: 1em;
}

.cc-window .message_deny {
    margin-right: 0px!important;
    text-align: center;
    padding-bottom: 10px;
}

#addr_edit_small_screen {
  text-align: center;
  padding-bottom: 5px;
  color : #C40F39;
  margin-top: 15px;
}

#addr_edit_small_screen label {
  max-width: 200px!important;
}

#addr_edit_small_screen #add_edit {
  cursor: pointer;
  font-style: italic;
  padding: 10px;
  background-color: #C40F39;
  color: white;
  border-radius: 2px;
}

#addr_edit_small_screen .btn{
  margin: 0 auto!important;
}

.expire_big_screen
{
  display: none!important;
}

.expire_small_screen
{
  width: calc(100% - 50px);
  float: left;
}

.search_for{
  font-size: 0px; /*gia na kriftei kai na anevei to apotelsmata pio panw*/
}

.edit_prof #gym_infos_tab #profile_photo_message{
  margin-top: -10px!important;
}

.edit_prof  #schedule_tab .xsprogramm {
    width: 100%!important;

}

#profile_form .for_online .circle{
    width: auto!important;
    height: auto!important;
    border: none!important;
  }

#profile_form .for_online .bar {
    margin-left: -4px!important;
    margin-right: -6px!important;
}

.upgrade_packet{
  display: none!important;
}

.upgrade_packet_small{
  display: block!important;
}

.upgrade_packet_small .cc-message{
  width: 90%;
}

#cd-notif .go_to_notifil a{
    width: 80%!important;
}

.pempth .liga_logia{
  height: 280px;
}

.tetarth .price .price_info{
  display: none;
}

.modal-body h5 {
  padding-top: 15px!important;
}


.business_results .cat-infos .name:hover{
  color: #337ab7;
  text-decoration: underline;
}

.bc {
  margin-left: 2%!important;
}

.c-std, .c-std2, #checked_filters {
    width: 96% !important;
    margin-left: 2%;
}
#checked_filters{
  padding-top: 5px;
}

.filters {
    display: none;
}
.filters h2{
  font-size: 18px!important;
}


.kostastuff li span {
    padding: 8px 9px !important;
}



.toggle-filters2 {
    left: 10px!important;
}

.toggle-filters2.fixed {
    left: 15px!important;
}

.price_table .red_button.for_comp{
  display: none;
}

.price_table .gray_button.for_mob{
color:
black;
padding: 8px;
font-size: 14px;
border: 1px solid #bbb;
cursor: pointer;
border-radius: 5px;
background-color:
white;
}

.dropdown.iperpage .dropbtn {
  border: 1px solid;

}


.tetarth .dropdown.iperpage .dropdown-icon::before {
  color: black;
  font-size: 20px;
}



.tetarth .dropdown.order  .dropdown-content {
  position: absolute;
  right: 10px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 5;
  top: 32px;
  width: 190px;
  padding-top: 5px;
}

.tetarth .business_results {
  padding-top: 100px!important;

}

.kostastuff{
  margin-top: 40px;
  width: 96%;
  padding-bottom: 20px;
  position: absolute;
  left: 2%
}

.kostastuff ul {
  width: 100%;
}

.kostastuff li {
    width: 25%;

}

.tetarth .dropdown.order{
    position: absolute;
    top: 8px;
    z-index: 3;
    right: 2%;
    width: 46%;
    height: 33px;
}

.tetarth .toggle-filters2 {
    padding: 4px 5px;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    z-index: 3;
    position: absolute;
    display: block;
    background: #C40F39;
    height: 31px;
    color: white;
    font-size: 17px;
    width: 46%;
    text-align: center;
    top: 10px;
}

.dropdown.iperpage .dropbtn {
background-color: white!important;
padding: 4px !important;
color: #c40f39;
}

.tetarth .dropdown.order .dropbtn {
 width: 100%;
}


#checked_filters2 .filterslist{
  max-height: 85px!important;
}

.cd-filter-modal-container {
    position: absolute !important;
    width: 100% !important;
    height: 90% !important;
    margin: 0 !important;
    /*min-height: 500px;*/
    bottom: 0;
    }

#cd-filters_filters h3, .allfills  h3{
    background: #C40F39;
    margin-top: 0px;
    padding: 10px;
    text-align: center;
    color: white;
    text-decoration: none!important;
}

 .allfills  h3{
margin-top: 0px;
position: fixed;
width: 100%;
z-index: 2;
}

.cd-filter-modal .allfills ul {
    margin-top: 51px;
}


.cd-filter-modal #cd-filters_filters.is-selected .icon-arrow-left{
  z-index: 0!important;
}

.cd-filter-modal .icon-arrow-left{
  z-index: 3;
}

.cd-filter-modal-container button.close{
  margin-top: 5px;
  color: white;
  opacity: 0.9;
  position: absolute;
  right: 20px;
  z-index: 3;
}

.cd-filter-modal-container .icon-arrow-left {
    margin-top: 12px;
    color: white;
    opacity: 0.9;
    position: absolute;
    left: 20px;
    cursor: pointer;
    font-size: 20px;
    display: block!important;
}

.filters_menu {
  width: 100%!important;
  display: none;
}

.allfills {
    width: 100%!important;
    overflow-y: auto;
    height: calc(100% - 190px)!important;
}

#cd-filters_filters .filters_menu{
  display: block;
}

.cd-filter-modal .allfills li {
    width: 100%!important;
}

.user_order_paymethods label {
    width: 100%;
    border: 1px solid beige;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 35px !important;

}

.user_order_paymethods{
  padding-bottom: 15px;
}

#order_checkout {
  width: 75%;
  margin-bottom: 15px;
}

}


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

.header-logo_2 {
    margin-left: 50px!important;
}

.member_header .header-logo_2 {
    margin-left: 10px!important;
}
.header-logo_2 .member_back_logo {
    background-size: 170px 36px !important;
    margin-top: 5px!important;
}



.header-menu li {
    margin-left: 2px !important;
    margin-right: 2px !important;
}


.header-menu-logged {
    right: 0px !important;
    width: 105px !important;
  }

.header-menu-not-logged {
    right: 0px !important;
    width: 100px !important;
  }

  #user_infos.dropdown-content {
    right: 2px;
}



}




#gym_infos_tab .gym_infos li {
    height: 80px;
}

.head-section{
  width: 100%;
  /*height: 114px;*/
  height: 75px;
  color: #ffffff;
  background-color: #ffffff;
  position:fixed;
  /*background-image: url('../../../images/White-Background-9B1.jpg');
  background-repeat: no-repeat;
  background-size: cover;*/
}

.business_results ul.rig > li{
  position: relative;
}

.heart, a.sindesi.heart2 {
    font-size: 0;
    color: transparent;
    display: block;
    height: 34px;
    width: 34px;
    position: absolute;
    top: 53px;
    left: -32px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
      font-family: 'icomoon' !important;
}



.heart::before , .heart2::before{

    content: "\e901";
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
    height: 34px;
    color: #bbbbbb;
    font-size: 20px;
    line-height: 34px;
    margin-right: 0;
    font-size: 22px;
}


.bell,  a.sindesi.bell2{
    font-size: 0;
    color: transparent;
    display: block;
    height: 34px;
    width: 34px;
    position: absolute;
    top: 80px;
    left: -32px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    font-family: 'icomoon' !important;
}

.bell3 {
    font-size: 0;
    color: transparent;
    display: block;
    height: 34px;
    width: 34px;
    position: absolute;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    font-family: 'icomoon' !important;
}


.bell::before, .bell2::before, .bell3::before {

    content: "\e907";
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
    height: 34px;
    color: #bbbbbb;
    font-size: 20px;
    line-height: 34px;
    margin-right: 0;
    font-size: 22px;
}

.notif_infos .bell3{
  top: 5px;
  right: 5px;
  cursor: pointer;
}


.fas.heart::before {

    content: "\e902";
     color: #c7254e;
}




.fas.bell::before {

    content: "\e907";
     color: #f68b24;
}

.notif_business.bell3::before {

    content: "\e907";
     color: #f68b24;
}

.notif_infos{
    background: white;
    float: left;
    position: relative;
}

.notif_infos .business_pic{
    position: absolute;
}

.notif_infos .cat-infos{
font-size: 16px;
margin-top: 20px;
}

.notif_infos .cat-infos a{
  color: black;
}

.notif_infos .cat-infos a:hover{
  text-decoration-line: underline;
  color: black;
}

.notif_infos .notif_msgtext, .notif_infos .cat-infos, .notif_infos .notif_msgtext2{
  float: left;
  width: 85%;
  padding-left: 20px;
  }


.mute_notif {
    float: right;
    font-size: 18px;
    width: 15%;
    box-shadow: -5px 0 5px -5px #ddd;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
}


.mute_notif .bell3:hover::before, .mute.bell3::before {
    color: #c7254e!important;
    cursor: pointer;
    transform: scale(1, 1);
    transition: transform 0.5s ease;
    content: "\e905"!important;
}

.btn3.mute_it, .btn3.mute_not{
    font-size: 13px;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-right: 20px;
    cursor: pointer;
}


.week_notif h3, .month_notif h3 {
    float: left;
    width: 100%;
    cursor: pointer;
    text-align: center;
    position: relative;
    background: white;
    margin: 0px;
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}


.notif_rig > li{
  float: left;
  width: 100%;
  padding-top: 25px;
}

ul.week_exp,  ul.month_exp{
    position: relative;
    min-height: 100% !important;
    transition: opacity 1s ease-in-out;
    opacity: 0;
    display: none;
}

ul.week_exp.expanded,  ul.month_exp.expanded{
  opacity: 1;
  display: block;

}


.week_notif h3:before {
    font-family: 'icomoon' !important;
    content: "\f107";
    position: absolute;
    right: 20px;
    top: 25px;
    font-size: 30px;
    line-height: 20px;
    color: grey;
}


.week_notif.expanded h3:before {
  content: "\f106"!important;
  
}



.heart:hover::before, .heart2:hover::before{
    color: #c7254e!important;
    cursor: pointer;
}
.bell:hover::before, .bell2:hover::before {
    color: #f68b24;
    cursor:pointer;
}

.header-logo{
  float: left;
  margin-top: 20px;
  
}



.header-seacrhw{
  width: calc(100% - 410px);
  /*margin-top: 38px !important;float: left;*/
  margin-top: 19px;
  float: left;
  margin-left: 1%;
}

.header-seacrhw #searchform .form-field{border: none;border-radius: 0;width: 80%;}
.header-seacrhw #searchform .form-field input[type="text"]{height: 42px;}
.header-seacrhw #searchform .search-dir-button{height: 42px;;border: 0 none;}
.header-seacrhw #searchform .form-field input[type="text"]:focus{outline: 0px solid #C40F39;border:4px solid #C40F39 !important;border-right: none;box-shadow: none !important;}
.header-seacrhw #searchform .form-field input[type="text"]:hover{outline: 0px solid #C40F39;border:none;border:4px solid #C40F39 !important;border-right: none; }

.header-seacrhw .icon-search{ line-height: 42px;
    font-size: 20px;}


i.dir-icon-search {
    font-size: 20px !important;
    margin-top: -4px !important;
    float: left;
}


.dir-icon-search::before, .dir-icon-search-dir::before {
    content: "\f002";
}

[class^="dir-icon-"], [class*=" dir-icon-"] {
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    *margin-right: .3em;
}


.sp-module-content .header-menu {
    float: right;
    position: absolute;
    width: 170px !important;
    top: -8px;
    right: 0px;
}

.scrollare .header-menu {
     top:7px;
}


.arxiki .header-menu {
    top: 50px;
    right: 50px;
}


.header-menu a.sindesi, a.ginemelos {
    color: #707070;
}


.bc{
  margin-left: 2%;
  margin-top:20px;
  padding-bottom: 15px;
  z-index: 2;
}

 #keys_tab .tooltip-container a{
  float: right;
  position: relative;
 }

#keys_tab .item-tooltip {
    right: 0px;
    top: 20px;

}

.pempth .bc{
  position: absolute;
  margin-top: 10px;
}


.pempth .my_comment .stars_comment{
  margin-left: calc(45% - 60px) !important;
  float: left;
}

.pempth .three_dots {
    position: absolute;
    font-size: 25px;
    right: 8px;
    top: 10px;
    cursor: pointer;
    padding: 2px 0px;
}


.pempth .comment_action{
  position: relative;
}

.pempth .my_comment .comment_action .comment_ed, .pempth .my_comment .comment_action .comment_del{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
}


.pempth .dropdown-content span {
    color: black;
    padding: 14px 16px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    float: left;
    width: 100%;

}

.pempth .dropdown-content span:hover {
    background-color: #c7254e;
    color: white;

}

.bc a{
    color: #999999;
    font-size: 14px;

}

.gym_gallery #gallery_photo_preview .minus_icon_second {
    top: -5px;
}


.tetarth .bc{
  padding-bottom: 70px;
}


.bc li:not(:last-child) a::after {
    content: "›";
    position: relative;
    padding-left: 5px;
    top: 1px;
    font-size: 21px;
    line-height: 7px;
    font-family: 'icomoon' !important;
}

.bc li:not(:last-child) a:hover{
    color: inherit;
}
.bc li:last-child a:hover{
    color: #999999;
    cursor: default;
}

.bc li:last-child a:focus{
    color: #999999;
}

.results_title .how_manyall{
  font-size: 16px;
  margin-left: 8px;
}


.bc li {
  list-style-type: none;
  text-decoration:none;
  display: inline !important;

}

.category a:hover{
  text-decoration-line: underline;
  color: inherit;
}

#sp-bottom .container{
  width: 100% !important;
  position: relative;
  float: left;
  padding: 50px 0 40px 0;
}

.toggle-filters {
    clear: left;
    margin-top: 6px;
    margin-bottom: 15px;
    padding: 10px 7px;
    border: 1px solid #bbbbbb;
    border-radius: 2px;
    font-size: 12px;
    color: #707070;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}

.for_small_screens .showall-filters{
  width: 100%!important;
}


.toggle-filters2 {
    display: none;
}

.for_small_screens{
  position: absolute;
}

.dropdown.fixed{
    position: fixed !important;
    top: 58px !important;
    right: calc(4% + 1px);
    z-index: 4!important;
}

/*.dropdown.fixed span{
  display: none;
}

.dropdown.fixed .dropdown-icon::before {
    content: '\f0dc';
    color: white;
}*/


.dropdown.fixed .dropdown-tail {
    padding-right: 5px;
}
.dropdown.fixed  .dropdown-content {
  position: fixed;
  right: 10px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 5;
  top: 42px;
  width: 190px;
  padding-top: 5px;
}
.toggle-filters2.fixed{
    position: fixed !important;
    top: 60px;
    height: 32px;
    padding: 4px 5px;
    left: 20px;
    z-index: 4;
}

.kstgms.fixed {
  position: fixed!important;
  top: 50px;
  padding-top: 10px;
  z-index: 3;
  background: white;
  width: 96%;
  left: 2%;
  border: 1px solid #DDD;
  border-bottom: none;
  padding-bottom: 10px;
  }


.toggle-filters2:hover {
cursor: pointer;
}
.toggle-filters::before {
    content: "\f0b0 ";
    margin-right: 0;
    font-size: 22px;
}
.icon::before, .icon::after {
    display: inline-block;
    width: 1em;
    margin-right: .2em;
    font-weight: normal;
    font-style: normal;
    font-family: 'icomoon' !important;
    text-align: center;
    text-decoration: inherit;
    speak: none;
    font-variant: normal;
    text-decoration: none;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.pos_absolute #checked_filters{
    position: absolute !important;
    margin-left: 300px;
    height: 30px;
    overflow-y: hidden;
    margin-top: -6px;

}

.business_results{
    padding-top: 70px;
    width: calc(100% - 20px);
    margin-left: 20px;
}

#rate2_tab .bussiness-infos , #rate_tab .bussiness-infos{
    position: initial!important;
}    

.bussiness-infos ul{
  padding: 0;
}

.business_results .cat-infos span.pers_job{
  float: left;
  width: 100%;
}

#paym_tab .business_results{
    padding-top: 10px;

}

#paym_tab .business_results ul.rig > li:first-child {
    height: 40px;
    background: #c40f39;
    text-align: center;
    color: white;
}

#paym_tab .business_results ul.rig > li:first-child  .cat-infos{
  width: 360px;
}

#paym_tab .business_results ul.rig > li{
  margin: 0px!important;
}

#paym_tab .business_results .cat-infos .name {
    margin-top: 40px;
}

#paym_tab .price, #paym_tab .price_after, #paym_tab .price_compl{
  width: 125px;
}

#paym_tab .c-std ul.rig > li {
  border-top: 1px solid #ddd!important;
}

#paym_tab .pay_icons label {
    width: 30%;
    padding: 0;
    margin-left: 1.66%;
}

#paym_tab .pay_inputs .fsSubmitButton{
  margin-right: calc(50% - 45px);
}

#paym_tab .pay_inputs .fsSubmitButton:disabled,#paym_tab .pay_inputs .fsSubmitButton[disabled]{
  opacity: 0.5;
  color:#fff;
}


.payradio img{
  width:90%;
}


.payradio img:hover{
  width:95%;
}


.pay_icons.selected .payradio.selected img{
  width: 90% !important;
  margin-left: 5%;
}


.liksi_paketou, .katastasi_paketou {
    float: left;
    width: calc( (100% - 485px)/2 );
    box-shadow: -5px 0 5px -5px #ddd;
    text-align: center;
    height: 145px;
}

.liksi_paketou h5, .katastasi_paketou h5{
        margin-top: 60px;
}

/*       gia to profile_user                     */

/*       gia to profile_user                     */


/*       gia to profile_user                     */



.sppb-container_2.user_prof{
  padding-left: 0px;
  padding-right: 0px;
}

.sppb-container_2.edit_prof{
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 20px;
}

.user_prof .content{
  min-height: 600px;
}

.user_prof ul{
  list-style: none;
}

#prof_tab .gym_infos h4, #gym_infos_tab .gym_infos h4{
  margin-left: 10%;
  padding-bottom: 20px;
}


.user_prof .demo-wrap.upload-demo{
  float: left;
  width: 40%;
  margin-top: 20px;
}

#prof_tab , #change_pass{
  height: 350px;
  position: relative;
}

#address_tab {
  height: 740px;
  position: relative;
}

#prof_tab.add_pic {
  height: 400px;
  
}

.user_prof .demo-wrap.upload-demo a.btn , .user_prof .demo-wrap.upload-demo button {
      margin-left: 15%;
}

.notif_tab .c-std3 .recent_notif {
  background-color: white;
  text-align: center;
  padding: 15px;
}

.edit_prof .demo-wrap.upload-demo{
  float: left;
  width: 100%;
  position: relative;
}


.edit_prof #gym_infos_tab .demo-wrap.upload-demo a.btn  {
      position: absolute;
      margin-left: calc(50% - 125px) !important;
      bottom: -75px;
}

.edit_prof  #gym_infos_tab .demo-wrap.upload-demo button {
      position: absolute;
      margin-left: calc(50% - 25px) !important;
}



.edit_prof .croppie-container .cr-boundary {
    margin-left: calc(50% - 125px);
}

.icon-trophy::before {
    margin-left: -2px;
}

.edit_prof #personel_tab .demo-wrap a#crop_start {
    margin-left: 100px;
    margin-right: 40%;
    margin-top: 10px;
}



.edit_prof #personel_tab .demo-wrap button {
      margin-left: calc(50% - 65px);
      margin-bottom: 20px;
}

.edit_prof .croppie-container [class^="cr-boundary"] {
    margin-left: calc(50% - 125px);
    margin-top: 20px;
}

.edit_prof #personel_tab .croppie-container [class^="cr-boundary"] {
    margin-top: 50px;
}


#event_tab output[id^="event_main_schedule_output"] {
  width: 100%!important;
}


.sppb-container_2.edit_prof .left_menu ul > li.keys_tab_tablet  span{
/*  width: 89%;*/
  /*float: left;*/
}


.demo-wrap a.btn , .demo-wrap button {
    background-color: #189094;
    color: white;
    padding: 10px 15px;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    font-size: 16px;
    text-decoration: none;
    text-shadow: none;
    display: inline-block;
    cursor: pointer;
    float: left;
    margin-left: 15%;
    line-height: 1.42857143;

}


.business_results ul.rig li .new-cat-infos {
    height: 130px;
    float: left;
    position: relative;
    width: 120px !important;
    margin-left: 10px;
    font-size: 12px;
    margin-right: 10px;
}


.new-bussiness-infos{
  float: left;
  width: calc(85% - 270px);
}

.new-bussiness-infos ul li.new-bus-spec{
  margin: 10px;
  font-size: 18px;
}


.demo-wrap .file-btn {
    position: relative;
}

.demo-wrap .file-btn input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}


.cr-boundary.uploaded{
    background-image: none!important;
}

.cr-boundary{
  background-size: cover;
}

.prof_content {
    margin-left: 45px;
}

.avatar-box img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 50%;
    vertical-align: middle;
    /*Giannis adds*/
  width: 100%;
    height: 100%;
}



.profinfos > p{
    padding: 0;
    margin: 0 auto;
}


.profinfos > p:last-of-type {
    padding: 0;
    margin: 0 auto;
}
.profinfos > p:last-of-type {
    max-width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
}

.user_actions {
    display: block;
    margin-top: 34px;
    text-align: left;
}

.user_actions > li {
    padding-left: 30px;
    position: relative;
    line-height: 1.3;
    color: #707070;
}


.user_actions > li span {
    color: black;
    position: absolute;
    left: 0;
    font-weight: bold;
}


.left_menu a, .left_menu .prof_dropdown {
    font-size: 14px;
    color: black;
}



.account-header + .left_menu .basic.prof_dropdown.active::before, .edit_prof .account-header + .left_menu .prof_dropdown.active {
    background: #beccd5;
}

.edit_prof .left_menu .prof_dropdown.active::before {
    background: #C40F39;
}



.left_menu ul > li:hover {
    color: #1c7ece;
}




.left_menu ul > li:last-child:hover ul {
    left: -20px;
}


.left_menu ul ul > li:hover{
  background: #e8e8e8;
}


.left_menu ul {
    list-style: none;
    padding: 0;
}





.left_menu a, .left_menu .prof_dropdown {
    font-size: 14px;
    color: black;
}

.user_prof .left_menu ul{
  margin: 0px!important;
}

.left_menu .smenu_dropdown{
  text-align: center;
  font-size: 14px;
  color: black;
  height: 40px;
  line-height: 3;
  border-bottom: 1px solid #e8e8e8;
}

.left_menu .smenu_dropdown:hover{
  background: #e8e8e8;
  color: #23527c;
  cursor: pointer;
}

.top_sub_menu ul > li li a:hover {
   /* background-color: #C40F39;*/
     text-decoration: underline;
}

.top_sub_menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  border-top: 1px solid #e8e8e8;
}

.top_sub_menu > ul > li.prof_dropdown .unclickable  {
    color: grey!important;
    display: table;
    min-width: 0px!important;
   float: none!important;
   -webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */
cursor: not-allowed;
}

.top_sub_menu ul > li li a.unclickable:hover {
    background-color: white!important;
    color: #C40F39 !important;
}

.destroy {
  display: none!important;
  opacity: 0;
  z-index: -1;
}


.sppb-section.prosfata_nea{
  padding-bottom: 20px; 
} 

.sppb-col-sm-6.arxiki_profata, .sppb-col-sm-6.arxiki_nea{
  width: 49%;
  float: left;
}

.sppb-col-sm-4.arxiki_profata, .sppb-col-sm-6.arxiki_nea{
  width: 100%;
  float: left;
}

.sppb-col-sm-6.arxiki_profata{
    margin-right: 1%;
}

 .sppb-col-sm-6.arxiki_nea{
    margin-left: 1%;
 }




.input-group.clockpicker input.form-control {
    height: 32px !important;
    cursor: pointer!important;
}

#schedule_tab [id^="sports_startTime"], #schedule_tab [id^="sports_startMinute"],#schedule_tab [id^="sports_endTime"], #schedule_tab [id^="sports_endMinute"]{
    cursor: pointer !important;
}


.dontshow{
  -webkit-transform: translatex(-100%);
-ms-transform: translatex(-100%);
transform: translatex(-100%);
-webkit-transition: -webkit-transform .5s linear;
transition: -webkit-transform .5s linear;
transition: transform .5s linear;
transition: transform .5s linear, -webkit-transform .5s linear;

}

.dontShowBusiness{
  display: none!important;

}

/* telos      gia to profile_user                     */

/*       gia to profile_user                     */


/*       gia to profile_user                     */


/*gia to upload_photo*/

/*gia to upload_photo*/


.sppb-container_2.upload_photo{
  padding: 0;
}

.intro_msg{
  padding-bottom: 30px;
  text-align: center;
}


#submitPhoto {
    padding: 0;
    background-color: #FFF;
}
#submitPhoto #header-image {
    background-position: center;
    background-attachment: scroll;
    height: 500px;
    margin-bottom: 60px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: 100% 500px;
    float:left;
    width: 100%;
}

#submitPhotoText {
    font-size: 80px;
    font-size: 8rem;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 700;
    white-space: nowrap;
}

#submitPhotoCol {
    margin-top: 413px;
}

#submitPhoto .container{
    width: 100%;
    float: left;
    background-color: #F4F4F4;
    padding: 20px;
    margin-bottom: 50px;
}

#submitPhoto .container p{
  font-size: 17px;
}

.submit-photo-form fieldset label{
  padding-top: 15px;
}

#submitPhotoDropzone {
    background-color: #fafafa;
    text-align: center;
    border: 1px dashed #1A1A1A;
    margin-bottom: 20px;
    border-radius: 2px;
    -webkit-transition: .5s;
    transition: .5s;
    height: 322px;
}

#submitPhotoDropzone.uploaded {
    text-align: left;
    border: 1px solid #1A1A1A;
    border-radius: 0;
    background-color: #FFF;
    padding: 15px;
    margin-top: 90px;
    position: relative;
    height: 200px;
}

.submit-photo-bottom-text .btn{
  background-color: #4267B2 !important;
  border-color: #4267B2 !important;
  padding: 10px 0px;
  margin-left: calc(50% - 115px);
  margin-top: 50px;
}

.dz-details-tooltips {
    position: absolute;
    background-color: #e24037;
    color: #FFF;
    font-size: 16px;
    font-size: 1.6rem;
    /*padding: 15px 30px;*/ /*Giannis Change*/
    top: -70px;
    left: 0%;
    cursor: default;
    width: 320px;
    text-align: center;
    margin-left: calc(50% - 160px);

}

.dz-details-tooltips > .dz-details-tooltips-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0;
    border-color: #e24037 transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    top: 43px;
}




.remove_it > span {
    font-size: 40px;
    font-size: 4rem;
    vertical-align: middle;
    display: inline-block;
    line-height: 42px;
    height: 45px;
    margin-right: 5px;
}


.remove_it {
  font-weight: 400;
    margin-top: 8px;
    display: inline-block;
}

.remove_it:hover {
    margin-top: 8px;
    display: inline-block;
    color: #A1A1A1;
    cursor: pointer;
}

.photo_up_dnd{
    font-family: 'icomoon' !important;
    display: inline-block;
    width: 100%;
    padding-top: 40px;
}

.photo_up_dnd::before{
     content: '\f093';
     font-size: 40px;
}

.photo_up_dnd h4{
      padding-top: 25px;
      font-size: 2rem!important;
      font-weight: 700;
      text-transform: uppercase;
}

.photo_up_dnd h5{
      padding-top: 25px;
      font-size: 2rem!important;
      font-weight: 200;
      text-transform: uppercase;
}


.uploaded_photo{
width: 225px;
height: 170px;
  float: left;
}

.uploaded_photo img{
  height: 170px;
}


.up_photo_infos{
  width: calc(100% - 250px);
margin-left: 25px;
  float: left;
  margin-top: 50px;
}

.photo_name_selected{
  height: 40px;
  overflow: hidden;
  font-size: 18px;
}


span.photo_name{
    font-size: 18px;
    font-weight: 900;
}

.form-section{
  padding-bottom: 20px;
}
input#uphoto_video{
  width: 70%;
  margin-left: 15%;
}
input.form-control{
  height: 45px!important;
}


.contest_page .copy_button {
    background-color: lightgray;
    float: left;
    padding: 10px;
    margin: 0px;
}


.contest_page .facebook_button:before{
  content: '\f39e';
  margin-right: 20px;
}

.contest_page .facebook_button{
  width: 200px!important;
  line-height: 40px;
}



#cd-terms h4{
  font-weight: bold;
  padding-top: 20px;
  padding-bottom:20px;
  text-align: center;
}


#cd-terms p{
width: 80%;
text-align: center;
padding-bottom: 40px;
font-size: 17px;
margin-left: 10%;
}


.form-section fieldset {
  text-align: center;
}

.submit-photo-form .btn{
  margin-left: 0%!important;
  background: #C40F39;
  color: white;
}

.submit-photo-form .btn:hover {
    background: #d2322d;
    color: white;
}


/*gia to upload_photo*/

/*gia to upload_photo*/
.terms_page{
background: #eaeaea;
}

.order_conf h3 {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.order_table th{
  text-align: center!important;
}

.red_button{
  border: none;
  padding: 10px;
  color: white;
  background-color: #C40F39;
  border-radius: 2px;
  cursor: pointer;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.red_button:hover{
  cursor: pointer;
  color: white;
}

.business_results .price .red_button, .pempth .offer_section .red_button{
  color: black!important;
  background-color: #ffc200!important;
}

.business_results .price .red_button:hover, .pempth .offer_section .red_button:hover{
  cursor: pointer;
  color: black!important;
  background-color: #ffb000!important;
}

.terms_page .term_head {
overflow: hidden;
position: relative;
background: white;
margin-bottom: 25px;
width: 300px;
margin-left: calc(50% - 150px);
height: 75px;
}

.terms_page .term_head > a > img {
    vertical-align: middle;
    width: 140px;
    float: left;
    margin: 17px 0;
}

.terms_page .term_head span {
    color: #363636;
    font-size: 24px;
    font-weight: 300;
    line-height: 93px;
    vertical-align: middle;
    margin-left: 5px;
    border-left: 1px solid;
    padding-left: 5px;
}

.terms_page .contentt {
    overflow: hidden;
    width: 92%;
    max-width: 1000px;
    margin: auto;
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.terms_page section .expand {
    padding: 20px 100px 20px 25px;
    background: #fff;
    margin: 0 0 10px;
    position: relative;
    cursor: pointer;
}

.terms_page section .expand dd {
    font-size: 13px;
    background: #fff;
    margin: 20px 0 30px;
    line-height: 1.8;
    display: none;
}

.terms_page section .expand:hover {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

.terms_page section .expanded {
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.17);
    box-shadow: 0 2px 6px rgba(0,0,0,0.17);
}

.terms_page section .expand:before {
    font-family: 'icomoon' !important;
    content: "\f107";
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: inline-block;
}

.privacy_page h6{
  margin-left: 20px;
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;  
}

.terms section .expand.expanded:before {
    content: "\f106"!important;

}


.c-std::after {
  content: "";
  display: block;
  clear: both;
}


.jumbotron {
  text-align: center;
}

.success_trans .trans_icon{
  background-image: url(https://www.xlapatsas.gr/images/success.png);
  height: 100px;
  background-size: 100px;
  background-repeat: no-repeat;
  width: 100px;
  margin-left: calc(50% - 50px);
  margin-top: 20px;
  margin-bottom: 20px;
}

.fail_trans .trans_icon{
  background-image: url(https://www.xlapatsas.gr/images/fail.png);
  height: 100px;
  background-size: 100px;
  background-repeat: no-repeat;
  width: 100px;
  margin-left: calc(50% - 50px);
  margin-top: 20px;
  margin-bottom: 20px;
}


.business_results::after {
  content: "";
  display: block;
  clear: both;
}


.slick-slide img{
  min-height: 100px;
}


.jewelCount {
    display: flex;
    position: absolute;
    right: -3px;
    top: -5px;
}

.jewelCount2 {
  background-color: #337ab7;
  position: absolute;
  right: -4px;
  top: -2px;
  display: none;
  color: white;
  padding: 1px 3px;
  border-radius: 2px;
  font-size: 10px;
  line-height: 1.3;
  font-family: 'helvetica neue', Helvetica, Arial, sans-serif;
  cursor: pointer;
}

.compass_filled .jewelCount2{
  display: inline-block!important;
}

 .notif_num {
    background-color: #337ab7;
    border-radius: 2px;
    color: #fff;
    padding: 1px 3px;
    background-clip: padding-box;
    display: inline-block;
    font-family: 'helvetica neue', Helvetica, Arial, sans-serif;
    font-size: 10px;
    line-height: 1.3;
    min-height: 13px;
}

span.blue_color{
  color: #00387f;
}
span.green_color{
  color: #008000;
}
span.red_color{
  color: #dd0808;
}


span.prev_val{
  position: relative;
}

span.prev_val::before {
        border-top: 1px solid black;
        content:"";
        margin: 0 auto; /* this centers the line to the full width specified */
        position: absolute; /* positioning must be absolute here, and relative positioning must be applied to the parent */
        top: 50%; left: 0; right: 0; bottom: 0;
        width: 95%;
        display: block;
    }

@import url('https://fonts.googleapis.com/css?family=Roboto:700,900');


.normal-container {
  position: absolute;
  height: 100%;
  width: 100%;
}

.smile-rating-container {
    position: relative;
    height: 10%;
    min-width: 220px;
    margin: auto;
    font-family: 'Roboto', sans-serif;
    top: 20%;
    float: left;
    width: 200px;
    margin-left: calc(50% - 60px);
}

.submit-rating {
  display: flex;
  align-items: center;
  justify-content: center;
}
.rating-label {
    position: relative;
    font-size: 1.6em;
    text-align: center;
    flex: 0.34;
    z-index: 3;
    font-weight: bold;
    cursor: pointer;
    color: #d0cccd;
    transition: 500ms;
}
.rating-label:hover, .rating-label:active {
  color: #d0cccd;
}
.rating-label-fun {
    left: 110px;
    text-align: right;
    top: -30px;
    width: 100px;
}
.rating-label-meh {
    left: -115px;
    text-align: left;
    color: #222;
    width: 100px;
    top: 30px;
}


input[type="radio"]:checked + label.rating-label-meh::before {
    background: #00b9ee!important;
}

.rating-label-meh::before {
    top: 0px !important;
    left: 116px !important;
    width: 49px !important;
    height: 30px !important;
    border: none !important;
}

.rating-label-fun::before {
    top: 0px !important;
    left: -60px !important;
    width: 50px !important;
    height: 30px !important;
    border: none !important;
    content: "";
    position: absolute;
    border-radius: 50%;
}


 .rating-label-meh::after {
    display: none;
}
.smile-rating-container input {
  display: none;
}

.smile-rating-toggle-container {
  
}

.toggle-rating-pill {
  position: relative;
  height: 33px;
  width: 100px;
  background: #d0cccd;
  border-radius: 500px;
  transition: all 500ms;
}

.smile-rating-toggle {
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: white;
    left: 5px;
    top: 32px;
    border-radius: 500px;
    transition: all 500ms;
    z-index: 4;
}
.rating-eye {
    position: absolute;
    height: 7px !important;
    width: 7px !important;
    top: 22px;
    background: #d0cccd;
    border-radius: 500px;
    z-index: 5;
    transition: all 440ms;
    animation: blink-eye 3s infinite;
}
@keyframes blink-eye {
  0% {
    height: 12px;
    width: 8px;
    top: 22px;
  }
  20% {
    height: 12px;
    width: 8px;
    top: 22px;
  }
  40% {
    height: 12px;
    width: 8px;
    top: 22px;    
  }
  60% {
    height: 12px;
    width: 8px;
    top: 22px;
  }
  80% {
    height: 12px;
    width: 8px;
    top: 22px;
  }
  90% {
    height: 12px;
    width: 8px;
    top: 22px;    
  }
  95% {
    height: 2px;
    width: 8px;
    top: 30px;
  }
  100% {
    height: 12px;
    width: 8px;
    top: 22px;
  }
}
.rating-eye-left {
  left: 7px;
  top: 37px !important;
}
.rating-eye-right {
  left: 19px;
  top: 37px !important;
}

.mouth {
  position: absolute;
  width: 16px;
  height: 20px;
  z-index: 6;
  border: 4px solid #d0cccd;
  border-radius: 10%;
  border-bottom-color: rgba(1,1,1,0);
  border-right-color: rgba(1,1,1,0);
  border-left-color: rgba(1,1,1,0);
  top: 49px;
  left: 9px;
  transition: all 500ms;
}

/*
Toggle Changes
*/

#meh:checked~.rating-label-meh {
  color: #555e63;
}
#fun:checked~.rating-label-meh {
  color: #d0cccd;
}
#fun:checked~.mouth {
  border: 4px solid #00b9ee;
  border-bottom-color: rgba(1,1,1,0);
  border-right-color: rgba(1,1,1,0);
  border-left-color: rgba(1,1,1,0);
  top: 35px !important;
  left: 75px !important;
  transform: rotateX(180deg);
  border-radius: 100%;
}

#fun:checked~.rating-label-fun {
  color: #555e63;
}
#fun:checked ~ .smile-rating-toggle {
    left: 70px !important;
}

#fun:checked ~ .rating-eye-left {
    left: 75px !important;
    top: 37px !important;
}
#fun:checked ~ .rating-eye-right {
    left: 85px !important;
    top: 37px !important;
}

#fun:checked~.toggle-rating-pill {
  background-color: #00b9ee;
}

#fun:checked~.rating-eye {
  background-color: #00b9ee;
}



.scrollare .top_sub_menu{
  display: none!important;
}


.header-logo_2 .back_logo {
    background-image: url("/images/sampledata/logo.png");
    background-repeat: no-repeat;
    background-size: 200px 60px;
    height: 70px;
}

.scrollare .header-logo_2 .back_logo {
    background-image: url("/images/sampledata/logoscroll.png");
    background-size: 150px 35px;
    background-position-y: 10px;
    height: 55px;
}


/* For members logo*/
.header-logo_2 .member_back_logo {
    background-image: url("/images/sampledata/member_logo.png");
    background-repeat: no-repeat;
  background-size: 355px 70px;
  height: 70px;
  width:500px;
}

.scrollare .header-logo_2 .member_back_logo {
    background-image: url("/images/sampledata/logoscroll.png");
    background-size: 150px 35px;
    background-position-y: 10px;
    width: 150px !important;
    height: 55px !important;
}

.scrollare .head-section {
  height: 60px;
  border-bottom: 2px solid gainsboro;
}
.scrollare .header-seacrhw {
    margin-top: 5px;
}


.scrollare .edit_prof #flex-nav {
    top: 50px;
    position: fixed;
}

#social_media_icons .youtube_icon, #social_media_icons .googleplus_icon, #member_price_tab , #moneyback_section{
  display: none;
}

.preorder_page .header-seacrhw, .preorder_page .header-menu-logged, .preorder_page .header-menu-not-logged, .preorder_page .top_sub_menu-toggler, .preorder_page .left_menu-toggler , .preorder_page .cd-topmenu-modal{
  display: none;
}

.users-order-confirmed .header-seacrhw, .users-order-confirmed .header-menu-logged, .users-order-confirmed .header-menu-not-logged , .users-order-confirmed .top_sub_menu-toggler, .users-order-confirmed .left_menu-toggler , .users-order-confirmed .cd-topmenu-modal{
  display: none;
}

.users-order-confirmed-paypal .header-seacrhw, .users-order-confirmed-paypal .header-menu-logged, .users-order-confirmed-paypal .header-menu-not-logged , .users-order-confirmed-paypal .top_sub_menu-toggler, .users-order-confirmed-paypal .left_menu-toggler , .users-order-confirmed-paypal .cd-topmenu-modal{
  display: none;
}


.preorder_page #sp-header, .users-order-confirmed #sp-header, .users-order-confirmed-paypal #sp-header{
    height: 75px !important;
}

 .preorder_page .head-section, .users-order-confirmed .head-section, .users-order-confirmed-paypal .head-section{
  position: relative!important;
 }

.order_conf .basic_order_info {
    margin-top: 20px;
    padding-bottom: 125px;

}

.preorder_page #paym_tab label{
  width: 50%;
}

.price_info .red_button{
  width: 115px;
  font-size: 15px;
  position: absolute;
  margin-left: -10px;
}


.become_member .cd-terms-modal-container, .order_conf .cd-terms-modal-container, .users-order-confirmed .cd-terms-modal-container{
  height: auto!important;
  width: 90%;
}

.become_member .cd-terms-modal-container h5,.order_conf .cd-terms-modal-container h5, .users-order-confirmed .cd-terms-modal-container h5 {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
  }

 .become_member #cd-terms p , .order_conf #cd-terms p ,  .users-order-confirmed #cd-terms p{
    text-align: left!important;
  }

.user_prof .bus_online{
  display: none;
}

.modal-footer #save_button{
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;


} 


.preorder_page .order_table{
  margin-bottom: 20px;
}

.pempth .paymodal[id^="price_modal_"] {
  background: rgba(0,0,0,0.2);
}
/*#C40F39*/