img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

a:active {
    outline: none;
}

a:focus{
  outline: none;
}

.modal-open {
    overflow: hidden !important;
}

.form-control {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: grey;
  outline: 0;
  /*-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);*/
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}


[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: .25em;
  line-height: 14px;
  background-image: none;
}
dd > span[class^="icon-"] + time,
dd > span[class*=" icon-"] + time {
  margin-left: -0.25em;
}
dl.article-info dd.hits span[class^="icon-"],
dl.article-info dd.hits span[class*=" icon-"] {
  margin-right: 0;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none;
}
[class^="icon-"].disabled,
[class*=" icon-"].disabled {
  font-weight: normal;
}


.menu .nav-child.small {
  font-size: inherit;
}

body {
  line-height: 1;
  overflow-x: hidden;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none!important;
}
label {
  font-weight: normal;
}
legend {
  padding-bottom: 10px;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn,
.sppb-btn {
  -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
  -o-transition: color 400ms, background-color 400ms, border-color 400ms;
  transition: color 400ms, background-color 400ms, border-color 400ms;
  border-radius: 4px;
}
.offline-inner {
  margin-top: 100px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: block;
  height: 34px;

  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  /*border: 1px solid #ccc!important;*/
  border: 1px solid #ccc;
  border-radius: 4px!important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.uneditable-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.uneditable-input:-ms-input-placeholder {
  color: #999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.uneditable-input::-webkit-input-placeholder {
  color: #999;
}
select[disabled],
select[readonly],
fieldset[disabled] select,
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea,
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
.uneditable-input[disabled],
.uneditable-input[readonly],
fieldset[disabled] .uneditable-input {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textareaselect,
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
textarea.uneditable-input {
  height: auto;
}
.group-control select,
.group-control textarea,
.group-control input[type="text"],
.group-control input[type="password"],
.group-control input[type="datetime"],
.group-control input[type="datetime-local"],
.group-control input[type="date"],
.group-control input[type="month"],
.group-control input[type="time"],
.group-control input[type="week"],
.group-control input[type="number"],
.group-control input[type="email"],
.group-control input[type="url"],
.group-control input[type="search"],
.group-control input[type="tel"],
.group-control input[type="color"],
.group-control .uneditable-input {
  width: 100%;
}
textarea {
  height: auto;
}
#sp-top-bar {
  padding: 8px 0;
}
ul.social-icons {
  list-style: none;
  padding: 0;
  margin: -5px;
  display: inline-block;
}
ul.social-icons >li {
  display: inline-block;
  margin: 5px 7px;
}
ul.social-icons >li a {
  color: #999999;
}
.sp-contact-info {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}
.sp-contact-info li {
  display: inline-block;
  margin: 0 10px;
  font-size: 90%;
}
.sp-contact-info li i {
  margin: 0 3px;
}
#sp-header {
  background: #ffffff;
  /*height: 114px;*/
  height: 75px;
  box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}
#sp-header #sp-logo .sp-column {
    width: 260px;
    position: relative;
    left: 52%;
}
#sp-header .logo {
  display: inline-block;
  height: 90px;
  display: table;
  width: 100%;
  padding-top: 100px;
  width: 250px;
  margin-left: calc(50% - 153px);

}
#sp-header .logo h1 {
  font-size: 24px;
  line-height: 1;
  margin: 0;
  padding: 0;
  display: table-cell;
  vertical-align: middle;
  width: 100%;

}
#sp-header .logo p {
  margin: 5px 0 0;
}
#sp-header .logo img {
  max-width: 265px;
}
#sp-header .sp-retina-logo {
  display: none;
}
.sticky-wrapper.is-sticky {
  position: relative;
  z-index: 999;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (-moz-min-device-pixel-ratio: 1.5),only screen and (-o-min-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
  #sp-header .sp-default-logo {
    display: block;
    left: 2% !important;
  }
  #sp-header .sp-retina-logo {
    display: block;
  }
}
#sp-title {
  min-height: 0;
}
.sp-page-title {
  padding: 30px 0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}
.sp-page-title h2,
.sp-page-title h3 {
  margin: 0;
  padding: 0;
  color: #fff;
}
.sp-page-title h2 {
  font-size: 24px;
  line-height: 1;
}
.sp-page-title h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  margin-top: 10px;
}
.sp-page-title .breadcrumb {
  background: none;
  padding: 0;
  margin: 10px 0 0 0;
}
.sp-page-title .breadcrumb >.active {
  color: rgba(255,255,255,0.8);
}
.sp-page-title .breadcrumb >span,
.sp-page-title .breadcrumb >li,
.sp-page-title .breadcrumb >li+li:before,
.sp-page-title .breadcrumb >li>a {
  color: #fff;
}
.body-innerwrapper {
  overflow-x: hidden;
   overflow-y: hidden;
  -webkit-transition: margin-left 400ms cubic-bezier(0.7,0,0.3,1);
  transition: margin-left 400ms cubic-bezier(0.7,0,0.3,1);
}
.layout-boxed .body-innerwrapper {
  max-width: 1240px;
  margin: 0 auto;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

/*
#sp-main-body {
  padding: 40px 0; //aris change
}*/
.com-sppagebuilder #sp-main-body {
  padding: 0;
}
.sppb-addon-cta .sppb-cta-subtitle {
  margin-bottom: 0;
  line-height: 26px !important;
}
.sppb-addon-cta .sppb-btn-lg {
  margin-top: 30px;
}
.sppb-addon-image-content {
  position: relative;
}
.sppb-addon-image-content .sppb-image-holder {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background-position: 50%;
  background-size: cover;
}
.sppb-addon-image-content .sppb-content-holder {
  padding: 120px 0 120px 50px;
}
@media (max-width: 768px) {
  .sppb-addon-image-content .sppb-image-holder {
    position: inherit;
    width: 100% !important;
    height: 300px;
  }
}

.bot-sp-module {
    width: 250px;
    position: absolute;
}    

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

.sp-module:first-child {
  margin-top: 0;
}
.sp-module .sp-module-title {
  /*margin: 0 0 20px;*/
  font-size: 14px;
  text-transform: uppercase;
  line-height: 1;
}
.sp-module ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-module ul >li {
  display: block;
  border-bottom: 1px /*solid #e8e8e8*/;
  -webkit-transition: 0ms; /*aris*/
  transition: 0ms;/*aris*/
}
.sp-module ul >li >a {
 /* display: block;*/
  padding: 5px 0;
  line-height: 36px;
  padding: 2px 0;
  -webkit-transition: 0ms;/*aris*/
  transition: 0ms;/*aris   htan 300
  margin-left: 5px;*/
margin-right: 5px;
}
.sp-module ul >li >a:hover {
  background: none;
  font-size: 200px;
}

.sp-module ul >li:last-child {
  border-bottom: none;
}
.sp-module .categories-module ul {
  margin: 0 10px;
}
.sp-module .latestnews >div {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px; /*solid #e8e8e8 aris*/
}
.sp-module .latestnews >div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.sp-module .latestnews >div >a {
  display: block;
  font-weight: 400;
}
.sp-module .tagscloud {
  margin: -2px 0;
}
.sp-module .tagscloud .tag-name {
  display: inline-block;
  padding: 5px 10px;
  background: #808080;
  color: #fff;
  border-radius: 4px;
  margin: 2px 0;
}
.sp-module .tagscloud .tag-name span {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: rgba(0,0,0,0.2);
  border-radius: 10px;
}
.login img {
  display: inline-block;
  margin: 20px 0;
}
.login .checkbox input[type="checkbox"] {
  margin-top: 6px;
}
.form-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search .btn-toolbar {
  margin-bottom: 20px;
}
.search .btn-toolbar span.icon-search {
  margin: 0;
}
.search .btn-toolbar button {
  color: #fff;
}
.search .phrases .phrases-box .controls label {
  display: inline-block;
  margin: 0 20px 20px;
}
.search .phrases .ordering-box {
  margin-bottom: 15px;
}
.search .only label {
  display: inline-block;
  margin: 0 20px 20px;
}
.search .search-results dt.result-title {
  margin-top: 40px;
}
.search .search-results dt,
.search .search-results dd {
  margin: 5px 0;
}
.filter-search .chzn-container-single .chzn-single {
  height: 34px;
  line-height: 34px;
}
.form-search .finder label {
  display: block;
}
.form-search .finder .input-medium {
  width: 60%;
  border-radius: 4px;
}
.finder .word input {
  display: inline-block;
}
.finder .search-results.list-striped li {
  padding: 20px 0;
}
.article-info {
  margin: 0 -8px 5px;
  line-height: 12px;
}
.article-info >dt,
.article-info >dd {
  display: inline-block;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  margin: 0 8px;
}
.article-info >dt >i,
.article-info >dd >i {
  display: inline-block;
  margin-right: 3px;
}
article.item {
  margin-bottom: 50px;
}
.tags {
  margin-top: 20px;
}
.tags >span {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.post-format {
  position: absolute;
  top: 0;
  left: -68px;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.entry-image,
.entry-gallery,
.entry-video,
.entry-audio,
.entry-link {
  margin-bottom: 30px;
}
.entry-status,
.entry-quote {
  margin-bottom: 50px;
}
.entry-header {
  position: relative;
  margin-bottom: 30px;
}
.entry-header.has-post-format {
  margin-left: 68px;
}
.entry-header h2 {
  margin: 8px 0 0;
  font-size: 24px;
  line-height: 1;
}
.entry-header h2 a {
  color: #000;
}
.entry-link {
  padding: 100px 50px;
  position: relative;
  z-index: 1;
}
.entry-link a h4 {
  margin: 0;
  font-size: 36px;
  color: #fff;
}
.entry-link a h4:hover {
  color: rgba(255,255,255,0.85);
}
.entry-link:before {
  position: absolute;
  left: -60px;
  font-size: 300px;
  content: "\f0c1";
  font-family: Font Awesome\ 5 Free !important;;
  transform: rotate(90deg);
  top: -75px;
  color: rgba(255,255,255,0.15);
  z-index: -1;
}
.entry-quote {
  position: relative;
  padding: 80px 50px;
  color: rgba(255,255,255,0.9);
}
.entry-quote:before {
  position: absolute;
  left: -40px;
  font-size: 300px;
  content: "\f10e";
  font-family: Font Awesome\ 5 Free !important;;
  transform: rotate(15deg);
  top: -75px;
  color: rgba(255,255,255,0.15);
}
.entry-quote blockquote small {
  color: #FFF;
  font-weight: 600;
  font-size: 20px;
}
.entry-quote blockquote {
  padding: 0;
  margin: 0;
  font-size: 16px;
  border: none;
}
.carousel-left,
.carousel-right {
  position: absolute;
  top: 50%;
  font-size: 24px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin-top: -18px;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,0.5);
  border-radius: 4px;
  -webkit-transition: 400ms;
  transition: 400ms;
}
.carousel-left:hover,
.carousel-right:hover {
  color: #fff;
}
.carousel-left:focus,
.carousel-right:focus {
  color: #fff;
}
.carousel-left {
  left: 10px;
}
.carousel-right {
  right: 10px;
}
.newsfeed-category .category {
  list-style: none;
  padding: 0;
  margin: 0;
}
.newsfeed-category .category li {
  padding: 5px 0;
}
.newsfeed-category #filter-search {
  margin: 10px 0;
}
.category-module,
.categories-module,
.archive-module,
.latestnews,
.newsflash-horiz,
.mostread,
.form-links,
.list-striped {
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-module li,
.categories-module li,
.archive-module li,
.latestnews li,
.newsflash-horiz li,
.mostread li,
.form-links li,
.list-striped li {
  padding: 2px 0;
}
.category-module li h4,
.categories-module li h4,
.archive-module li h4,
.latestnews li h4,
.newsflash-horiz li h4,
.mostread li h4,
.form-links li h4,
.list-striped li h4 {
  margin: 5px 0;
}
#sp-bottom .sp-module .sp-module-title {
  text-transform: none;
  font-weight: 400;
  font-size: 20px;
}

#sp-bottom .sp-module .cus4 {
  font-size: 19px;
}

#sp-bottom .bot-sp-module .cus4 {
  font-size: 19px;
  padding-bottom: 10px;
  text-align: left;
  color: black;  
}

#sp-bottom .sp-module .sp-module-title{

}

#sp-footer a {
  color: rgba(255,255,255,0.9);
}
#sp-footer a:hover {
  color: #fff;
}
#sp-footer-wrapper ul {
  display: inline-block;
}
#sp-footer-wrapper ul.nav {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li {
  display: inline-block;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li a {
  display: block;
}
#sp-footer-wrapper ul.nav li a:hover {
  background: none;
}
#sp-footer-wrapper .helix-framework {
  display: inline-block;
}
#sp-footer-wrapper .helix-framework .helix-logo {
  display: block;
  width: 130px;
  height: 40px;
  text-indent: -9999px;
  background: url(../images/helix-logo-white.html) no-repeat 0 0;
}
#sp-footer-wrapper .copyright {
  display: block;
}
.sp-comingsoon {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.sp-comingsoon body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  color: #fff;
}
.sp-comingsoon .sp-comingsoon-title {
  margin-top: 130px;
  font-size: 42px;
  margin-bottom: 10px;
  font-weight: 700;
}
.sp-comingsoon .sp-comingsoon-content {
  font-size: 28px;
  font-weight: 300;
}
.sp-comingsoon .days,
.sp-comingsoon .hours,
.sp-comingsoon .minutes,
.sp-comingsoon .seconds {
  display: inline-block;
  margin: 80px 15px;
}
.sp-comingsoon .days .number,
.sp-comingsoon .hours .number,
.sp-comingsoon .seconds .number,
.sp-comingsoon .minutes .number {
  width: 115px;
  height: 120px;
  line-height: 120px;
  border: 1px solid #fff;
  border-radius: 4px;
  display: inline-block;
  font-size: 48px;
  font-weight: bold;
}
.sp-comingsoon .days .string,
.sp-comingsoon .minutes .string,
.sp-comingsoon .seconds .string,
.sp-comingsoon .hours .string {
  display: block;
  font-size: 18px;
  margin-top: 10px;
}
.sp-comingsoon .social-icons li {
  display: inline-block;
  margin: 0 15px;
}
.sp-comingsoon .social-icons li a {
  color: rgba(255,255,255,0.7);
  font-size: 24px;
  -webkit-transition: color 400ms;
  transition: color 400ms;
}
.sp-comingsoon .social-icons li a:hover {
  color: #fff;
}
.error-page {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.error-page body {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.error-page .error-page-inner {
  height: 100%;
  min-height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
.error-page .error-page-inner >div {
  display: table-cell;
  vertical-align: middle;
}
.error-page .fa-exclamation-triangle {
  font-size: 64px;
  line-height: 1;
  margin-bottom: 10px;
}
.error-page .error-code {
  font-weight: bold;
  font-size: 96px;
  line-height: 1;
  margin: 0 0 10px 0;
  padding: 0;
}
.error-page .error-message {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 30px;
}
#sp-social-share {
  margin-top: 20px;
  margin-bottom: 20px;
}
#sp-social-share > span {
  display: inline-block;
  float: left;
}
#sp-social-share > span.facebook-share {
  margin-right: 10px;
}
.dl-horizontal dt {
  margin: 8px 0;
  text-align: left;
}
.page-header {
  padding-bottom: 15px;
}
table.category {
  width: 100%;
}
table.category thead >tr,
table.category tbody >tr {
  border: 1px solid #f2f2f2;
}
table.category thead >tr th,
table.category thead >tr td,
table.category tbody >tr th,
table.category tbody >tr td {
  padding: 10px;
}
.contact-form .form-actions {
  background: none;
  border: none;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
  background: #2D2D2D;
  border-radius: 2px;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}

#site-map-search #searchform {
  margin: 0 auto;
  width: 610px;
  max-width: 100%;
  text-align: center;
  position: relative;
  top: 100px;
}
span.ui-button-text{text-indent: -9999em !important;}

.alert.alert-warning {
  background-color: #E6C0C0;
  border-color: #DE7A7B;
  color: #D22B2B;
}
.alert.alert-warning h4 {
  color: #D22B2B;
}
.alert.alert-notice {
  background-color: #efe7b8;
  border-color: #F0DC7E;
  color: #D22B2B;
}
.alert.alert-notice h4 {
  color: #D22B2B;
}
.alert.alert-message {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert.alert-message h4 {
  color: #468847;
}
@media (min-width: 768px) and (max-width: 1005px) {
  #sp-menu .sp-megamenu-parent {
    display: none !important;
  }

.arxiki .slider-item-name h4 {
  margin-top: 20px;
  margin-bottom: 0px;
}

}


.w3-animate-right{position:relative;animation:animateright 1.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

.form-horizontal label {
  text-align: left;
}
.form-horizontal .control-label {
  text-align: left;
}

ul.categ{width: 100%;margin:0;padding: 0;list-style-type: none;margin-top: 30px;margin-bottom: 0px;overflow: hidden;}
  ul.categ li[class*='categorybg'] span.img{overflow: hidden;float: none;padding: 0;margin: 0;text-align: center;margin-bottom: 50px;}

  ul.categ li[class*='categorybg'] span.img img{height: auto;object-fit: cover;margin-top: 10px;margin-bottom: 8px; margin-left: 20px;}
  ul.categ li[class*='categorybg'] ul.catg{
    width:100%;background-color: #1E91AF;float: left;padding: 0;margin: 0;height: 222px;margin-left:1px;}
  ul.categ li[class*='categorybg'] ul.catg li{text-align: left;list-style-type: none;color: #fff;border-bottom: 1px solid rgba(0,0,0,.1);}  
  ul.categ li[class*='categorybg'] ul.catg li:hover a{background-color: #C40F39;color: #fff;}
  ul.categ li[class*='categorybg'] ul.catg li:last-of-type{border-bottom: none;}  
  .space, .space2{padding: 0;height: 222px;}
  ul.categ li ul a{color: #000;text-decoration: none;font-family: Verdana, Helvetica, Arial, sans-serif;font-size: 13px;display: block;padding: 16px 5px 15px 15px;transition: none;}
  ul.categ li ul.catg li:last-of-type a{padding-bottom: 12px;}

  ul.categ li.categorybg1 ul.catg{background-color: #E8E8E8;}
  ul.categ li.categorybg2 ul.catg{background-color: #E8E8E8;}   
  ul.categ li.categorybg3 ul.catg{background-color: #E8E8E8;}
  ul.categ li.categorybg4 ul.catg{background-color: #E8E8E8;}
  span.name a{font-size: 14px !important;font-weight: bold;padding:0 !important;display: inline-block !important;}
  span.img.athletics img{margin-top: 20px !important;margin-bottom: 30px !important; margin-left: 10px!important;}
  
  
  .space{text-align: center;overflow: hidden;background-color: #f1f1f1 !important;border: 1px solid #E8E8E8;border-right: none;}
  .space a img{
    transition: all 0.5s ease 0s, z-index 0s ease 0s, visibility 0s ease 0s;
    -ms-transition: all 0.5s ease 0s, z-index 0s ease 0s, visibility 0s ease 0s;
    -webkit-transition: all 0.5s ease 0s, z-index 0s ease 0s, visibility 0s ease 0s;
    -moz-transition: all 0.5s ease 0s, z-index 0s ease 0s, visibility 0s ease 0s;
  }
  .space a:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: all 0.5s ease 0s, z-index 0s ease 0s, visibility 0s ease 0s;
    -ms-transition: all 0.5s ease 0s, z-index 0s ease 0s, visibility 0s ease 0s;
    -webkit-transition: all 0.5s ease 0s, z-index 0s ease 0s, visibility 0s ease 0s;
    -moz-transition: all 0.5s ease 0s, z-index 0s ease 0s, visibility 0s ease 0s;
    cursor: pointer;
  }

.header-menu .diver{
color: #cccccc;
display: initial;
}
.categ .col-md-6{
  margin-bottom: 30px;
}

.login_target, .register_target{
  display: none;
}

.iframe_loader, .iframe_loader2, .pr_loader{
  display:none; 
  margin-right:47%;
}



.panel #forgot_target{
  display: none;
}

.panel #forgot_loader
{
display:none; 
margin-right:47%;
}

.red_row_section .noselect.sppb-section{
  color:#000000;
  background-color:#c40f39;
  background-position:0 50%;
}

.cd-ask-modal #feedback_target{
  display: none;
}

.add_opacity{
  opacity: 0;
  display: none !important;
}
/*#sp-top-bar{display: none !important;}*/
#offcanvas-toggler{display: none;}
#sp-header{box-shadow: none !important;position: relative;z-index: 99999;left: 0;right: 0;margin: auto; }
.arxiki #sp-header{ height: 460px!important; background-image: url('../images/White-Background-9B1.jpg')!important; background-repeat: no-repeat;
background-size: cover;
 }
.sticky-wrapper{position: absolute;left: 0;right: 0;margin: auto;z-index: 99999;}
.sticky-wrapper.is-sticky{display: none !important;}
#site-map-search{background-position: 50% 30% !important;padding-bottom: 300px !important;padding: 100px 0 300px 0 !important;position: relative;background-color: rgba(255,255,255,.3);}
#site-map-search:before {content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(196, 15, 57,0);left: 0;top: 0;}

/*#sp-logo{width: 70% !important;}
#sp-menu{width: 30% !important;}*/
#sp-top-bar{display: none;}
#sp-menu .sp-module{width: 28%;float: right;}
.seacrhw{width: 70%;margin-top: 36px;float: left;}
#sp-header .logo img {max-width: 265px;position: relative;left: 0%!important; margin: auto;}/*Giannis Change*/
.arxiki #searchform { padding-top: 30px; width: 100%;}
#sp-menu p strong a{color: #343434 !important;}
.latest-offers{padding: 0 0 20px 0;}
.latest-offers ul{display: table;margin: 0 auto;}
.latest-offers ul li{width: 25%;}

.ui-dir-button, a.ui-dir-button{background: #C40F39;}
.ui-dir-button:hover, a.ui-dir-button:hover{background: #C40F39;}
.btn-primary, .sppb-btn-primary {border-color: #C40F39 !important;background-color: #C40F39 !important;}
.btn-primary:hover, .sppb-btn-primary:hover {border-color: #C40F39 !important;background-color: #C40F39 !important;}

.sppb-icon span{background-color: #C40F39 !important;}
.latestbusiness .company-box {border: 1px solid #e7e7e7;}
.company-box .company-options{background-color: transparent;}
#sp-bottom {background-color: #EAEAEA !important;border-top: 1px solid #ddd;}
#sp-footer {
  color: #707070;
  text-align: center;
  background: #EAEAEA;
  position: absolute;
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  bottom: 0;
/*border-top: 1px solid #ddd; aris*/}
.com-sppagebuilder #sp-main-body{background-color: #F0F0F0;}
.sppb-section .no5{}

#sp-page-builder .page-content .sppb-section table{margin: auto;width: 1150px;}
#sp-page-builder .page-content .sppb-section table td:nth-of-type(1){text-align: left !important;}
#sp-page-builder .page-content .sppb-section table td:nth-of-type(2){text-align: center !important;}
#sp-page-builder .page-content .sppb-section table td:nth-of-type(3){text-align: right !important;}
#sp-bottom {width: 100%; z-index: 0; background-color: #eaeaea;}
.com-sppagebuilder #sp-main-body, #sp-main-body{position: relative;z-index: 2;}
#sp-main-body.overall{z-index: 999999!important;}
#sp-main-body{background: #eaeaea;}

#sp-page-builder .page-content .sppb-section.no5 .custom{padding: 0px 0 !important;font-size: 15px !important;}


.latestbusiness .slick-slide.slick-active{/*height: 350px !important;*/float: left !important;}
#searchform .form-field input[type="text"], 
#searchform .form-field{font-size: 16px; }
__.bred{border-color: #C40F39;border-right: none;}
#searchform .form-field{border:none;}
#searchform .form-field input[type="text"]{border: 4px solid rgba(0,0,0,.2)!important;height: 40px;border-radius: 4px 0px 0px 4px;}
#searchform .form-field input[type="text"]:focus{outline: 0px solid #C40F39;border:4px solid #C40F39 !important;height: 40px;border-right: none; }
#searchform .form-field input[type="text"]:hover{outline: 0px solid #C40F39;border:none;border:4px solid #C40F39 !important;height: 40px;border-right: none;}
#searchform .form-field input[placeholder]:hover::-webkit-input-placeholder{color: #ddd !important;}
#searchform .form-field input[placeholder]:focus::-webkit-input-placeholder{color: #ddd !important;}
#searchform .form-field input[placeholder]:hover::-moz-placeholder{color: #ddd !important;}
#searchform .form-field input[placeholder]:focus::-moz-placeholder{color: #ddd !important;}
#searchform .search-dir-button{height: 40px;margin-left: -2px;position: relative;z-index: 999;}
#sp-page-builder .page-content .sppb-section.no3{margin-top: 0;}

/*.sppb-container{width: 1360px;}*/

h3.sppb-addon-title{margin-bottom: 30px;margin-top: 10px;font-family: Helvetica, Arial, sans-serif;font-weight: 100;letter-spacing: -1px; font-size: 24px;}
.red_row span{color: #fff !important;font-size: 18px;position: relative;top: -24px;left: 20px;cursor: pointer;}/*aris*/
.red_row div.fa{
  width: 68px;
  height: 68px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: normal !important;
  line-height: 66px;
  margin-bottom: -2px;
  display: inline-block;

}


.cd-search-modal #searchform .form-field input[type="text"],
.cd-search-modal #searchform .form-field input[type="text"],
.cd-search-modal #searchform .form-field input[type="text"]
 {height: 50px !important;}


.red_row div.circle{
    line-height: 55px;
    cursor: pointer;
    margin-top:10px;/*aris*/
    display: inline-block;


}

.red_row .circle:hover div.fa{
  border:1px solid #C40F39;
  background: #fff;  
  box-shadow:0 0 0 5px rgba(255,255,255,0.4);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -ms-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);  
  -webkit-transition: all .5s ease-out;
  -moz-transition: all .5s ease-out;
  -ms-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out;  
  background-repeat: no-repeat;
  cursor: pointer;     
}

/*aris change*/



 .fa-instagra
 {
  background-image: url(../images/white2.png);
  background-size: 35px 45px;
  background-position: center;
  background-repeat: no-repeat;
  margin-top:10px; 
 }
 .fa-instagr{
   background-image: url(../images/instawh.png);
   background-size: 35px 35px;
   background-position: center;
   background-repeat: no-repeat;
   margin-top:10px;
 }
 .fa-insta{
 background-image: url(../images/envelopew.png);   
 background-size: 32px 27px; 
 background-position: center;
 background-repeat: no-repeat; 
 margin-top:10px; 
 }


.red_row div.circle:hover div.fa-instagra{
 background-image: url(../images/red1.png);
 background-size: 35px 45px;
 background-position: center;
 -webkit-transition: 900ms; /*aris*/
  transition: 900ms;/*ris*/
}

 .red_row div.circle:hover div.fa-instagr{
 background-image: url(../images/insta.png);
 background-size: 35px 35px;
 background-position: center;
 background-repeat: no-repeat;
 -webkit-transition: 900ms; /*aris*/
  transition: 900ms;/*aris*/

}

.red_row div.circle:hover div.fa-insta{
 background-image: url(../images/enveloper.png);
 background-size: 32px 28px;
  background-position: center;
  background-repeat: no-repeat;
 -webkit-transition: 900ms; /*aris*/
  transition: 900ms;/*aris*/
}

/*aris change*/

#sp-bottom1 .sp-module ul.nav.menu >li >a{
  padding-left: 5px;/*aris change*/
}


#sp-bottom1 .sp-module ul.nav.menu >li >a{
  width: 74%;
  font-size: 14px;
  color: inherit;
}

#sp-bottom1 .sp-module ul.nav.menu > li > a.unclickable {
  pointer-events: none;
}

#sp-bottom1 .sp-module ul.nav.menu >li:hover{ /*Giannis Change**/
  background-color: #C40F39;
  color: #fff;
  font-size: 14px;
  width: 100%;
  cursor: pointer;
  }


.sp-module .latestnews >div >a:hover{color: #C40F39 !important;}


#sp-bottom .sp-module .sp-module-title{font-family: Helvetica, Arial, sans-serif; width: 100%;}


body{font-family: Helvetica, Arial, sans-serif !important;}
a,a:focus,a:hover,a:active,a:visited{font-family: Helvetica, Arial, sans-serif;}

.red_row  div.circle span{font-family: Helvetica, Arial, sans-serif !important; }
.header-menu a.sindesi, a.ginemelos{font-weight: 100 !important;font-size: 14px !important;}
.header-menu a.sindesi:hover, a.ginemelos:hover { color: black; }

@media (max-width:767px){
/*  #searchform .search-dir-button{display: none;}
  #searchform .form-field{width: 100%;border: 4px solid rgba(0,0,0,.2) !important;}
 */ .space{height: auto;}
  span.img{display: none;}


.price_table td span{
  margin-left: 40px;
  display: block;
}

  .img_span {
    width: 100%;
    float: left;
    height: 40px;
    background-color: #C40F39;
    padding-top: 12px;
    color: white!important;
}

.arxiki .img_span h1{
  margin-top: 0px!important;
}



  .custom table{display: block !important;width: 100% !important;max-width: 100% !important;height: 250px !important;}
  .custom table td{display: block !important;height: 100px;padding-left: 20px;}
  #sp-page-builder .page-content .sppb-section table td:nth-of-type(2){text-align: left !important;}
  .col-xs-12 {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
}
ul.categ li a {
  text-align: center;
  }

.bot-sp-module {
    left: 0px;
    bottom: 60px;
}


}

@media only screen and (max-width : 1019px) and (min-width : 768px) {
  .arxiki #searchform .form-field {
    margin-left: calc(50% - 320px)!important;
    width: 595px!important;
}

}



/*modal*/
/*modal*/
/*modal*/

.cd-user-modal, .cd-filter-modal, .cd-terms-modal , .cd-search-modal, .cd-distance-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-search-modal{
  background: rgba(0,0,0,0.5);
}



.cd-user-modal.is-visible{
  visibility: visible;
  opacity: 1;
}
.cd-filter-modal.is-visible {
  visibility: visible;
  opacity: 1;
}

.cd-terms-modal.is-visible, .cd-search-modal.is-visible, .cd-distance-modal.is-visible {
  visibility: visible;
  opacity: 1;
  overflow: auto;
}


.cd-user-modal.is-visible .cd-user-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-filter-modal.is-visible .cd-filter-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.cd-terms-modal.is-visible .cd-terms-modal-container , .cd-search-modal.is-visible .cd-search-modal-container, .cd-distance-modal.is-visible .cd-distance-modal-container {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}


.cd-user-modal-container {
  position: relative;
  width: 400px;
  height: 605px;
  max-width: 600px;
  background: #FFF;
  margin: 3em auto 4em;
  cursor: auto;
  border-radius: 0.25em;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cd-filter-modal-container {
    position: relative;
    width: 750px;
    height: 540px;
    background: #FFF;
    margin: 3em auto 4em;
    cursor: auto;
  border-radius: 0.25em;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}


.cd-terms-modal-container, .cd-distance-modal-container {
    position: relative;
    width: 675px;
    height: 320px;
    background: #FFF;
    margin: 8em auto 2em;
cursor: auto;
  border-radius: 0.25em;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}


.cd-distance-modal-container {
    position: relative;
    width: 780px;
    height: 550px;
    background: #FFF;
    margin: 4em auto 2em;
    cursor: auto;
    border-radius: 0.25em;
  -webkit-transform: translateY(-30px);
  -moz-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  -o-transform: translateY(-30px);
  transform: translateY(-30px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cd-search-modal #searchform{
  margin-left: 20px;
  margin-top: 30px;
}

.cd-distance-modal-container.address_added
{
  width: 780px;
  height: 625px;
  margin: 2em auto 2em;
}

.cd-search-modal #searchform .form-field input[type="text"] {
  border: 4px solid #cc0000!important;
}


.cd-ask-modal, .cd-notif-modal, .cd-notifil-modal{
  position:fixed;
  overflow-y: scroll;
  height:100%;
  width:100%;
  top:0;
  left:0;
  transform:scale(0);
  z-index:1;
  background: rgba(0,0,0,0.2);
  opacity: 0;
  display: none;

}
.cd-ask-modal.is-visible, .cd-notif-modal.is-visible, .cd-notifil-modal.is-visible {
    transform:scaleY(.01) scaleX(0);
    animation:unfoldIn 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
    z-index: 999;
    opacity: 1;
    display: block;
}


.cd-user-modal-container .close {
  position: absolute;
  top: 5px;
  right: 10px;
}


.cd-ask-modal.out, .cd-notif-modal.out , .cd-notifil-modal.out{
      transform:scale(1);
      animation:unfoldOut 1s .3s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
}

.cd-ask-modal.is-visible .cd-ask-modal-container  {
  transform:scale(0);
  animation: zoomIn .5s .8s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
  background: white;
  height: 525px;
  width: 85%;
  max-width: 950px;
  margin: auto;
  margin-top: -2%;
}

.cd-notif-modal.is-visible .cd-notif-modal-container , .cd-notifil-modal.is-visible .cd-notifil-modal-container {
  transform:scale(0);
  animation: zoomIn .5s .8s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
  background: white;
  height: 500px;
  width: 90%;
  max-width: 400px;
  margin: auto;
  margin-top: 50px;

}


.cd-ask-modal.out .cd-ask-modal-container, .cd-notif-modal.out .cd-notif-modal-container, .cd-notifil-modal.out .cd-notifil-modal-container {
     animation: zoomOut .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
     background: white;
}


  #cd-login, #cd-signup, #cd-reset-password, #cd-filters_programms, #cd-filters_categories, #cd-filters_mcategories, #cd-filters_scategories, #cd-filters_extras, #cd-filters_extrapar,
  #cd-filters_diamerisma, #cd-filters_area,  #cd-filters_distance,  #cd-filters_payment, #cd-filters_nomos, #cd-filters_filters{
    display: none;
    height: 100%;
  }
  
  #cd-login.is-selected, #cd-signup.is-selected, #cd-reset-password.is-selected , #cd-filters_programms.is-selected , #cd-filters_categories.is-selected,#cd-filters_mcategories.is-selected,#cd-filters_scategories.is-selected,
  #cd-filters_extras.is-selected,#cd-filters_extrapar.is-selected,#cd-filters_diamerisma.is-selected,#cd-filters_area.is-selected,
  #cd-filters_distance.is-selected,#cd-filters_payment.is-selected, #cd-filters_nomos.is-selected, #cd-filters_filters.is-selected{
    display: block;
  }

.modal_title {
  font-size: 22px;
  color: black;
  float: left;
  width: 100%;
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px;
}


.cd-switcher {
    color: grey;
    position: absolute;
    bottom: 0px;
    float: left;
    width: 100%;
    text-align: center;
    border-top : 1px solid gainsboro;
}

.cd-switcher a{
  margin-left: 5px;
  margin-right: 5px;
}

.cd-switcher a:hover , .send_pass a:hover{
  text-decoration-line: underline;
}

.show_pass, .show_pass2{
      background-image: url("https://www.xlapatsas.gr/images/o_eye.ico");
      background-repeat: no-repeat;
      background-size: 32px 32px;
      z-index: 5 !important;
      display: block;
      height: 44px;
      width: 40px;
      position: absolute;
      right: 0px;
      top: 7px;
}


.show_pass.pass_show, .show_pass2.pass_show{
      background-image: url("https://www.xlapatsas.gr/images/c_eye.png");
}


.show_pass img, .show_pass2 img {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    right: -30px;
    top: 14px;
}

.panel {
  margin-bottom: 0px!important;
  box-shadow: none!important;
}



.show_pass img:hover , .show_pass2 img:hover {
    cursor: pointer;
}

#login-form  h5{
color: black;
width: 100%;
text-align: center;
padding-top: 10px;
float: left;
}

#login-form  h5 a:hover{
  text-decoration-line: underline;
}

.cd-switcher h6{
  font-size: 14px!important;
}

.form-group .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    margin-left: calc(50% - 148px);
    width: 296px;
}


.panel form .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 296px;
    margin-left: calc(50% - 148px);
}


.header-menu .header-menu-logged li, .header-menu .header-menu-not-logged li {
    display: inline;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
}

.fa, .fab, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.krifo.hidden_filter{
  display: none!important;
}


.left_arrow {
  font-family: icomoon !important;
}


.left_arrow::before {
    content: '\f00c';
    color: blue;
    position: absolute;
    left: 20px;
    top: 14px;

}

.filters_menu {
  width: 30%;
  border-right:  1px solid silver;
  max-height: 550px;
  overflow-y: auto;
}

span.cnt {
    font-size: 11px;
    color: #777;
    padding: 3px;
    font-size: 10px;
    font-weight: normal;
    margin-left: 4px;
    color: #666;
    vertical-align: middle;

}

.allfills{
  float: left;
  width: 70%;
/*height: calc(100% - 75px) !important;
overflow: scroll;
overflow-x: hidden;*/
}


.cd-filter-modal ul.filters_menu{
  list-style-type: none;
  padding: 0;
  float: left;
}


.cd-filter-modal .allfills ul{
  list-style-type: none;
  padding: 0;
  float: left;
  width: 100%;
  margin-left: 0px!important;
}


.filters_menu li{
  min-height: 40px;
  width: 100%;
  border-bottom: 1px solid silver;
  display: block;
  cursor: pointer;
  text-align: center;
  position: relative;

}
.filters_menu li span{
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


/*auto einai se periptwsh poy ta thelei stin idia seira


.filters_menu li{
  min-height: 40px;
  width: 100%;
  border-bottom: 1px solid silver;
  display: block;
  cursor: pointer;
  text-align: center;
line-height: 35px;


}

*/

.filters_menu li:hover{
  cursor: pointer;
  background-color: #C40F39;
  color: white;
}

.allfills h3{
  text-align: center;
  text-decoration: underline;
  padding-bottom: 10px;
  margin-top: 0px;
}

.cd-filter-modal-container {
    border: 2px solid #C40F39;
}

.cd-filter-modal .allfills li{
  width: 50%;
  float: left;
}



.cd-filter-modal .allfills li .css-label{
margin-left: 15%;
font-size: 18px;
margin-right: -10px;
max-width: calc(85% - 20px);
overflow-x: hidden;
text-overflow: ellipsis;
}

.filters_menu li.selected{
  background-color: #ddd; 
}

#checked_filters2{
  border-top: 1px solid silver;
  float: left;
  position: absolute;
  bottom: 0px;
  padding-top: 10px;
  width: 100%;
}

#num_of_checked_filters{
  position: absolute;
  right: 0px;
  top: -36px;
  padding: 10px 5px;
  border: 1px solid silver;

}


#checked_filters2 .filterslist{
  max-height: 100px;
  overflow: auto;
  padding-bottom: 1px;
}

#checked_filters2 label{
  margin-left: 10px;
  margin-right: -5px;
}

#checked_filters2 #chfi_cleanup2{
  margin-left: 5px;
}

.bot_back{
  width: 100%;
  height: 55px;
  padding-top: 13px;
  background-color: #ddd;
  border-top: 1px solid silver;
  margin-top: 5px;
}

#checked_filters2 .close{
opacity: 1;
color: white;
font-weight: 100;
font-size: 13px;
padding: 10px 10px;
border-radius: 4px;
border-color: rgb(51, 122, 183) !important;
background-color: rgb(51, 122, 183) !important;
margin-right: 10px;
margin-left: 48%;
}


.cd-ask-modal button.close_ask {
    padding-right: 5px;
    font-size: 30px;
    z-index: 9999;
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 50px;
}

.cd-notif-modal button.close_notif, .cd-notifil-modal button.close_notifil {
    padding-right: 5px;
    font-size: 30px;
    z-index: 9999;
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 50px;
}


button.close {
    padding-right: 5px;
    font-size: 30px;
}



/* !!!!!!!!!!!!!!!!   */
button.close_ask {
    padding-right: 5px;
    font-size: 30px;
}
button.close_ask {
    padding: 0;
        padding-right: 0px;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close_ask {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}


.close_ask:hover, .close_ask:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}


button.close_notif, button.close_notifil  {
    padding-right: 5px;
    font-size: 30px;
}
button.close_notif , button.close_notifil{
    padding: 0;
        padding-right: 0px;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}
.close_notif, .close_notifil {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}


.close_notif:hover, .close_notif:focus, .close_notifil:hover, .close_notifil:focus  {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}


@media only screen and (max-width : 420px){
      .cd-filter-modal-container {
          position: relative;
          width: 100%;
          height: 100%;
          background: #FFF;
          margin: 0;
          min-height: 500px;

  }

  .cd-filter-modal-container .left_arrow::before {
    left: 5px!important;
    top: 13px!important;
  }

      .cd-filter-modal .allfills li .css-label {
          margin-left: 10%;
          font-size: 18px;
          margin-right: -10px;
}

    .filters_menu {
       width: 40%;
     }

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

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

.cd-terms-modal-container {
    width: 280px;
    height: 510px;
    margin: 0em auto 2em !important;

}

.cd-distance-modal-container {
    width: 280px;
    height: 510px;
    margin: 0em auto 2em !important;

}

 .cd-search-modal-container {
    width: 280px;
 
}


.cd-terms-modal-container p, .cd-searh-modal-container p{
  font-size: 15px!important;
}


}



@media only screen and (max-width : 540px) and (min-width : 421px) {


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


.cd-terms-modal-container {
    width: 400px !important;
    height: 421px !important;
    margin: 3em auto 2em !important;
}

.cd-distance-modal-container {
    width: 400px !important;
    height: 421px !important;
    margin: 3em auto 2em !important;
}

.cd-search-modal-container {
    width: 400px !important;
    margin: 3em auto 2em !important;

}


}



@media only screen and (max-width : 650px) and (min-width : 541px) {
      .cd-filter-modal-container {
        position: relative;
        width: 100%;
        height: 100%;
        background: #FFF;
        margin: 0;
    }

      .cd-filter-modal .allfills li .css-label {
          margin-left: 10%;
          font-size: 18px;
          margin-right: -10px;
}


.cd-terms-modal-container {
    width: 470px!important;
    height: 401px!important;
    margin: 5em auto 2em!important;

}

.cd-distance-modal-container {
    width: 470px!important;
    height: 401px!important;
    margin: 5em auto 2em!important;

}

.cd-search-modal-container {
    width: 470px!important;
    margin: 5em auto 2em!important;

}

}

@media only screen and (max-width : 1050px) and (min-width : 651px) {

  .cd-filter-modal-container {
    position: relative;
    width: 90%;
    height: 520px;
    background: #FFF;
    margin: 3em auto 4em;

  }

}

@media only screen and (max-width : 553px) and (min-width : 281px) {


.cd-user-modal-container {
  position: relative;
  width: 90%;


}


.facebook_button, .facebook_button:hover {
    width: 80% !important;
    margin-left: 10% !important;
}

#customBtn, #customBtn2 {
  width: 75% !important;
  margin-left: 20% !important;

}

.twitter_button, .twitter_button:hover {
    width: 75% !important;
    margin-left: 5% !important;
}


.form-group .input-group {
    width: 80% !important;
    margin-left: 10% !important;
}

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


.panel form .input-group {
    width: 80% !important;
    margin-left: 10% !important;
}


#login-form h5 {
  font-size: 13px;
}


}

@media only screen and (min-width: 600px) {
  .cd-user-modal-container {
    margin-top: 5px;
  }

}


#cd-ask form {
    border-bottom: 1px dotted #bbbbbb;
}

#cd-ask h5 {
    position: relative;
    padding: 35px 20px 25px;
    border-bottom: 1px solid #bbbbbb;
    background: #f1f1f1;
    font-size: 19px;
}

#cd-ask h4{
color: #C40F39;
padding-top: 20px;
padding-bottom: 20px;
}


#cd-ask #feedback_text h4{
  text-align: center;
}

#cd-ask ul {
    list-style: none;
}

#cd-ask form{
  height: 340px;
}


#cd-ask li{
position: relative;
margin-top: 15px;
margin-left: 22px;
}

#cd-ask li:hover{
  color: #C40F39;
  cursor: pointer;
}

.feedback_choice label{
  margin-left: 16px;
}


input[type="radio"] {
    display: none;
}

input[type="radio"] + label::before {
    -webkit-transition: background-color .1s ease;
    transition: background-color .1s ease;
    content: "";
    position: absolute;
    top: -3px;
    left: -22px;
    width: 18px;
    height: 20px;
    border: 1px solid #bbbbbb;
    border-radius: 50%;
}

input[type="radio"]:checked + label::before {
    background: #1c7ece!important;
    border-color: #1c7ece!important;
}


input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    top: 4px;
    left: -16px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #f1f1f1;
  }

#feedback_choices, #feedback_text{
float: left;
width: 47%;
margin-left: 3%;
}



#cd-ask #feedback_choices label{
  width: 100%;
  margin: 0px!important;
}

#cd-ask #feedback_choices label:hover {
  cursor: pointer;
}

textarea#feedback_body  {
    width: 95%;
    min-height: 140px;
    margin-bottom: 10px;
    padding: 10px;
    resize: none;
}

input#feedback_email  {
    width: 95%;
    min-height: 40px;
    margin-bottom: 10px;
    padding: 10px;
    resize: none;
}

#cd-ask input[type="submit"] {
    position: absolute;
    right: 20px;
    bottom: -15px;
    padding: 10px 15px 10px 50px;
    background: url(https://www.xlapatsas.gr/images/email.png) no-repeat #363636;
    color: white;
    cursor: pointer;
    background-size: 25px;
background-position: 10px;
}

#cd-ask input[type="submit"]:hover, #cd-ask input[type="submit"]:active {
    background-color: #C40F39;
}

@keyframes unfoldIn {
  0% {
    transform:scaleY(.005) scaleX(0);
  }
  50% {
    transform:scaleY(.005) scaleX(1);
  }
  100% {
    transform:scaleY(1) scaleX(1);
  }
}

@keyframes unfoldOut {
  0% {
    transform:scaleY(1) scaleX(1);
  }
  50% {
    transform:scaleY(.005) scaleX(1);
  }
  100% {
    transform:scaleY(.005) scaleX(0);
  }
}

@keyframes zoomIn {
  0% {
    transform:scale(0);
  }
  100% {
    transform:scale(1);
  }
}

@keyframes zoomOut {
  0% {
    transform:scale(1);
  }
  100% {
    transform:scale(0);
  }
}

@keyframes fadeIn {
  0% {
    background:rgba(0,0,0,.0);
  }
  100% {
    background:rgba(0,0,0,.7);
  }
}

@keyframes fadeOut {
  0% {
    background:rgba(0,0,0,.7);
  }
  100% {
    background:rgba(0,0,0,.0);
  }
}

@keyframes scaleUp {
  0% {
    transform:scale(.8) translateY(1000px);
    opacity:0;
  }
  100% {
    transform:scale(1) translateY(0px);
    opacity:1;
  }
}

@keyframes scaleDown {
  0% {
    transform:scale(1) translateY(0px);
    opacity:1;
  }
  100% {
    transform:scale(.8) translateY(1000px);
    opacity:0;
  }
}

@keyframes scaleBack {
  0% {
    transform:scale(1);
  }
  100% {
    transform:scale(.85);
  }
}

@keyframes scaleForward {
  0% {
    transform:scale(.85);
  }
  100% {
    transform:scale(1);
  }
}

@keyframes quickScaleDown {
  0% {
    transform:scale(1);
  }
  99.9% {
    transform:scale(1);
  }
  100% {
    transform:scale(0);
  }
}

@keyframes slideUpLarge {
  0% {
    transform:translateY(0%);
  }
  100% {
    transform:translateY(-100%);
  }
}

@keyframes slideDownLarge {
  0% {
    transform:translateY(-100%);
  }
  100% {
    transform:translateY(0%);
  }
}

@keyframes moveUp {
  0% {
    transform:translateY(150px);
  }
  100% {
    transform:translateY(0);
  }
}

@keyframes moveDown {
  0% {
    transform:translateY(0px);
  }
  100% {
    transform:translateY(150px);
  }
}

@keyframes blowUpContent {
  0% {
    transform:scale(1);
    opacity:1;
  }
  99.9% {
    transform:scale(2);
    opacity:0;
  }
  100% {
    transform:scale(0);
  }
}

@keyframes blowUpContentTwo {
  0% {
    transform:scale(2);
    opacity:0;
  }
  100% {
    transform:scale(1);
    opacity:1;
  }
}

@keyframes blowUpModal {
  0% {
    transform:scale(0);
  }
  100% {
    transform:scale(1);
  }
}

@keyframes blowUpModalTwo {
  0% {
    transform:scale(1);
    opacity:1;
  }
  100% {
    transform:scale(0);
    opacity:0;
  }
}

@keyframes roadRunnerIn {
  0% {
    transform:translateX(-1500px) skewX(30deg) scaleX(1.3);
  }
  70% {
    transform:translateX(30px) skewX(0deg) scaleX(.9);
  }
  100% {
    transform:translateX(0px) skewX(0deg) scaleX(1);
  }
}

@keyframes roadRunnerOut {
  0% {
    transform:translateX(0px) skewX(0deg) scaleX(1);
  }
  30% {
    transform:translateX(-30px) skewX(-5deg) scaleX(.9);
  }
  100% {
    transform:translateX(1500px) skewX(30deg) scaleX(1.3);
  }
}

@keyframes sketchIn {
  0% {
    stroke-dashoffset: 778;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes sketchOut {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 778;
  }
}

@keyframes modalFadeIn {
  0% {
    background-color:transparent;
  }
  100% {
    background-color:white;
  }
}

@keyframes modalFadeOut {
  0% {
    background-color:white;
  }
  100% {
    background-color:transparent;
  }
}

@keyframes modalContentFadeIn {
  0% {
    opacity:0;
    top:-20px;
  }
  100% {
    opacity:1;
    top:0;
  }
}

@keyframes modalContentFadeOut {
  0% {
    opacity:1;
    top:0px;
  }
  100% {
    opacity:0;
    top:-20px;
  }
}

@keyframes bondJamesBond {
  0% {
    transform:translateX(1000px);
  }
  80% {
    transform:translateX(0px);
    border-radius:75px;
    height:75px;
    width:75px;
  }
  90% {
    border-radius:3px;
    height:182px;
    width:247px;
  }
  100% {
    border-radius:3px;
    height:162px;
    width:227px;
  }
}

@keyframes killShot {
  0% {
    transform:translateY(0) rotate(0deg);
    opacity:1;
  }
  100% {
    transform:translateY(300px) rotate(45deg);
    opacity:0;
  }
}

@keyframes fadeToRed {
  0% {
    box-shadow:inset 0 0 0 rgba(201,24,24,.8);
  }
  100% {
    box-shadow:inset 0 2000px 0 rgba(201,24,24,.8);
  }
}

@keyframes slowFade {
  0% {
    opacity:1;
  }
  99.9% {
    opacity:0;
    transform:scale(1);
  }
  100% {
    transform:scale(0);
  }
}

/*C40F39

/*modal*/
/*modal*/
/*modal*/




 /*Giannis add**/
/********START OF SOCIAL MEDIA ICONS *******/
#social_media_icons div
{
  height: 36px;
  width: 36px;
  margin: 5px;
  float: left;
  border-radius: 5px;
  
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
  
}

#social_media_icons div:hover
{
  box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
  opacity: 1;
 -webkit-filter: grayscale(0%);
   filter: grayscale(0%);

}
.index_social_media_table ul{/*aris den kserw gt den kolouse mono t*/
  float: left;
  margin-left: 0px !important;
  position: relative;
}



.facebook_icon {
  background-image: url('../images/Square_Color_Social/Facebook.png');
}
.facebook_icon:hover {
  transition-duration: 0s;
   background-image: url('../images/Square_Color_Social/Facebook.png');
}

.inactive.facebook_icon:hover, .inactive.facebook_icon {
    background-image: url('../images/Square_Grey_Social/Facebook.png');
  }
  
.twitter_icon {
  background-image: url('../images/Square_Color_Social/Twitter.png');
}
.twitter_icon:hover {
  transition-duration: 0s;
  background-image: url('../images/Square_Color_Social/Twitter.png');
}

.inactive.twitter_icon:hover, .inactive.twitter_icon {
  background-image: url('../images/Square_Grey_Social/Twitter.png');
}

.instagram_icon {
  background-image: url('../images/Square_Color_Social/Instagram.png');
}
.instagram_icon:hover {
  transition-duration: 0s;
background-image: url('../images/Square_Color_Social/Instagram2.png');
}

.inactive.instagram_icon:hover, .inactive.instagram_icon {
  background-image: url('../images/Square_Grey_Social/Instagram.png');
}

.youtube_icon {
  background-image: url('../images/Square_Color_Social/YouTube.png');
}
.youtube_icon:hover {
  transition-duration: 0s;
 background-image: url('../images/Square_Color_Social/YouTube.png');
}

.inactive.youtube_icon:hover, .inactive.youtube_icon {
 background-image: url('../images/Square_Grey_Social/YouTube.png');
}

.googleplus_icon {
  background-image: url('../images/Square_Color_Social/Google_plus.png');

}
.googleplus_icon:hover {
  transition-duration: 0s;
  background-image: url('../images/Square_Color_Social/Google_plus.png');
}

.inactive.googleplus_icon:hover, .inactive.googleplus_icon {
  transition-duration: 0s;
  background-image: url('../images/Square_Grey_Social/Google_plus.png');
}

.linkedin_icon {
  background-image: url('../images/Square_Color_Social/Linkedin.png');
}

.linkedin_icon:hover {
  transition-duration: 0s;
  background-image: url('../images/Square_Color_Social/Linkedin.png');
}

.inactive.linkedin_icon:hover, .inactive.linkedin_icon {
  transition-duration: 0s;
  background-image: url('../images/Square_Grey_Social/Linkedin.png');
}

/********END OF SOCIAL MEDIA ICONS *******/




.underline:after { /*aris prosthiki underline sto footer*/
  content: '';
  display: block;
  background:#d3d3d3;
  height: 1px;
  width: 78%;
  float: left;
  margin-top: 7px;
}
.underline_cat:after { /*aris prosthiki underline sto footer*/
  content: '';
  display: block;
  background:#d3d3d3;
  height: 1px;
  width: 100%;
  margin-top: 7px;
}

.underline_comp:after { /*aris prosthiki underline sto footer*/
  content: '';
  display: block;
  background:#d3d3d3;
  height: 1px;
  width: 105%;
  float: left;
  margin-top: 7px;
}


.col-md-21, .col-md-22, .col-md-23, .col-md-25{float:left; position:relative;min-height:1px;padding-left:padding-right:15px }
.col-md-25{
  width:40%;
  padding-left: 20px;
}
.col-md-24{
  width:40%;
  padding-left: 13px;
}
.col-md-22{
  width:20%;
  padding-left: 2px;
}


#sp-footer a {
  color:#222;
}


#sp-footer1 a:hover{
  text-decoration-line: underline!important;
  color:#222;

}

#sp-bottom2 h6{

  display: block;
  width: 100%;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 15px;
  padding-bottom: 10px;
  padding-top: 2px; /*aris change*/
}

#sp-bottom3 h6{
  display: block;
  width: 100%;
  font-family: Helvetica, Arial, sans-serif !important;
  font-size: 15px;
  padding-bottom: 10px;
  padding-top: 2px; /*aris change*/
}

#sp-bottom2 h6 a:hover #footer_fade_details{
  text-decoration: underline;
  color: black;
}

#sp-bottom3 h6 a:hover #footer_fade_details{
  text-decoration: underline;
  color: black;
}



#sp-bottom2 #footer_fade_details
{
  font-size:15px;
  color:#808080;
  line-height: 1.5em;
  padding-bottom: 10px;
  padding-top: 5px;
}

#sp-bottom3 #footer_fade_details
{
  font-size:15px;
  color:#808080;
  line-height: 1.5em;
  padding-top: 5px;
}



#footer_fade_details:hover
{
  color:#000;
}
.footer_coop_headline
{
  color:black;
  padding-bottom:5px;
  font-size: 17px;
}

#sp-footer .container a:hover{
 text-decoration:underline; 
}



#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

.popupContainer{
  position:absolute;
  width:330px;
  height: auto;
  left:45%;
  top:80px;
  background: #FFF;
}

.btn {
    padding: 10px 35px;
    background: #F4F4F2;
    margin-left: 50%;
    margin-top: 0px;
    margin-bottom: 30px;
}

.btn_red {background: #ED6347; color: #FFF;}

.btn:hover {background: #E4E4E2;}
.btn_red:hover {background: #C12B05;}

a.btn {color:#666; text-align: center; text-decoration: none;}
a.btn_red {color: #FFF;}

.one_half {width:50%; display: block; float:left;}
.one_half.last {width:45%; margin-left:5%;}

/* Popup Styles*/
.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.popupHeader .modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size:16px;}

.popupBody {padding:20px;}


/* Social Login Form */
.social_login {}
.social_login .social_box {display:block; clear:both; padding:10px; margin-bottom: 10px; background: #F4F4F2; overflow: hidden;}
.social_login .icon {display:block; width:35px; padding:5px 10px; margin-right: 10px; float:left; color:#FFF; font-size:16px; text-align: center;} 
.social_login .fb .icon {background:#3B5998;}
.social_login .google .icon {background:#DD4B39;}
.social_login .icon_title {display:block; padding:5px 0; float:left; font-weight: bold; font-size: 16px; color:#777;}
.social_login .social_box:hover {background: #E4E4E2;}

.centeredText {text-align: center; margin: 10px 0; clear: both; overflow: hidden; color: black;padding-top: 15px;}

.action_btns {clear:both; overflow: hidden;}
.action_btns a {display: block;}

/* User Login Form */
.user_login {display: none;}
.user_login label {display: block; margin-bottom:5px;}
.user_login input[type="text"], .user_login input[type="email"], .user_login input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}
.user_login input[type="checkbox"] {float:left; margin-right:5px;}
.user_login input[type="checkbox"]+label {float:left;}

.user_login .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}
.forgot_password {display:block; margin: 20px 0 10px; clear: both; overflow: hidden; text-decoration: none; color:#ED6347;}

/* User Register Form */
.user_register {display: none;}
.user_register label {display: block; margin-bottom:5px;}
.user_register input[type="text"], .user_register input[type="email"], .user_register input[type="password"] {display: block; width:90%; padding: 10px; border:1px solid #DDD; color:#666;}
.user_register input[type="checkbox"] {float:left; margin-right:5px;}
.user_register input[type="checkbox"]+label {float:left;}

.user_register .checkbox {margin-bottom: 10px; clear: both; overflow: hidden;}


.popupBody .checkbox input[type="checkbox"]{

position: absolute;
margin-left: 10px;
}


#modal
{
  top:100px !important;
}

.red_row{
  width: 100%;
  float: left;
}

.safety_icon {
    width: 88px;
    height: 88px;
    position: relative;
    float: right;
    background-image: url('../images/eggiisi2.png');
    background-size: 88px;
}


.facebook_button {
    background-color: #3b5998;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-left: calc(50% - 148px);
    margin-bottom: 20px;
    width: 296px;
    height: 44px;
    border-radius: 4px;
}

.facebook_button.incognito {
  display:none;
}

.facebook_button:hover {
    background-color: #506fa5;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-left: calc(50% - 148px);
    margin-bottom: 20px;
    width: 296px;
    border-radius: 4px;
}

.twitter_button {
    background-color: #1da1f2;
    border: none;
    color: white;
    padding: 14px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-left: calc(50% - 92px);
    width: 140px;
    border-radius: 4px;

}

.twitter_button:hover {
    background-color: #77c7f7;
    border: none;
    color: white;
    padding: 14px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin-left: calc(50% - 92px);
    width: 140px;
border-radius: 4px;

}

#customBtn, #customBtn2 {
    display: inline-block;
    background: #dd4b39;
    color: white;
    width: 140px;
    height: 44px;
    margin-left: calc(50% - 48px);
    line-height: 44px;
    font-size: 16px;
    border-radius: 4px;
}
#customBtn .buttonText, #customBtn2 .buttonText {
    text-align: center;
}
    
#gSignInWrapper , #twSignInWrapper
{
  float: left;
  width: 50%;
}

 #customBtn2:hover, #customBtn:hover {
    cursor: pointer;
    background-color: #c03523;
}
   

/* ksekiname na kanoyme to site responsive *//* ksekiname na kanoyme to site responsive */

/* ksekiname na kanoyme to site responsive *//* ksekiname na kanoyme to site responsive */

/* ksekiname na kanoyme to site responsive *//* ksekiname na kanoyme to site responsive */

/* ksekiname na kanoyme to site responsive *//* ksekiname na kanoyme to site responsive */

/* ksekiname na kanoyme to site responsive *//* ksekiname na kanoyme to site responsive */

/* ksekiname na kanoyme to site responsive *//* ksekiname na kanoyme to site responsive */

/* ksekiname na kanoyme to site responsive *//* ksekiname na kanoyme to site responsive */

/* ksekiname na kanoyme to site responsive *//* ksekiname na kanoyme to site responsive */

.kiklakia{
width: 140px;
margin-left: calc(50% - 70px);
margin-top: 25px;
float: left;
}


.kiklakia li{
  float: left;
  width: 25px;
  margin-left: 5px;
}

.kiklakia li.slick-active .w3-badge{
      color: #000 !important;
    background-color: #fff !important;
}

.w3-badge {
    height: 25px;
    width: 25px;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #ccc !important;
    background-color: #000;
    color: #fff;
    display: inline-block;
    text-align: center;
    background: #D6D6D6;
}

.w3-badge:hover{
  background-color: white !important;
}

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



#site-map-search {
  height: 300px!important;
}


.sppb-section.no3{
  display: none;
}

.sppb-addon-title, .fpage_banners{
  display: none;
}


#sp-bottom {
  padding: 20px 0px!important;
}


#sp-bottom1{
  width: 100%;
  margin-left: -5px;
}

#sp-bottom2{
  width: 100%;
  margin-left: -5px;
}
#sp-bottom3{
  width: 100%;
  margin-left: -5px;
}

#sp-footer1 .all_rights, #sp-footer1 .footer_href{
float: left;
width: 96%;
text-align: left;
margin-left: 10px;
}

#sp-footer {
    padding-bottom: 15px !important;
}
#sp-footer1 .all_rights{
  padding-bottom: 5px;
  font-size: 12px;
}

.underline_cat::before {
    content: "›";
    position: relative;
    left: 93%;
    top: 0px;
    font-size: 21px;
    line-height: 7px;
    color: grey;
}

.fa-angle-down::before {
      font-family: 'icomoon' !important;
    content: "\f106";
}

.underline_cat::after {
  width: 96%;
  margin-left: 4%;
}

.bot-sp-module{
  margin-top: 20px !important;
  float: left;
  width: 100%;
}

.safety_icon {
  position: absolute!important;
  width: 78px;
 height: 78px;
  left: 190px;
  top:80px;
    }
#sp-bottom1 .sp-module ul.nav.menu >li >a{
  width: 100% !important;
  padding-left: 10px;
  }

#sp-bottom1 .sp-module ul.nav.menu >li >a:hover{
  width: 100% !important;
  padding-left: 10px;
  }

#sp-bottom1 .sp-module ul.nav.menu > li {     float: left!important; width: 100%;}

/*#sp-bottom1 .sp-module ul.nav.menu > li > a {
    width: 180px;
}
#sp-bottom1 .sp-module ul.nav.menu >li >a:hover{ /*Giannis Change
  width: 180px;
}*/


  #sp-bottom2, #sp-bottom3 {
      padding-top: 8px;
  }

  #sp-bottom2 h6, #sp-bottom3 h6 {
      padding-bottom: 0px;
      padding-top: 0px;
      margin-left: 15px;
  }


.sp-module .sp-module-title {
    font-size: 14px;
}

#sp-footer1 {
    font-size: 13px;
}

#sp-bottom .sp-module .sp-module-title {
    font-size: 14px;
    padding-top: 5px;
}

#sp-bottom .sp-module .sp-module-title:hover {
    color: inherit;
}


.footer_coop_headline {
    color: black;
    padding-bottom: 0px;
    font-size: 15px;
    padding-top: 3px;
}

#sp-bottom2 #footer_fade_details {
    font-size: 13px;
}

#sp-bottom3 #footer_fade_details {
    font-size: 13px;
}

.latestnews li{
  padding: 0px!important;
}


#sp-bottom .bot-sp-module .cus4 {
    font-size: 16px;
    padding-bottom: 0px;
    margin-top: 20px;
}

  #sp-header #sp-logo .sp-column {
    left: -10%;
}

.col-xs-12 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}
ul.categ li a {
  text-align: center;
  }

  ul.categ li a:hover{
    width: 100%;
    margin-left: 0%;

  }

  .sp-module ul > li > a {
    line-height: 30px;

}

 .space a{margin:0 !important;font-weight: bold !important;font-size: 14px !important;}

 .about_me{
position: relative !important;
top: 50px !important;
width: 96%;
margin-left: 2%;
margin-bottom: 20px;
}


.pempth .bc {
    margin-top: 10px;
}

.about_me {
    height: 100%!important;
    padding-bottom: 45px;
}


.my_pic {
    width: 200px!important;
    height: 200px!important;
}



.gym_schedule {
    width: 98%!important;
    margin: 1%!important;

}

.gym_schedule tr th, .gym_schedule tr td {
    font-size: 11px!important;
}

.more_infos_table li {
  margin-left: 0px!important;
}

.price_table th, td {
    padding: 8px 1.5px !important;
    font-size: 14px!important;
}


.gym_schedule tr th:not(:first-child), .gym_schedule tr td:not(:first-child) {
    max-width: 10px;
    overflow: hidden;
    /*text-overflow: ellipsis;*/

}

.gym_schedule tr th:first-child, .gym_schedule tr td:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 35px;
}


.day_cell{
  display: none;
}

.office_extras li{
width: 50%!important;
}

.pempth .business_pic {
    margin-left: 30px;
}

.pempth .bus_specs {
    padding-top: 0px;
}

.pempth .row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}


.seealso li{
width: 50%!important;
padding: 10px!important;
}


}


@media only screen and (max-width : 650px) and (min-width : 381px) {


.sppb-section.no3{
  display: none;
}

.rslides_tabs.rslides1_tabs{
width: 100px;
margin-left: calc(50% - 50px);
margin-top: 30px;
margin-bottom: -5px;
}

.rslides_tabs.rslides1_tabs li.rslides_here{
    color: #000 !important;
    background-color: #fff !important;
}

.rslides_tabs.rslides1_tabs li a{
    height: 20px;
    width: 20px;
    padding: 0;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #ccc !important;
    background-color: #000;
    color: #fff;
    display: inline-block;
    text-align: center;
     background-color: transparent !important;
     margin-right: 5px;
}



.rslides_tabs.rslides1_tabs li:hover{
  background-color: white !important;
}


 .fpage_banners{
  display: none;
}

#sp-bottom1, #sp-bottom2, #sp-bottom3 {
      padding-top: 6px;
      width: 100%;
      margin-left: -5px;
  }

  #sp-footer1 {
    font-size: 12px;
    font-family: Verdana, Arial, sans-serif;
}

#sp-footer1 .all_rights, #sp-footer1 .footer_href{
float: left;
width: 96%;
text-align: left;
margin-left: 10px;
}

#sp-footer {
    padding-bottom: 15px!important;
}
#sp-footer1 .all_rights{
  padding-bottom: 5px;
}

.underline_cat::before {
    content: "›";
    position: relative;
    left: 93%;
    top: 0px;
    font-size: 21px;
    line-height: 7px;
    color:grey;
}

.fa-angle-down::before {
    font-family: 'icomoon' !important;
    content: "\f107";
    position: relative;
    left: 93%;
    top: 0px;
    font-size: 18px;
    line-height: 7px;
    color: grey;
    margin-left: -5px;
}

.underline_cat::after {
    width: 96%;
}


#sp-bottom1 .sp-module ul.nav.menu >li >a{
  width: 100% !important;
  padding-left: 15px;
  }

#sp-bottom1 .sp-module ul.nav.menu >li >a:hover{
  width: 100% !important;
  padding-left: 15px;
  }

#sp-bottom1 .sp-module ul.nav.menu > li {     float: left!important;  width: 96%!important;}

#sp-bottom .sp-module .sp-module-title {
    text-transform: none;
    font-weight: 400;
    font-size: 14px;
    margin-top: 5px;
    padding-top: 8px;
}
#sp-bottom .sp-module .sp-module-title:hover {
    color: inherit;
}

.footer_coop_headline {
    color: black;
    padding-bottom: 0px;
    font-size: 15px;
    padding-top: 3px;
}

#sp-bottom2 #footer_fade_details {
    font-size: 13px;
}

#sp-bottom3 #footer_fade_details {
    font-size: 13px;
}

.latestnews li{
  padding: 0px!important;
}

  #sp-bottom2 h6, #sp-bottom3 h6 {
      padding-bottom: 0px;
      padding-top: 0px;
      margin-left: 15px;
  }


#sp-bottom .bot-sp-module .cus4 {
    font-size: 16px;
    padding-bottom: 0px;
}


#sp-bottom1 .sp-module ul.nav.menu > li > a {
    width: 84%;
}
#sp-bottom1 .sp-module ul.nav.menu >li >a:hover{ /*Giannis Change**/
  width: 84%;
  }

.safety_icon {
  position: absolute!important;
  left: 50px;
  top:230px;
    }
   

  #sp-header #sp-logo .sp-column {
    left: 10%;
}

#sp-menu .custom {
    width: 100px!important;
}


  .sp-module ul > li > a {
    line-height: 30px;

}
 .space a{margin:0 !important;font-weight: bold !important;font-size: 14px !important;}


.about_me{
    position: relative !important;
    top: 40px !important;
    width: 96%;
    margin-left: 2%;
    margin-bottom: 20px;
}

.pempth .bc {
  margin-top: 14px;
}

.gym_schedule {
    border-collapse: collapse;
    border: 1px solid black;
    width: 98%!important;
    margin: 1%!important;
}

.gym_schedule tr th, .gym_schedule tr td {
    font-size: 13px!important;
}

.gym_schedule tr th:first-child{
  width: 20px!important;
}

.price_table th, .price_table td {
    padding: 8px 1.5px !important;
    font-size: 16px!important;
}

.gym_schedule tr td {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.about_me {
    height: 100%!important;
    padding-bottom: 45px;
}




.my_pic {
    width: 200px!important;
    height: 200px!important;
}


.gym_schedule {
    width: 98%!important;
    margin: 1%!important;

}

.gym_schedule tr th, .gym_schedule tr td {
    font-size: 12px!important;

}


.gym_schedule tr th:not(:first-child), .gym_schedule tr td:not(:first-child) {
    max-width: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.gym_schedule tr th:first-child, .gym_schedule tr td:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 35px;
}


.day_cell{
  display: none;
}

.office_extras li{
width: 50%!important;
}

.pempth .business_pic {
    margin-left: 30px;
}

.pempth .bus_specs {
    padding-top: 0px;
}


.pempth .row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}

.seealso li{
width: 50%!important;
padding: 10px!important;
}

}


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


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


.red_row div.circle div.fa-instagra {
    background-size: 30px 35px!important;
}

.red_row div.circle:hover div.fa-instagra {
    background-size: 30px 35px!important;
}

.red_row div.circle div.fa-instagr {
    background-size: 32px 32px!important;
}

.red_row div.circle:hover div.fa-instagr {
    background-size: 32px 32px!important;
}
.red_row span {
    font-size: 16px !important;
    top: 26px!important;
    left: 15px!important;
    max-width: 200px;
  }


}


@media only screen and (max-width : 991px) and (min-width : 651px) {







.arxiki #searchform .form-field {
    margin-left: calc(50% - 270px);
    width: 495px;
}


body{
line-height: 1;

}  

ul.categ li[class*="categorybg"] ul.catg {
    height: 222px;
}


.img_span{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold !important;
font-size: 14px !important;
color: black;
}


.redob1{
  width: 47%;
  float: left;
  background-color: #c40f39;
  margin-left: 3%;
}

.redob2{
  width: 47%;
    float: left;
  background-color: #c40f39;
  margin-left: 3%;
}
.red_row .redob3{
  display:none;
}


.red_row div.circle span {
    margin-left: -10px;
}


#sp-bottom1 .sp-module ul.nav.menu >li >a:hover{ /*Giannis Change**/
  width: 60%;
  }

#sp-bottom1{
  width: 23%;
  float:left;
}

#sp-bottom2{
  width: 30%;
float:left;
margin-left: 13.5%;
}
#sp-bottom3{
  width: 22%;
  float:left;
  margin-left: 11.5%;

}

#sp-bottom1 .sp-module ul.nav.menu > li > a {
    width: 100%;
}

#sp-bottom1 .sp-module ul.nav.menu > li > a:hover {
    width: 75%;
}

  #sp-header #sp-logo .sp-column {
    left: 32%;
}

 
 #site-map-search .sppb-section{
  height: 100px!important;
 }


#sp-bottom1 .underline_cat:after{
    width: 100%;
}

#sp-bottom2 .underline_cat:after { /*aris prosthiki underline sto footer*/
  width: 100%;
}
#sp-bottom3 .underline_cat:after { /*aris prosthiki underline sto footer*/
  width: 100%;
}

.fa-angle-down::before {
display: none;
}


#sp-bottom1 .sp-module ul.nav.menu > li > a:hover {

    width: 105%;

}


  span.img.athletics img{max-width: 90% !important;height: 150px !important;margin-top: 32px !important;margin-bottom: -10px !important; margin-left: 47px!important;}
  ul.categ li[class*='categorybg'] span.img img{height: auto;object-fit: cover;height: 170px;margin-top: 10px;margin-bottom: -10px; margin-left: 90px;}
  .space a{margin:0 !important;font-weight: bold !important;font-size: 14px !important;}


.about_me{
    position: relative !important;
    top: 45px !important;
    width: 96%;
    margin-left: 2%;
    margin-bottom: 20px;
    padding-bottom: 45px;
    height: 100%!important;
}


.pempth .bc {
   margin-top: 15px;
}

.my_pic {
    width: 200px!important;
    height: 200px!important;
}

.gym_schedule {
    border-collapse: collapse;
    border: 1px solid black;
    width: 98%!important;
    margin: 1%!important;
}

.gym_schedule tr th, .gym_schedule tr td {
    font-size: 12px!important;
}

.gym_schedule tr th:first-child{
  width: 20px!important;
}

.price_table th, td {
    padding: 8px 5px !important;
}


.gym_schedule tr td {
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sday_cell{
  display: none;
}


.pempth .business_pic {
    margin-left: 30px;
}

.pempth .bus_specs {
    padding-top: 0px;
}

.pempth .row {
    margin-left: 0px!important;
    margin-right: 0px!important;
}


}



@media only screen and (max-width : 991px) and (min-width : 768px) {
.bot-sp-module {
    top: 250px;
}

#sp-bottom .container {
    padding: 30px 0 40px 0!important;
}


}



@media only screen and (max-width : 1199px) and (min-width : 992px) {

.arxiki #searchform .form-field {
    margin-left: calc(50% - 370px);
    width: 695px;
}

.bot-sp-module {
    top: 260px;
}  

.arxiki .slider-item-name h4 {
  margin-top: 20px;
  margin-bottom: 0px;
}
.col-md-7.right {
    width: 60%!important;
}


.col-md-7 {
    width: calc(60% - 15px) !important;
}

.pempth .business_pic{
width: 100px;
float: left;
margin-left: 40px;

}

.pempth .posts_sidebar .col-md-4{
  width: 31.333%!important;
  margin-left: 2%;
}

.redob1,.redob2, .red_row .redob3{
  width: 250px; 
  float: left;
  background-color: #c40f39;
}

.redob2{
  margin-left: 10%;
}

 .red_row .redob3{
  margin-left: 10%;
  padding-left: 10px;
}

#sp-bottom1{
  width: 23%;
  float:left;
}

#sp-bottom2{
  width: 30%;
float:left;
margin-left: 13.5%;
}
#sp-bottom3{
  width: 22%;
  float:left;
  margin-left: 7.5%;

}

#sp-bottom2 .underline_cat:after { /*aris prosthiki underline sto footer*/
  width: 90%;
}
#sp-bottom3 .underline_cat:after { /*aris prosthiki underline sto footer*/
  width: 100%;
}
.fa-angle-down::before {
display: none;
}


  span.img.athletics img{max-width: 90% !important;height: auto !important;margin-top: 32px !important;margin-bottom: 55px !important; margin-left: 7px!important;}
  ul.categ li[class*='categorybg'] span.img img{height: auto;object-fit: cover;height: 170px;margin-top: 10px;margin-bottom: 10px; margin-left: 0px;}
  .space a{padding: 0 !important;margin:0 !important;font-weight: bold !important;font-size: 14px !important;}


.gym_schedule tr th, .gym_schedule tr td {
    font-size: 13px!important;
}

.sday_cell{
  display: none;
}

/*pemptes*/
/*pemptes*/
/*pemptes*/
.about_me {
    background-color: white;
    width: 32.33%;
    margin-left: 1%;
    z-index: 0;

}
.about_me.totopabsolute{
    top: 50px !important;
    position: absolute !important;
}

.about_me.absolute{
    position: absolute;
    bottom: 138px;

}
.about_me.fixed{
  position: fixed;
  top: 70px;
}

.about_me .row{
  margin-right: 0px!important;
  margin-left: 0px!important;
}

.about_right{
  margin-left: 33.33%;
}

/*pemptes*/
/*pemptes*/
/*pemptes*/

/*edit info*/
/*edit info*/
/*edit info*/


/*edit info*/
/*edit info*/
/*edit info*/

}

@media only screen and (min-width : 1200px) {


.arxiki #searchform .form-field {
    margin-left: calc(50% - 320px);
    width: 595px;
}

.col-md-7.right {
    width: 60%!important;
}


.col-md-7 {
    width: calc(60% - 15px) !important;
}

.pempth .posts_sidebar .col-md-4{
  width: 31.333%!important;
  margin-left: 2%;
}


.redob1,.redob2, .red_row .redob3{
  width: 23%; 
  float: left;
  background-color: #c40f39;
}

.redob2{
  margin-left: 17%;
}

.red_row .redob3{
  margin-left: 14%;
}
/*
#sp-bottom {
  padding: 60px 0px!important;
}
*/

.sp-default-logo{

  background-repeat: no-repeat;
  width: auto; /*or your image's width*/
  height: auto; /*or your image's height*/
  margin: 0;
  padding: 0;
}

#sp-bottom1{
  width: 23%;
  float:left;
}

#sp-bottom2{
  width: 30%;
float:left;
margin-left: 17%;
}
#sp-bottom3{
  width: 22%;
  float:left;
  margin-left: 7.5%;

}

#sp-bottom2 .underline_cat:after { /*aris prosthiki underline sto footer*/
  width: 100%;
}
#sp-bottom3 .underline_cat:after { /*aris prosthiki underline sto footer*/
  width: 105%;
}

.fa-angle-down::before {
display: none;
}

  ul.categ li[class*='categorybg'] span.img img{height: auto;object-fit: cover;margin-top: 10px;margin-bottom: 10px; margin-left: 20px;}
  .space a{padding: 0 !important;margin:0 !important;font-weight: bold !important;font-size: 14px !important;}

.sday_cell{
  display: none;
}


/*pemptes*/
/*pemptes*/
/*pemptes*/
.about_me {
    background-color: white;
    width: 32.33%;
    margin-left: 1%;
    z-index: 0;

}
.about_me.totopabsolute{
    top: 50px !important;
    position: absolute !important;
}

.about_me.absolute{
    position: absolute;
    bottom: 138px;

}
.about_me.fixed{
  position: fixed;
  top: 70px;
}

.about_me .row{
  margin-right: 0px!important;
  margin-left: 0px!important;
}

.about_right{
  margin-left: 33.33%;
}

/*pemptes*/
/*pemptes*/
/*pemptes*/

/*edit info*/
/*edit info*/
/*edit info*/


/*edit info*/
/*edit info*/
/*edit info*/
  }



/*  aris changes */
/*  aris changes */
/*  aris changes */


.header-menu-logged .user_image{
    width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
}

.header-menu-logged .user_image img{
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 50%;
  background-color: white;
}


.arxiki #searchform i.dir-icon-search {
margin-top: -13px;
position: absolute!important;
margin-left: -9px;
font-size: 20px !important;
}


#user_infos.dropdown-content a:hover {
background-color: #c7254e;
color: white;
}

.header-menu-logged .user_image:hover img {
    border: 1px solid  #c7254e;
}


#user_infos.dropdown-content{
  width: 230px;
  top: 45px;
}

#user_infos.dropdown-content>a:first-child{
  margin-top: 20px;
}

#user_infos.dropdown-content>a:last-child{
 border-top: 1px solid #ddd;
}


#user_infos.dropdown-content::before {
  content: "";
  width: 10px;
  height: 12px;
  position: absolute;
  bottom: 100%;
  right: 13px;
  border-width: 0px 10px 13px 10px;
  border-style: solid;
  border-color: #f9f9f9 transparent;

}


.img_span{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold !important;
font-size: 14px !important;
color: black;
}


.arxiki .img_span h1{
  float: left;
  width: 100%;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

.arxiki .catg li h2{
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.page-title h1{
  font-size: 24px;
}

.cat-infos h2{
  font-size: 17px;
  margin-bottom: 0px;
  margin-top: 0;
}


.header-menu-not-logged, .header-menu-logged {
    float: right;
    position: absolute;
    right: 15px;
    text-align: right;
}

.header-menu-logged {
    width: 186px;  
    top: 34px;
}

.header-menu-not-logged {
    top: 38px;
}



.header-menu-not-logged .compass{
  margin-top: -6px;

}

.scrollare .header-menu {
     top:7px;
}

.scrollare .header-menu-logged, .scrollare .header-menu-not-logged {
    top: 20px!important;
}


.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;
}

.alarm, .userfav , .compass {
  display: inline-block;
    font-family: 'icomoon' !important;
    position: relative;
}

.alarm.sound::before{
  color: #c7254e!important;

}
.alarm::before {
    content: "\e908";
    font-size: 24px;
    vertical-align: middle;
    color: #999999;
}

.userfav::before {
    content: "\e902";
    font-size: 24px;
    vertical-align: middle;
    color: #999999;
}

.compass::before {
    content: "\e919";
    font-size: 29px;
    vertical-align: middle;
    color: #999999;
}

 .compass {
    margin-top: -3px;
 }
 
.compass_filled::before {
  color: #c7254e;
}

 .userfav.red_heart::before {
    color: #c7254e!important;
}

 .userfav:hover::before, .alarm:hover::before, .compass:hover::before, .headerli .icon-search:hover {
    color: #c7254e!important;
    cursor: pointer;
}

#show_infos.user_image{
  margin-top: -2px;
}

.sound.alarm {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 3s ease-out 0s 1 notif_bell; 
  cursor: pointer;
}


.about_me {
    background-color: white;
}

#user_favorites {
    width: 350px;
    min-height: 72px;
    position: absolute;
    color: #707070;
    max-width: 600px;
    height: auto;
    font-size: 12px;
    right: 57px;
    top: 43px;
}

#user_notifications {
    width: 350px;
    min-height: 72px;
    color: #707070;
    max-width: 600px;
    height: auto;
    font-size: 12px;
    right: 100px;
    top: 43px;

}

#user_notifications ul{
      max-height: 300px;
    overflow-y: auto;
    border-bottom: 1px solid #ddd
}

#user_notifications .newlabel{
    position: absolute;
    width: 30px;
    right: 10px;
    top: 35px;
    margin: 0;
    height: auto;
}


.popup_favorites {
    position: relative;
    background: #f9f9f9;
    max-height: 350px;
    padding: 0px;
    overflow-y: auto;
    border-bottom: 1px solid #ddd;;
}

#user_favorites .favorite ,  #user_notifications .favorite {
    font-size: 12px;
    position: relative;
    width: 100%;
    margin: 0px!important;
}

#user_favorites .favorite > a , #user_notifications .favorite > a{
    color: #363636;
    display: block;
    position: relative;
    padding: 20px 20px 20px 90px;
}

#user_favorites .favorite > a:hover , #user_notifications .favorite > a:hover{
    background-color: #FBD0DA;
  font-size:14px;
}

#user_favorites .favorite > a:hover .product_price, #user_notifications .favorite > a:hover .product_price {
    color: black;
}

#user_favorites .favorite .product-image , #user_notifications .favorite .product-image{
position: absolute;
top: 20px;
width: 40px;
height: 40px;

}
.bus-image{
position: absolute;
width: 40px;
height: 40px;
background: #f9f9f9 center no-repeat;
    background-origin: padding-box;
    background-size: auto auto;
background-size: contain;
background-origin: content-box;
border: 1px solid #e8e8e8;
left: 20px;

}

#user_favorites .favorite .product_name , #user_notifications .favorite .product_name{
    display: block;
    margin-bottom: 3px;
    color: black;
    font-size: 13px;
    line-height: 1.3;
    text-align: left;
}

#user_favorites .favorite > a .product_price , #user_notifications .favorite > a .product_price{
    color: #707070;
    display: block;
    margin-top: 8px;
     text-align: left;
}

#user_favorites.dropdown-content::before ,  #user_notifications.dropdown-content::before{
  content: "";
  width: 10px;
  height: 12px;
  position: absolute;
  bottom: 100%;
  right: 13px;
  border-width: 0px 10px 13px 10px;
  border-style: solid;
  border-color: #f9f9f9 transparent;

}



.view-all{
    margin: 20px;
    outline: none;
    border: none;
    border-radius: 3px;
    background: #e8e8e8;
    text-align: center;
    width: 90% !important;
}

.view-all:hover{
  background: #c7254e;
  color: white;
}


.before_upload .fileUpload{
  position: relative;
overflow: hidden;
margin: 10px;
height: 50px !important;
width: 150px !important;
padding: 15px 35px !important;
background-color: grey !important;
border-color: grey !important;
z-index: 5;

}

.before_upload .fileUpload:hover, .before_upload .fileUpload.loggedin{
background-color: #C40F39 !important;
border-color: #C40F39 !important;

}



.uploader {position:relative; overflow:hidden; width: 100%; height:320px; background:#f3f3f3; border:2px dashed #e8e8e8;}

.uploader img{ width: 100px; float: left; }

#filePhoto{
    position: relative;
    width:100%;
    left:0;
    z-index:2;
    opacity:0;
    height: 320px;
    margin-top: -215px;

}

.before_upload .dnd_upload img{
    
    width: 302px;
    height: 352px;
    top: 0px;
    left: -1px;
    z-index: 1;
    border: none;
    position: fixed;
}

.before_upload .button_upload{
  margin-top: -125px;
}

.before_upload .fileUpload input.upload {
    width: 150px;
    height: 50px;
}

.before_upload .fileUpload span{ 
  margin-left: -5px;
 }

.upload_photo .gallery_details{
position: absolute;
left: 0;
margin-bottom: -17px;

}


.edit_profile_wrapper h3, .job_offers h3{
  text-align: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

.edit_prof ul{
  list-style: none;
  padding: 0;
  margin: 0;
}


.gallery_details{
  float: left;
  width: calc(100% - 50px);
  margin-top: -35px;
  padding-bottom: 30px;

}

.edit_prof .gallery_details {
    position: relative;
}

.map_in_prof .btn{
  margin-left: calc(50% - 91px);
  margin-bottom: 15px;
}

.profile_image_wrapper .btn{
margin-top: 5px;
margin-left: calc(50% - 44px);
}



/*arisssssssssssssss telos/



/*Giannis for the profile_info*/



#photo_preview{

    /*height: 200px;
    border: 1px solid #000;
    margin: 10px 5px 0 0;*/
  
}



.edit_icons_wrapper{
  position: relative;
  /*width: 20%;
  border: 1px solid;*/
  float: left;
  width: 100%;

}

.event_plus:hover{
  cursor: pointer;
}

.event_plus span{
    position: absolute;
    color: white;
    font-size: 20px;
    text-align: width;
    width: 100%;
    text-align: center;
    background-color: #72B8E6;
    border-radius: 2px;
}

.event_plus span:hover{
  background-color: #72B8E6;
}

#event_tab #sports.plus_icon{
    width: 150px;
    border-radius: 2px;
    position: relative;
    height: 80px;
    margin-top: 30px;
}

.plus_icon , #schedule_tab #sports_add_button .programm_plus{
    width: 160px;
    border-radius: 2px;
    position: relative;
    height: 80px;
    margin-top: 30px;
    background-color: #4db8ff;
    margin-left: calc(50% - 80px);
    text-align: center;
    cursor: pointer;
  
   -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.plus_icon:hover , #schedule_tab #sports_add_button .programm_plus:hover{
    background-color: #0099ff;
}

/*
#event_tab #sports.plus_icon::before,  #schedule_tab #sports_add_button .programm_plus::before {
    content: '\f067';
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 5px;
    font-size: 20px;
    color: white;
}
*/
#event_tab #sports.plus_icon span, #schedule_tab #sports_add_button span, .plus_icon span {
    width: 100%;
    position: absolute;
    text-align: center;
    color: white;
    font-size: 16.5px;
    margin-top: 20px;
    left: 0;
    line-height: 22px;
}

.horizontal-plus {
  position: relative;
  background-color: #FFFFFF;
  width: 50%;
  height: 12.5%;
  left: 25%;
  top: 43.75%;
}
.vertical-plus {
  position: relative;
  background-color: #FFFFFF;
  width: 12.5%;
  height: 50%;
  left: 43.75%;
  top: 12.5%;
}



.minus_icon , .minus_icon_second, .minus_icon_second2{
  float: right;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background: linear-gradient(to bottom, #f0e3c7 0%, #C40F39 100%);
  margin:5px;

}

#gallery_tab .minus_icon_second{
  position: absolute;
  z-index: 2;
}

.edit_icon
{

  background-image: url(../images/edit.svg); 

  width: 40px;
  height: 40px;

}

.checkbox-grid li {
    display: block !important;
    border: none!important
    /*float: left !important; /*ta evala se sxolia gia to new programm 
    width: 25%;/*aris ebgala important*/
}

#gym_more_tab .checkbox-grid li{
    float: left !important;
    width: 25%;

}

.gym_social div
{
  height: 36px;
  width: 36px;
  margin: 5px;
  float: left;
  border-radius: 5px;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
  
}



.gym_description, .gym_facilities, .gym_services/*aris*/
{
    width: 100%;
    float: left;
    padding-bottom: 30px;

}

#personel_tab #person_preview input[id^="person_first_"], #personel_tab #person_preview input[id^="person_last_"], #personel_tab #person_preview #person_fields, #personel_tab #person_preview  input[id^="person_job_"]{
  width: 80%;
}


/**/
/*.gym_desc{ aris*/


.gym_desc_more
{
  width: 300px;
    height: 80px;
  float:left;
}


.edit_profile_wrapper{
  position:relative;
  width: 100%;
  height: 100%;
  width: 90%;
  float: left;
  margin-left: 5%;
  padding-bottom: 30px;
}

#gym_infos_tab #save_button_wrapper, #gym_more_tab #save_button_wrapper, #gallery_tab #save_button_wrapper,#personel_tab #save_button_wrapper,
#price_tab #save_button_wrapper, #event_tab #save_button_wrapper, #offer_tab #save_button_wrapper, #anouncements_tab #save_button_wrapper,
 #keys_tab #save_button_wrapper, #schedule_tab #save_button_wrapper, #gym_contact_tab #save_button_wrapper
{
  position: absolute;
  bottom: -10px!important;
  right: 10px!important;
}


.fileUpload , .fileChange {
    position: relative;
    overflow: hidden;
    margin: 10px;
  height: 30px !important;
  width: 85px !important;
  padding: 4px 2px!important;
  background-color: #14AE14 !important;
  border-color: #14AE14 !important;
  

}


.up_overlay{
    height: 200px !important;
    background: linear-gradient(to bottom, #f0e3c7 0%, #C40F39 100%)!important;
    position: absolute;
    opacity: 0;
    margin-top: 10px;
    font-family: Font Awesome\ 5 Free !important;
    width: 100%;
    display: flex!important;
    top:0px;
}

.up_overlay:hover{
  opacity: 0.3!important;
}

.up_overlay::after{
    content: '\f030';
    position: absolute;
    top: 60px;
    font-size: 50px;
    width: 100%;
    text-align: center;  
    cursor: pointer;
    z-index: -1;
}
.up_overlay input.upload {
  height: 200px;
  cursor: pointer;
  opacity: 0;
}

.edit_yellow{

  background-color: #F2AA37 !important;
  border-color: #F2AA37 !important;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
  font-weight: bold;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
  border-color: #14AE14 !important;
  padding: 0px 0px!important;
}


.edit_yellow input.upload {
  border-color: #F2AA37 !important;
}



#person_fields{
  
  width: 200px;
}



/* Style the edit_info_tab */
div.edit_info_tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
  margin: 30px 0 20px 0;
}

/* Style the buttons inside the tab */
div.edit_info_tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
div.edit_info_tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
div.edit_info_tab button.active {
    background-color: #ccc;
}

/* Style the edit_info_tab content */
.tabcontent {
    display: none;
    padding: 6px 0px;
    border: 1px solid #ccc;
    border-top: none;

}

#comment_tab ul, #photo_tab ul
{
  padding-top: 50px;
}


/*
.edit_infos_wrapper{
  position:relative;
  width: 100%;
  /*height: 100%;
  /*margin: 0 auto;*/
/*}

.gym_infos{
  position:relative;
  float:left;
  width: 30%;
}

.gym_social{
  position:relative;
  float:right;
  width: 30%;
}

.gym_persons{
  position:relative;
  float:left;
  width: 30%;
  
}
*/

 #gym_contact_tab, #price_tab{
  
  width: 100% !important;
  margin: 0 auto!important;
  
}



#edit_myProgress {
  width: 70%;
  background-color: #ddd;
  margin: 0 auto;
  position: relative;
  margin-bottom: 45px;
  /*height: 30px;*/
}

#edit_myBar {
  width: 0%;
  height: 30px;
  background-color: #4CAF50;
  text-align: center;
  line-height: 30px;
  color: white;
}

#edit_bar_available{
  margin-top: 2px;
  width: 100%;
  float: left;
  text-align: center;
}

/*
#edit_myProgress {
  width: 50px;
  height: 340px;
  background-color: #ddd;
  margin: 0 auto;
  float: right;
  position: relative;
  margin-bottom: 45px;

}

#edit_myBar {
  width: 50px;
  height: 30px;
  background-color: #4CAF50;
  text-align: center;
  line-height: 30px;
  color: white;
  position: absolute; /*aris*/
/*bottom: 0;

}*/

/*#edit_myProgress > span { /*aris*/
   /* position: absolute;
    width: 5px;
}*/


.edit_border{
  /*border-width:5px;  
    border-style:outset;
  border: 5px inset #cccccc;*/
  padding: 15px;
   list-style: none;
   box-shadow:0 1px 6px rgba(0, 0, 0, 0.30), 0 3px 4px rgba(0, 0, 0, 0.24);
   background: #fbfbfb;

}
.gallery_border{
  border-width:4px;  
    border-style:groove;

}

.double_border{
  border-width:4px;  
    border-style:double;
}


.no_border
{
  border: 0px;
}

/*.grid_it{ aris*/



#person_preview input[type='text'],#gallery_photo_preview input[type='text']{
  max-width: 100%!important;
  box-sizing: border-box!important;
  overflow: auto!important;
}


.borderrr {
  border: 5px solid #D8D8D8;
  /*background: url(upload/check.jpg);*/
}

.hiddennn {
    display:none !important;
}

/*Giannis new chnage*/
.price_grid li div{
 /* padding: 5px;aris*/

}
.price_grid  .price_formm{
  padding-bottom: 14px;
}

.price_grid li.selected span, .eventdiv_list li.selected span {
    display:block;
}
.price_grid li.selected  {
    border: 5px solid green;
}

.price_check
{
  width: 40px;
  height: 40px;
  
  max-width: 100%;
}

.anoundiv_list li, .price_grid li{
  margin: 15px;
}


.owl-carousel .person_pic {
    max-height: 356px !important;
  margin: 0 auto;
}


/*Stars Rating*/

.staff_rating .stars
{
  margin-top:0 !important;

}
  
.stars :hover
{

  cursor: hand!important;
  cursor: pointer!important; 
}

.general_rating{
  width: 5px;
  height: 5px;
}

.shooting_stars img
{
  margin-top:1;
  max-width:10px!important;
  width:10px!important;
  height:20px;
  float:left;width:10px;
  height:20px;
  float:left;
  
}


.stars_comment{
  display: inline-block;
  margin-right: 0px !important;
  
}

#rate2_tab .stars_comment {
    margin-left: -10px;
}


.stars_comment img
{
  margin-top:10px;
  max-width:10px!important;
  width:10px!important;
  height:20px;
  float:left;
  
}

.stable_stars img
{
  /*margin-top:10px;*/ 
    margin-top: 22px; /*Giannis Change*/
  width:9px;
  height:19px;
  float:left;
  
}

#half0, #staff_half0, .hidden_star
{
  /*visibility:hidden;*/
  opacity:0; /*Paizei na einai argo?*/
  display: none!important;
}

.gym_infos{
  float: left;
  width: 60%;
}

.profile_image_wrapper
{
  float: right;
  width:40%;
}

.img_preview{
  height: 200px!important;
  width: 300px !important;
    border: 1px solid #000;
    margin: 50px 5px 0 0;
}


#gallery_tab{
  width:100%!important;
}


.schedule_left{
  float: left;
}

.time_connectors{
  font-size: 20px;
  width: 15px;
  text-align: center;
}

.time_space{
  font-size: 20px;
  width: 18px;
  text-align: center;
}
  

.thumb {
    height: 200px;
    width: 250px;
  max-height: 400px;
    max-width: 450px;

    border: 1px solid #000;
    margin: 10px 5px 0 0;
  }

  
  
  
  
  
  
  
  
input[type=checkbox].css-checkbox {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
  padding-left:25px;
  display:inline-block;
  line-height:20px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:14px;
  vertical-align:middle;
  cursor:pointer;
  height: 20px;
  white-space: nowrap;

}

input[type=checkbox].css-checkbox:checked + label.css-label {
  background-position: 0 -20px!important;
}
label.css-label {
  background-image:url(../images/checkbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
      
      
      input[type=checkbox].css-checkbox2 {
  position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}

input[type=checkbox].css-checkbox2 + label.css-label2 {
  padding-left:25px;
  display:inline-block;
  line-height:20px;
  background-repeat:no-repeat;
  background-position: 0 0;
  font-size:14px;
  vertical-align:middle;
  cursor:pointer;
  height: 20px;
  white-space: nowrap;

}

input[type=checkbox].css-checkbox2:checked + label.css-label2 {
  background-position: 0 -20px!important;
}
label.css-label2 {
  background-image:url(../images/checkbox.png);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
    





.fsSubmitButton
{
padding: 8px 15px 6px;
font-size: 15px;
background-color: #C40F39;
text-shadow: 1px 1px #C40F39;
color: #ffffff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #C40F39;
cursor: pointer;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
position:relative;
float: right;
}


.fsSubmitButton_saved{
  padding: 8px 15px 6px;
  font-size: 15px;
  background-color: #5fba7d;
  text-shadow: 1px 1px #5fba7d;
  color: #ffffff!important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #5fba7d;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  position:relative;
  float: right;
}


.social_media_inputs{
  margin-top: 5px!important; /*aris*/
  /*line-height:2;*/
}


.edit_profile_wrapper label{
  margin: 5px;
}


.comment_field
{
  width: 100%!important;
  margin: 0 auto!important;
}

#cd-ask, #cd-notif, #cd-notifil{

  margin-top: 10%!important;
}

.check_check, .check_basic
{
    background-image: url('../images/check_icon.png') !important;
    background-size: 100% !important;

  
  height: 36px !important;
  width: 36px !important;
  /*margin: 5px !important;*/
  margin-bottom: 8px !important;
  float: left !important;
  border-radius: 100% !important;
  
  -webkit-transition: all ease 0.3s !important;
  -moz-transition: all ease 0.3s !important;
  -o-transition: all ease 0.3s !important;
  -ms-transition: all ease 0.3s !important;
  transition: all ease 0.3s !important;
  
   opacity: 0.4;
  filter: alpha(opacity=40); /* msie */
  float: left;
  
}



.check_icon_selected, .check_check:hover, .check_basic:hover
{
  /*box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8) !important;*/
  opacity: 1 !important;
 -webkit-filter: grayscale(0%) !important;
  filter: grayscale(0%) !important;

}

.desc_inputs
{
  width: 100%;
  height: 80px;
  max-width: 100%; 
  max-height: 100%;
}



/*For TO-the-Top-Arrow START*/

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(232, 98, 86, 0.8) url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 2;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
  border-radius: 50%;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }



}

@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/*For TO-the-Top-Arrow END*/


/* For fully Load Start*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(../images/loading.gif) center no-repeat #fff;
}

/*For fully Load END*/


/*For Job Form START*/

/*aris
.basic_job_info{
  width: 405px!important;
}*/


.jobs_plus_icon{
  float: left;
  cursor: pointer;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: #14AE14;
  /*margin:5px;*/
 /*margin-left: 37%;
  margin-top: 20%;
  margin-bottom: 16%;
  margin-right: 2%;*/
  margin: 3% 0 0 3% !important;
  
}
.jobs_minus_icon{
  float: left;
  cursor: pointer;
  border-radius: 50%;
  width: 30px;
  height: 30px;/*aris*/
  background-color: #C40F39;
  /*margin-top: 3%;*/

}


div[class^='job_formm_'], div[class*=' job_formm_']{
    padding-bottom: 25px;
}


.job_position, .job_output{
  width:65%;
  float:left;
 /* margin-top: 3%;aris*/

}

.job_position2{
  width:50%;/*ebgala to important aris*/
  float:left;
  margin-top: 3%;
}
/*For Job Form END*/

.alert-success, .wait_message {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    font-size: 15px;
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}


.wait_message {
   background-color: #ffd699!important;
}

.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  margin-bottom: 5px;
  width: 100%;
  float: left;
  text-align: center;
  margin-top: -10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.alert {
    padding: 15px;
    /*margin: 80px;*/ /*Giannis Change*/
    border: 1px solid transparent;
    border-radius: 4px;
  margin-bottom: 5px!important;
}


.gym_map {
        position: relative;
        padding-bottom: 75%;
        height: 0;
        overflow: hidden;
    }
.gym_map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 50% !important;
        height: 100% !important;
}

.generate_map{
  /*margin: 0 auto;*/
  margin: 2% 0 4% 23%;

}

.error_message{ 
  display: none;
  color: #d11d1d;
  font-size: 12px;
  font-weight: bold;
}


#job_bio{
  width: 100%;

}

#login-form .error_message{
  display: none; 
  color: #d11d1d;
  margin-top: -10px;
  padding-bottom: 5px;
}


.grid_it_half{
  float:left;
  width:45%
  
}

.memb_conf .grid_it_half {
    width: 55%;
}

.memb_conf .grid_it_half .main-nav {
    float:left;
  width: 50%;
}

 .requirements{
   margin-left: 20px;
   border-left: solid #dbdbdb;
   padding: 0 0 0 30px;

 }
 .requirements ul li {
    position: relative;
    color: #666666;
    font-family: 'verdana', sans-serif;
    margin-bottom: 30px;
    font-size: 13px;
  line-height: 1.4;
}


.become_member .profile_form{
  width: 94%;
  margin-left: 3%;
}

.profile_form h3,  .profile_form h4{
    color: #494949;
    /*text-shadow: 1px 1px 0px white;*/
    font-family: 'verdana', sans-serif;
}
.members_form h3, .members_form h4, .members_form h5, .members_form h6, .members_form label, .members_form a{
  color:#fff;
  text-shadow: none;
  font-size:16px;
}

.members_info_input{
  width: 100%;
}

.become_member #save_button_wrapper{
  margin-right:calc(50% - 99px);
  padding-top: 32px;
  padding-bottom: 16px; 
}

.member_wrapper {
    position: relative;
    /*margin: 0 auto;*/
    max-width: 1180px;
    width: 98%;
  margin: 0 19%;
}

ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.application_state li.selected {
    color: #ff3333;
}

.application_state li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: 'ubuntu', sans-serif;
    font-weight: 300;
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    padding: 20px;
    width: 23%;
    color: #dbdbdb;
    text-align: center;
    font-size: 15px;
}
.application_state li.selected span {
    border: 1px solid #ff3333;
}

.application_state li span {
    border-radius: 15px;
    display: block;
    margin: 20px auto;
    width: 30px;
    height: 30px;
    border: 1px solid #dbdbdb;
    font-size: 14px;
    line-height: 30px;
}

.members_submit{
  float:right;
  margin: 10px;
  font-size: 19px!important;
 /* padding: 2px;*/
}

.members_2 h4{
  padding: 20px;
  color: #666666;
  text-shadow: 1px 1px 0px white;
  font-family: 'verdana', sans-serif;
  /*margin-left: 8%;*/
  margin: 0 auto;
}

.members_2 img{
  width: 60%;
  margin: 0 auto;

}

.terms_conditions {
    border: 1px solid #e5e5e5;
    height: 370px;
    overflow: auto;
    padding: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #fff;
  
}

.members_submit.disabled, .members_submit[disabled], .members_submit[disabled=disabled]{
  background-color: #DB6F88!important;
  text-shadow: 1px 1px #DB6F88;
  border: 1px solid #DB6F88;

}


.confirmed_button{
      appearance: button; /* CSS3 */    
      -webkit-appearance: button; /* Safari and Chrome */
      -moz-appearance: button; /* Firefox */
      -ms-appearance: button; /* Internet Explorer */
      -o-appearance: button; /* Opera */
      cursor: default;

} 

.members_4{
  margin: 50px;
}
.members_4 a{
  font-size: 18px!important;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px!important;
}

.members_4 a:hover{
  cursor: pointer;
  color: white;
}

.send_help_form{
  
  width: 70%;
  margin: 35px auto;
}

.help_input{
  width: 50%;
}



.event_plus {
    width: 100%!important;
    height: 30px!important;

  margin: 2% 0 2% 1%;
    background-color: #72B8E6!important;
  float: left!important;
  border-radius: 2px;
}

.plus_icon_flat {
    /* float: left; */
    cursor: pointer;
    /* border-radius: 50%; */
    width: 30px;
    height: 30px;
    background-color: #72B8E6;
    /* margin: 5px; */
    margin-left: 45%;
    /* margin-top: 20%; */
    /* margin-bottom: 16%; */
    /* margin-right: 2%; */
}

#event_schedule_output{
  float: left;

}

.event_schedule{
  border: 1px solid;
  width: 100%;
  margin: 5px;
}

.event_grid_it {
    float: left;
    width: 80%!important;
    margin-left: 10%;
    margin-bottom: 20px;
}


.event_grid_it.edit_border.selected {
  border: 5px solid green!important;
} 

.ajax_select.event_programm_type{
  margin-top: 5px!important;
  margin-left: 5px!important;
} 


.ajax_select, .ajaxes, .sports_title{
  margin: 0px 0 12px 0!important;
}


.price_input{
  width: 80px!important;
}

.price_grid{
  float: left;
    margin: 1%;
    width: 30%;
    /* margin-left: 5%; */
}

.whar_refer {
  position: relative;
}

#offer_tab .help-tip p{
  width: 200px!important;
}

.passforget{

  margin: 115px 50px 0px 50px;
  
}

.send_pass{
  width: 100%;
  text-align: center;
  padding-top: 10px;
}

/**Gia Login-register**/

#login-form {
  margin:5% auto;
  max-width:500px;
}
/* home page */
#wrapper{
  padding-top:50px;
}

@-webkit-keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}  
@keyframes fadeOut {
    from { opacity: 1; }
      to { opacity: 0; }
}

.hide_after
{
opacity:1;

  /*transition: visibility 1s, opacity 0.5s linear;*/

}

.show_after
{
display: none;

  /*transition: visibility 1s, opacity 0.5s linear;*/

}

.show_after > a
{
  color: #fff;
}

.ver_btn{
  margin-left: 0!important;
  
}

div.panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  width: 100%!important;
}

.send_mail_button
{
  padding: 2px 5px 2px 5px !important;
  background-color: #ff6666 !important;
  border-color: #ff6666 !important;
  width: 180px;
  margin-left: calc(50% - 148px) !important;
}

.forgot_message{
  color: #D22B2B;
}
.forgot_success_message{
  color: #3c763d;
}

.buttons_wrapper{
  width: 100%;
}


#preview_button_wrapper{
  
  float: left!important;
  margin-left: 8%;
  height:10%;
}


#save_button_wrapper {
  float: right!important;
  margin-right: 8%;
  
}

.job_offers #save_button_wrapper {
    margin-right: 0%;
}

.job_offers #job_submit{
  float: left;
}

.iframe_loader, .pr_loader{
  border: 8px solid #C40F39;
  border-radius: 50%;
  border-top: 8px solid transparent;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  float: right!important;
  margin-right: 18%;
}

.iframe_loader3{
    position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999999;
  opacity: 0.6;
  background: white;
}

.iframe_loader4{
border: 8px solid #C40F39;
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: rgb(196, 15, 57);
border-radius: 50%;
border-top: 8px solid transparent;
width: 100px;
height: 100px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
float: right !important;
margin-right: 18%;
z-index: 999999999;
top: 50%;
position: fixed;
left: calc(50% - 50px);

}

.uphoto_loader{
   margin-right: 48%;
}

#user_profile_img{
  width: 100px;
  height: 100px;
      margin: 10px 5px 0 0;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


#change_profile_pic{
  margin: 0!important;
}

.float_left{
  float:left !important;
  margin: 1%;
  width: 40%;
}
.float_right{
  float:right !important;
}


.login_buttons
{
  margin-bottom: 3px !important;
width: 296px;
margin-left: calc(50% - 148px);
}

.login_errors{
margin-top: 0px !important;
margin-bottom: 5px !important;
padding: 2px !important;
width: 100%;
text-align: center;
}

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

.search_keys li{
  padding: 20px !important;
  float:left;

}

.filters .unclickable , .allfilters .unclickable , .filters .unclickable2 , .allfilters .unclickable2 {
      color: grey;
      display: table;
      cursor: not-allowed;
      min-width: 0px!important;
  }
  
  .unclickable input.css-checkbox[type="checkbox"] + label.css-label , .unclickable  [class^="how_many"] ,
  .unclickable2 input.css-checkbox[type="checkbox"] + label.css-label , .unclickable2  [class^="how_many"] {
    pointer-events: none;
  }
  
  .unclickable2 {
      color: #C40F39!important;
  }

.unclickable_button {
    pointer-events: none;
    background-color: grey!important;
}


#other_facs, #other_services{
  width: 40%;
}

#other_facs{
  margin-left: 5%;
}

.iframe-rwd  {
position: relative;
height: 260px;
overflow: hidden;
}
.iframe-rwd iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 260px;
}

.map_iframe{
  height: 250px;
}

.edit_redob3
{
  margin: 0px!important;
  margin-top: 27px!important;
  /*width: 25%!important;*/
  background-color: transparent!important;
}

.cursor_pointer, .red_stars a{
  cursor:pointer!important;
}

.cursor_pointer:hover,  .red_stars a:hover {
  color:#c40f39!important;
}

.cc-window {
  font-size: 13px!important;
}

.mission_intro{
  padding-bottom: 32px;
    font-size: 16px;
    color: rgba(0,0,0,0.54);
    text-align: center;
}

/*C40F39
FBD0DA












*/


.my-gallery {
  width: 100%;
  height: 367px; 
}


.sport_formm{
  float: left;
  /*width: 50%;*/
}


#event_tab .sport_formm{
  float: left;
  width: 100%;
}

.programm_plus{
    cursor: pointer;
    border-radius: 2px;
    width: 150px;
    background-color: #72B8E6;
    margin-left: calc(50% - 75px);
    margin-top: 50px;
    text-align: center;
}


.programm_plus2{
  cursor: pointer;
border-radius: 5%;
width: 130px;
height: 56px;
background-color: #72B8E6;
margin-left: calc(50% - 65px);
margin-top: 2%;
margin-right: 2%;
color: white;
font-family: Helvetica, Arial, sans-serif !important;
line-height: 18.5px;
font-size: 16.5px;
}

.programm_plus2:after{
  content: "Προσθήκη Προγράμματος";
  width: 100%;
  float: left;
  text-align: center;
  font-size: 14.5px;
  padding-top: 11px;
}

/*.programm_plus2:before{
    content: '\f067';
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 5px;
    font-size: 20px;
}*/

.mprogramm
{
  margin-top: 2%;
  padding-top: 5px;
  float: left;
  width: 100%;
  
}
.mprogramm .mpi{
  background: #CBCBCB;
  height: 63px;
    padding: 18px 0 0 5px;
  font-size: 16px;
  border-radius: 3px;
  list-style: none;

box-shadow: 0 1px 6px
rgba(0, 0, 0, 0.30), 0 3px 4px rgba(0, 0, 0, 0.24);
  
}

#schedule_tab #main_gym_schedule{
  width: 100%;
}

.mprogramm .mpi .expand_icon{
  color: white;
}

.mprogramm p input{
  margin-left:15px;
}
.orangeBox {
    background: none;
    color: #C40F39;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 5px;
  margin-top:4px;
  
  float: right;
  cursor:pointer;
}


#accordionMenu {
  max-width: 300px;
}

.panel-body {
  padding: 0;
}

.panel-group .panel+.panel {
  margin-top: 0;
  border-top: 0;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
  text-decoration: none;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\e113";
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\e114";
}


.full_plus {
    cursor: pointer;
    width: 100%;
    height: 39px;
    background-color: #14AE14;
    margin-top: 2%;
    margin-right: 2%;
  font-family: Font Awesome\ 5 Free !important;;
    border-radius: 2px;
  
  background-color: #4db8ff;

   -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

.full_plus:hover{
    background-color: #0099ff;
}

.full_plus span {
    color: white;
    margin-left: calc(50% - 113px);
    font-size: 21px;
    line-height: 34px;
}



.full_plus .horizontal-plus {
    position: relative;
    background-color: #FFFFFF;
    width: 2%;
    height: 18.5%;
    left: 43%;
    top: 42.75%;
}

.full_plus .vertical-plus {
    position: relative;
    background-color: #FFFFFF;
    width: 0.5%;
    height: 71%;
    left: 43.75%;
    top: 0;
}

.expand_icon{
  cursor:pointer;
  float:left;
   width: auto;
 height: auto;
 font-size:30px;
 line-height:0.9!important;
}

.expand_icon{
    -moz-transition: all 0.3s linear;
    -webkit-transition: all  0.3s linear;
    transition: all  0.3s linear;
}

.expand_icon.down{
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#same_hours{
  float: right;
  cursor: pointer;
  padding: 6px;
  background: #C40F39;
  color: wheat;
  border-radius: 3px;
  margin-bottom: 10px;
}
#same_hours:hover{
  background: #d2322d;
  color: white;
}



.image_wrapper{
  width:300px;
  position:relative;
}

.img_prof_wrapper{
  position:relative;
}

.imgl_overlay {
    background: #fff;
    opacity: 0.5;
    width: 250px;
    height: 250px;
    z-index: 93;
    display: none;
    position: absolute;
    top: 50px;
    margin-left: calc(50% - 125px);
    max-width: 100%;
}

.profile_overlay {
    background: #fff;
    opacity: 0.5;
    width: 250px;
    height: 250px;
    z-index: 93;
    display: none;
    position: absolute;
    top: 20px;
    right: calc(50% - 125px);
}

.spinner {
  position:absolute;
  margin: 0 auto;
   /*position: absolute;
   left: 50%;
   top: 50%;*/
   height:60px;
   width:60px;
   /*margin:0px auto;*/
   -webkit-animation: rotation .6s infinite linear;
   -moz-animation: rotation .6s infinite linear;
   -o-animation: rotation .6s infinite linear;
   animation: rotation .6s infinite linear;
   border-left:6px solid rgba(0,174,239,.15);
   border-right:6px solid rgba(0,174,239,.15);
   border-bottom:6px solid rgba(0,174,239,.15);
   border-top:6px solid rgba(0,174,239,.8);
   border-radius:100%;
   margin-left: calc(50% - 30px);
   margin-top: calc(50% - 30px);
   z-index:105;
}

@-webkit-keyframes rotation {
   from {-webkit-transform: rotate(0deg);}
   to {-webkit-transform: rotate(359deg);}
}
@-moz-keyframes rotation {
   from {-moz-transform: rotate(0deg);}
   to {-moz-transform: rotate(359deg);}
}
@-o-keyframes rotation {
   from {-o-transform: rotate(0deg);}
   to {-o-transform: rotate(359deg);}
}
@keyframes rotation {
   from {transform: rotate(0deg);}
   to {transform: rotate(359deg);}
}

@-webkit-keyframes notif_bell{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  3%{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
    }
  7%{
    -webkit-transform:rotate(-40deg);
    transform:rotate(-40deg)
    }
  12%{
    -webkit-transform:rotate(20deg);
    transform:rotate(20deg)
    }
  18%{
    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg)
    }
  22%{
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg)
    }
  28%{
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg)
  }
  30%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  100%{
    -webkit-transform:rotate(0deg);transform:rotate(0deg)
  }
}

@keyframes notif_bell{
  0%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
  }
  3%{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
  }
  7%{
    -webkit-transform:rotate(-40deg);
    transform:rotate(-40deg)
  }
  12%{
    -webkit-transform:rotate(20deg);
    transform:rotate(20deg)
    }
  18%{
    -webkit-transform:rotate(-15deg);
    transform:rotate(-15deg)
    }
  22%{
    -webkit-transform:rotate(10deg);
    transform:rotate(10deg)
    }
  28%{
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg)
    }
  30%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
  100%{
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
    }
  }


.uline{position: relative;} /* necessary to give position: relative to parent. */

.effect-1, .effect_1_2, .effect_1_3{border: 0; padding: 7px 0; border-bottom: 1px solid #ccc;}
.effect-1 ~ .focus-border{position: absolute; bottom: 20px; left: 0; width: 0; height: 2px; background-color: #C40F39 ; transition: 0.4s;}
.effect-1:focus ~ .focus-border{width: 80%; transition: 0.4s;}

.effect_1_2 ~ .focus-border{position: absolute; bottom: 26px; left: 0; width: 0; height: 2px; background-color: #C40F39 ; transition: 0.4s;}
.effect_1_2:focus ~ .focus-border{width: 80%; transition: 0.4s;}
   
.effect_1_3 ~ .focus-border{margin-left: 45px; position: absolute; bottom: 31px; left: 0; width: 0; height: 2px; background-color: #C40F39 ; transition: 0.4s;}
.effect_1_3:focus ~ .focus-border{width: 80%; transition: 0.4s;}



.office3 .p_Pending{
  background: #def7de;
}

.office3 .p_Pending_box{
  border: 5px solid #71e569;
}

.date_input[readonly], .time_valid:not([disabled]){
  background-color:#fff!important;
}

.date_input:hover, .time_valid:not([disabled]):hover{
  cursor: pointer!important;
}

input[disabled]{
color: #a6a6a6;
}

.terms_wrapper{
  width:80%;
  margin-top:5px;
  margin-left:10%;
}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 75px;
  width: 100%;
  z-index: 3;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .content {
  padding-top: 60px;
}

#user_email{
  font-style: italic;
}

.email_change_actions{
  font-size: 12px;
  font-style: italic;
  color: rgb(51, 122, 183);
  cursor: pointer;
}

.email_change_actions:hover{
  color: #C40F39;
}

.dropdown-content .controlpanel{
  color:#c40f39;
  font-weight: bold;
}


/*for xedit progress bar*/

.progress 
{
  display:none; 
  position:relative; 
  width:100%; 
  border: 1px solid #ddd; 
  padding: 1px; 
  border-radius: 3px; 
  margin-top: 30px;
}
.progress_bar 
{ 
  background-color: #00cc44; 
  width:0%; 
  height:20px; 
  border-radius: 3px; 
}
.percent 
{ 
  position:absolute; 
  display:inline-block; 
  top:1px; 
  left:48%; 
}

.paypanel {
    padding: 18px 18px 0px 0px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}



/* Pay Radio Start*/
.payradio {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
  float:left;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.payradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    margin-left:10px
}

/* On mouse-over, add a grey background color */
.payradio:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.payradio input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.payradio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.payradio .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

/* Pay Radio End*/


/* Order Confirmed*/
.order_table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.order_table td, .order_table th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.order_table tr:nth-child(even) {
    background-color: #dddddd;
}

.newlabel {
    display: inherit;
    height: 25px;
    margin: 0 0px 8px 5px;
    margin: -25px 0px 0px -15px;
    position: absolute;
}



.coords_wrapper{
  width: 27%;
}

.gps_icon{
  float: right;
  width:50px;
  height:25px;
}

#members_terms{
  margin-top:100px;
  color: white;
}

#members_terms label{
  cursor: pointer;
}

#members_terms  a:hover {
    text-decoration: underline!important;
}


.tabcontent h3{
  margin-top:12px;
}

.adblocktip_wrapper {
    width: 100%;
    text-align: center;
    position: relative;
    float: left;
    margin-top: -10px;
    padding-bottom: 10px;
}

.adblock_tip {
}

.adblocktip_wrapper h5{
    color:#c70d2c;
}

.adblock_tip{
  top: 5px;
  right: calc(50% - 200px);
  background-color:#ffcccc!important;
  position: absolute;
  text-align: center;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  font-size: 14px;
  line-height: 26px;
  cursor: default;
}

.adblock_tip p {
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
    z-index: 2;
}

.adblock_tip:hover p {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
}

.adblock_tip::before {
    content: '?';
    font-weight: bold;
    color: #fff;
}


.timetable_plus {
  height: 30px !important;
  float: left !important;
  border-radius: 2px;
  cursor: pointer;
}

[id^="outputsss6_"]{
  position: relative;
}

#gym_infos_tab .gym_timetable{
    width: 95%;
}

.timetable_plus span{
    position: absolute;
    color: white;
    font-size: 20px;
    width: 100%;
    text-align: center;
    background-color: #4db8ff;
    border-radius: 2px;
    height: 30px;
    line-height: 30px;
}

.timetable_plus span:hover{
  background-color: #0099ff;
}


.tt_delete_button{
  text-align:center;
    color:#c70d2c;
  background-color:#fff;
  cursor:pointer;

}

.tt_delete_button:hover{
  background-color:#c70d2c;
  color:#fff;
}


/* For xedit steps*/
.for_online {
    width: 90%;
    text-align: center;
    margin-top: 30px;
    margin-left: 5%;
    margin-top: 100px;
}

.for_online .circle,
.for_online .bar {
display: inline-block;
background: #fff;
width: 40px; height: 40px;
border-radius: 40px;
border: 1px solid #d5d5da;
position: relative;
}

.for_online .bar {
position: relative;
width: 10%;
height: 6px;
margin-left: -5px;
margin-right: -5px;
border-left: none;
border-right: none;
border-radius: 0;
}
.for_online .circle .label {
display: inline-block;
width: 32px;
height: 32px;
line-height: 26px;
border-radius: 32px;
margin-top: 3px;
color: #b5b5ba;
font-size: 17px;
}

.for_online .circle .title {
color: #b5b5ba;
font-size: 13px;
line-height: 30px;
margin-left: -5px;
position: absolute;
top: 35px;
left: 0px;
}


.for_online .circle{
  cursor: pointer;
}

.for_online .circle#circle7{
  cursor: default;
}

/* Done / Active */
.for_online .bar.done,
.for_online .circle.done {
background: #eee;
}
.for_online .bar.active {
background: linear-gradient(to right, #EEE 40%, #FFF 60%);
}
.for_online .circle.done .label {
color: #FFF;
background: #81CE97;
box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.for_online .circle.done .title {
    color: #444;
}
.for_online .circle.active .label {
color: #FFF;
background: #0c95be;
box-shadow: inset 0 0 2px rgba(0,0,0,.2);
}
.for_online .circle.active .title {
color: #0c95be;
}

/*.for_online #circle6 .label{
  width:37px;
  background: #81CE97;
  color:#fff;
}

.for_online #circle6{
  background: #81CE97;
}

#title6 {
color: #000;
}*/



.for_online #circle7 .label{
  width:32px;
  color:#fff;
}

.for_online #circle7.done #title7, .for_online #circle7.done2 #title7{
  color: #444;
}

.for_online #circle7.done .label{
  background: #81CE97;
}


.for_online #circle7.done2 .label{
  background: #99bbff;
}


.modal-backdrop, .modal-backdrop.in {
    z-index: 0;

}
.modal-body .jumbotron p {
    font-size: 19px;
}

.logotext{
  background:#fff;
  width:100%;
}


/*.fb-share-button {
    padding-top: 5px;
}*/

.fb-share-button{
  float: right;
  padding-right: 5px;
}

.already_contest{
  text-align:center;
}

.already_contest .facebook_button{
  margin-left:0;
}

.already_contest h4, .already_contest h5{
  font-weight:bold;
  line-height: 18px;
}

#entry_counts{
  color:#c40f39;
  font-size: 23px;
}

.ending-in{
  padding-top: 35px;
  float: right;
  padding-right: 15px;
}

.cont_notover{
  color:#4eaf08;
  font-weight:bold;
}

.cont_over{
  color:#c40f39;
  font-weight:bold;
}



#link_wrapper{
  position:relative;
  
}
#copylink{
  float:left;
  width:30%;
  margin-left: 34%;
  cursor: auto;
}
.copy_button{
  float:left;
  margin-left: 1px;
  padding: 6px 12px;
}


.member_owl{
  margin-top: 15px;
}



#member_price{
  background:#fff;
}

#member_price tr{
  border: 1px solid #ddd;
}

#member_price td{
  height:55px;
  padding-left: 18px;
  font-size: 16px;
}

#member_price .mptitle{
  background: #ffe6e6;
}
#member_price .rtext{
  text-align: right;
  padding-right: 27px;
}

.owl-carousel .partner_pic {
  max-height: 356px !important;
  width: 200px!important;
  height: 190px;
  margin: 0 auto;
  border-radius: 50%;
}


.main_catg{
  color:#337ab7!important; 
  font-weight:bold;
}

.main_catg:hover{
  color:#C40F39!important; 
  font-weight:bold;
}


.emojii_nores::before  {
  content: "\01F605";
}

.emojii_nores{
  margin-right:5px;
  float:left;
}

.bec_mem_intro{
  background-image: url('../images/arxiki/choros-min.jpg');
  background-repeat: no-repeat;
    background-size: 100% 800px;
  margin-bottom:10px;
}

.bec_mem_dare {
    float: right;
    width: 55%;
    height: 366px;
}
.bec_mem_dare .text-info{
  margin-top:16%;
}

.text-info {
    color: #BF293E;
}


#submitPhoto .bec_mem_intro{
  background-image: url('../images/anevase/extreme-min.jpg');
  background-repeat: no-repeat;
    background-size: 100% 800px;
  background-position: 50% 23%;
}

#submitPhoto .bec_mem_dare {
    float: left;
    width: 50%;
    height: 366px;
  background-color: rgba(255, 255, 255, 0.5);
}

#submitPhoto .text-info{
  margin-top: 37px;
}

#submitPhoto .uphototitle{
  color:#C40F39;
}

.sp-header-member{
  height: 75px!important;
  box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}


.comment_rate{
float: left;
width: calc(100% - 45px);
}

.comment_rate h5{
  margin-left: 10px;
  float: left;
  font-size: 13px;
  color: gray;
  width: 300px;
}

#rate_tab .comment_rate h5{
  margin-left: 0px;
  width: 100%;
}

@media only screen and (max-width: 540px) {
  .comment_rate h5{ display: none!important;}

  .comment_rate {
    margin-bottom: 5px;
    }

  .rate_the_comments {
    max-height: 90px!important;
  }

}

.comments_box{
  background-color: #ffffff;
  width: 92%;
  margin-top: 16px;
  border-style: outset;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  display: inline-flex;
}

.rate_the_comments{
  width: 92%;
  display: inline-block;
 background-color:  #707070;
    margin-left: 15px;
  margin-right: 15px;
  max-height: 25px;
}

.rate_the_comments h6{
  color: white;
  font-size: 12px;
  margin-left: 15px;
  float: left;
  margin-top: 5px;
}

.rate_the_comments ul{
  display: inline;
  list-style-type: none;
  list-style: none;
  float: left;
  margin-top: 2px;
}

.rate_the_comments li {
  float: left;
  margin-left: 10px;
  color: white;
  border-radius: 3px;
  padding: 3px 2px 4px;
}


.rate_the_comments li:hover {
  float: left;
  margin-left: 10px;
  border-color: #C40F39;
  background: #C40F39;
  color: white;
  border-radius: 3px;
  padding: 3px 2px 4px;
  cursor: pointer;
}

.rate_the_comment.already_rate{
    background: #C40F39;
      border-color: #C40F39;
}

.already_rate.rate_the_comment.already_rate{
    background: #C40F39;
      border-color: #C40F39;
}
.rate_the_comment .already_rate{
    background: #C40F39;
      border-color: #C40F39;
}

.comments_inner_box_top {
    display: table-cell;
}

.comments_inner_box{
  width: 100%;
}
.comments_inner_box_top img {
    float: left;
}



.comment_content{
    margin-top: 15px;
    margin-bottom: 15px;
    float: left;
    width: 96%;
    margin-left: 2%;
  font-size:1.5em;
}


.posted_info{
  color: #808080;
}

.comments_inner_box_top {
  width: 96% !important;
  float: left;
  margin-left: 2%;
}

/*arissssssssssssssssssssssssssssssssssssssssssssss*/
.comment_user_thumbnail
{
  position:relative!important;
  float:left!important;
  margin-bottom: 5px!important;
  margin-right: 10px;
  margin-top: 10px;
}

.comment_user_thumbnail img
{

  background-repeat: no-repeat ;
    background-position:center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
  
}



article{
margin-top: 20px;
margin-bottom: 20px;
width: 94%;
margin-left: 3%;
}



.stars_comment{
  /*float:right!important;*/
  margin:0 18px 20px 0!important;

}

.comments_section{
  
  clear: both; margin: 0 auto; width: 100%;
  padding-top: 15px; 
}

#where_comm{
  font-size: 1.5em;
  font-style: italic;
  margin-top: 25px;
}

.delete_buttons{
  /*margin: 70px 37% 0 0;*/
}

#accept_delete{
  float:left;
}

.delete_buttons_wrap{
  width: 31%;
  margin-left: 33%;
}

#delete_info{
  font-style: italic;
  margin: 0 auto;
  width: 61%;
  text-align:center;
}

#delete_form .close{
  opacity:1;
  font-weight:100;
}

.xedit_profile .top_sub_menu{
  display:none;
}


.xedit_profile .icon.top_sub_menu-toggler{
  display: none;
}


.top_menu_more{
  font-size:13px!important; 
  color:#c40f39!important;
}


#member_price_tab{
  width:100%;
  float: left;
}

#pfademe #member_price_tab{
  height: 101%;
  overflow: auto;

}

#member_infos_tab_wrapper{
  width: 100%;
 /* height: 600px;   aris change giati???*/
}

#member_price_wrapper{
  width:100%;
  margin:0 auto;
  position:relative;
}

#member_price{
  width:90%;
  margin:0 auto;
  position:relative;
}


.suggest_nores{
  display: flex;
  margin: 0 auto;
  width: 219px;
}

.emoji_nores{
  width: 150px;
  height: 165px;
  margin: 0 auto;
}

.txt_nores{
  width: 383px;
  display: flex;
  margin: 0 auto;
}

.tell_bus{
  padding: 10px 35px;
  background: #F4F4F2;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  /*touch-action: manipulation;*/
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  font-size: 14px;
  line-height: 1.42857143;
  margin-top: 15px;
}

.become_member{
  background: #77A3CD;
}

.become_member [class^="icon-"]::before{
    color: #31708f;
    font-size: 40px!important;
}

.become_member .modal-header .close {
    margin-top: -12px!important;
}

.member_bullets{
  width:100%!important;
  background: #f6f6f6;
  padding-bottom: 30px;
}

.member_bullets h5{
  margin: 10px;
}

.members_form .error_message{
  color: #ffff0f;
    padding-bottom: 5px;
}


.newmap #map {
        height: 100%;
}
      /* Optional: Makes the sample page fill the window. */

.newmap #description {
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
}

.newmap #infowindow-content .title {
  font-weight: bold;
}

.newmap #infowindow-content {
    display: none;
}

.newmap  #map #infowindow-content {
    display: inline;
}

.newmap  .pac-card {
    margin: 10px 10px 0 0;
    border-radius: 2px 0 0 2px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    font-family: Roboto;
}

.newmap  #pac-container {
    padding-bottom: 12px;
    margin-right: 12px;
    padding-top: 10px;
}

.newmap .pac-controls {
    display: inline-block;
    padding: 5px 11px;
}

.pac-controls label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300;
}

.newmap  #pac-input {
    background-color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    margin-left: 12px;
    padding: 0 11px 0 13px;
    text-overflow: ellipsis;
    width: 400px;
}

.newmap   #pac-input:focus {
    border-color: #4d90fe;
}

.newmap  #title {
    color: #fff;
    background-color: #4d90fe;
    font-size: 25px;
    font-weight: 500;
    padding: 6px 12px;
}

.pac-container {
    z-index: 100000000!important;
}



.moneyback_section{
  width:100%;
  background-color:#F2F2F2;
  float: left;
}

.moneyback_wrapper{
  padding-top: 20px;
  padding-bottom: 40px;
}


.moneyback_img {
    position: inherit;
    display: flex;
    width: 490px;
    margin: auto;
}

.moneyback_txt{
  font-weight:bold;
  line-height: 1.4;
  width:361px;  
    text-align:center;    
  font-family: Arial, Helvetica, sans-serif;
  font-size: 17px;
  color: #ffffff;
  padding: 38px 20px;
  background: -moz-linear-gradient(
    top,
    #ffcb69 0%,
    #f0a733 50%,
    #f2a324 92%,
    #ffb730);
  background: -webkit-gradient(
    linear, left top, left bottom,
    from(#ffcb69),
    color-stop(0.50, #f0a733),
    color-stop(0.92, #f2a324),
    to(#ffb730));
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #965F06;
  -moz-box-shadow:
    0px 1px 1px rgba(000,000,000,0.5),
    inset 1px 2px 0px rgba(255,255,255,0.4);
  -webkit-box-shadow:
    0px 1px 1px rgba(000,000,000,0.5),
    inset 1px 2px 0px rgba(255,255,255,0.4);
  box-shadow:
    0px 1px 1px rgba(000,000,000,0.5),
    inset 1px 2px 0px rgba(255,255,255,0.4);
  text-shadow:
    1px 1px 2px rgba(000,000,000,0.7),
    0px 1px 0px rgba(255,255,255,0.4);
  max-width: 72%;
  margin:0 auto;
  margin-top: -60px;
}


.cc-banner.cc-bottom {

    left: 0;
    right: 0;
    bottom: 0;

}
.cc-window.cc-banner {

    -ms-flex-align: center;
    align-items: center;

}
.cc-window.cc-banner {

    padding: 1em 1.8em;
    width: 100%;
    -ms-flex-direction: row;
    flex-direction: row;

}

.cc-color-override-677298764.cc-window {

    color: rgb(131, 131, 145);
    background-color: #fff;

}
.cc-bottom {

    bottom: 1em;

}
.cc-revoke, .cc-window {

    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    line-height: 1.5em;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 9999;

}
.cc-window {

    opacity: 1;
    transition: opacity 1s ease;

}
.cc-revoke, .cc-window {

    font-size: 15px !important;

}

.cc-window .fsSubmitButton {
    width: 180px;
    text-align: center;
    margin: 0 auto;
  }
.cc-window .fsSubmitButton a{
  color:#fff;
}




.goverlay {
  position: absolute;
  top: 11px;
  left: 2px;
  width: 100%;
  height: 95%;
  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;
}
.goverlay: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%;
}
.imagesrc:hover .goverlay {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
}



#add_edit_wrapper{
  margin-bottom: 15px;
  padding-top: 10px;
  width: 100%;
  text-align: center;
}

#add_edit_wrapper #add_edit{
  cursor:pointer;
  font-style:italic;
}

#add_edit_wrapper #add_edit:hover{
  color:#33adff;
}

#add_edit_label{
  display:none;
  font-size: 12px;
  padding-left: 12px;
}

#add_edit_wrapper:hover #add_edit_label{
  display:inline-flex;
  color:#33adff;
  cursor:pointer;
}


.findloc_loader{
  position: absolute;
  right: 156px;
  top: 17px;
  width: 2px;
  height: 23px;
}

.xsprogramm{
  width: 50%;
  float: left;
}
.xsprogramm p{
  background-color: #4db8ff;
  border: 5px solid #fff;
  height: 50px;
    padding: 10px 0 0px 5px;
  font-size: 16px;
  border-radius: 3px;
}

.xsprogramm p span{
  font-weight: bold;
  font-size: 18px;
  color: #000;
  padding-left:15px;
  float:left;
}

 .expand dd1,  .expand dd2{
    font-size: 13px;
    background: #fff;
    margin: 20px 0 30px;
    line-height: 1.8;
    display: none;
}

.expand dd1{
  width:100%;
}

.expand_pis{
  cursor:pointer;
}

#add_mainprog{
  background-color:#4db8ff;
  text-shadow: 1px 1px #4db8ff;
  border: 1px solid #4db8ff;
}



#vresthesi_wrapper{
  position:relative;
}




.pricing-table-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.6em;
  color: #FFF;
  margin-top: 15px;
  text-align: left;
  margin-bottom: 25px;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.pricing-table-title a {
  font-size: 0.6em;
}

.clearfix:after {
  content: '';
  display: block;
  height: 0;
  width: 0;
  clear: both;
}
/** ========================
 * Contenedor
 ============================*/
.pricing-wrapper {
  margin: 40px auto;
}

.pricing-table {
  margin: 0 1%;
  text-align: center;
  width: 31%;
  float: left;
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.4);
  box-shadow: 0 0 15px rgba(0,0,0,0.4);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  background-color:#fff;
  z-index: 2;
}

.pricing-table:hover {
  -webkit-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -o-transform: scale(1.06);
  transform: scale(1.06);
}

.pricing-title {
  color: #FFF;
  background: #c40f39;
  padding: 20px 0;
  font-size: 2em;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
}

.pricing-table.recommended .pricing-title {
  background: #fd7e14;
}

.pricing-table.recommended .pricing-action {
  background: #fd7e14;
}

.pricing-table .packet_price {
  background: #403e3d;
  font-size: 3.4em;
  font-weight: 700;
  padding: 20px 0;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  color:#fff;
}

.pricing-table .packet_price sup {
  font-size: 0.4em;
  position: relative;
  left: 5px;
}

.table-list {
  background: #FFF;
  color: #403d3a;
}

.table-list li {
  font-size: 1.4em;
  font-weight: 700;
  padding: 12px 5px;
}

.table-list li div:before {
  content: "\f00c";
  font-family: 'Icomoon';
  color: #00cc00;
  display: inline-block;
  position: relative;
  right: 5px;
  font-size: 16px;
} 

.table-list .price_xli div:before {
  content: "\f00d";
  font-family: 'Icomoon';
  color: #c40f39;
  display: inline-block;
  position: relative;
  right: 5px;
  font-size: 18px;
} 

.table-list li div{
  max-width: calc(100% - 35px);
}

.table-list li span {
  font-weight: 400;
}

.table-list li span.unlimited {
  color: #FFF;
  background: #e95846;
  font-size: 0.9em;
  padding: 5px 7px;
  display: inline-block;
  -webkit-border-radius: 38px;
  -moz-border-radius: 38px;
  border-radius: 38px;
}


.table-list li:nth-child(2n) {
  background: #F0F0F0;
}

.table-buy {
  background: #FFF;
  padding: 15px;
  text-align: left;
  overflow: hidden;
}

.table-buy p {
  float: left;
  color: #37353a;
  font-weight: 700;
  font-size: 2.4em;
}

.table-buy p sup {
  font-size: 0.5em;
  position: relative;
  left: 5px;
}

.table-buy .pricing-action {
  float: right;
  color: #FFF;
  background: #c40f39;
  padding: 10px 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-weight: 700;
  font-size: 1.4em;
  text-shadow: 0 1px 1px rgba(0,0,0,0.4);
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.table-buy .pricing-action:hover {
  background: #cf4f3e;
}

.recommended .table-buy .pricing-action:hover {
  background: #228799;  
}

/** ================
 * Responsive
 ===================*/

 @media only screen and (min-width: 960px) and (max-width: 1050px) {
  
  .pricing-table .help-tip p {
    width: 200px;
  }

 }


 @media only screen and (min-width: 768px) and (max-width: 959px) {
  
  .table-list li {
    font-size: 1.3em;
  }

  .pricing-table {
    margin: 0 2%!important;
    width: 29%!important;
  }

  .pricing-table .help-tip p {
    width: 170px;
  }

 }

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

 
 .pricing-table {
    margin: 4% 5%!important;
    width: 90%!important;
  }


    .table-list li {
    font-size: 1.3em;
  }

.pricing-table .help-tip::before {
    left: 5px!important;
}


} 



.highlight_message{
  color:#c40f39;
  font-weight:bold
}


div.fadeMe {
  
  background: rgb(0,0,0,0.7);
  width:      100%;
  height:     100%; 
  z-index:    999999999999999999;
  top:        0; 
  left:       0; 
  position:   fixed; 
}

.fadeMe .packet_price{
  font-size:2.4em;
}

.fadeMe .pricing-wrapper {
    margin: 110px auto;
}

.fadeMe .pricing-title {
    font-size: 1.2em;
  font-size: 1.3em;
  font-weight: bold;
}

.fadeMe .table-list li {
    font-size: 1.1em;
    font-weight: 700;
}

.fadeMe .pricing-table .packet_price{
  padding: 8px 0;
}

.fadeMe .table-buy{
  padding:0;
  overflow:inherit;
}

.fadeMe .table-buy .pricing-action{
  font-size:1.2em;
  margin: 8px 11px 0 0;
}

.disabled_section{
  pointer-events: auto;
  cursor: not-allowed !important;
}

.disabled_section span{
  opacity:0.5;
}

#add_mainprog{
  float:left;
}


.disabled_button{
  
  pointer-events: none;
  -webkit-filter: grayscale(80%) !important;
  filter: grayscale(80%) !important;
}

.message_deny{
   color: rgb(131, 131, 145);
  /*margin-right: 23px;*/
  cursor: pointer;
  float:right;
  padding-right: 8px;
  padding-top: 8px;
}

.message_deny:hover{
  color:#C40F39;
}

.upgrade{
  background-color: #ff9900;
}


.upgrade span{
  margin-top: 27px;
  font-size: 18.5px;
}

.upgrade span a{
  color:#fff;
}

.close_fademe{
  width: 100%;
  height: 12px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-bottom: 19px;
  cursor: pointer;
}

.sports_listed_programms .unclickable {
  opacity: 0.5;
}

.recent_notif{
  font-size:19px;
}

.fullwidth {
    max-width: calc(100% - 85px) !important;
    width: calc(100% - 85px) !important;
}

.fullwidth2{
    max-width: calc(100% - 85px) !important;
    width: calc(100% - 85px) !important;
}

.price .price_info .send_email_again:after {
    color: #dd8e18;
}

.price .price_info .send_email_fail:after {
    color: #337ab7;
}


.price .price_info .send_email_success:after {
    color: #1d9b1d;
}

.price .price_info .send_email_activate:after {
    color: #C40F39;
}


.noresult_catg{
  opacity: 0.8;
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}


.member_price_tab .offer_coupon{
  width: 100px;
  position: absolute;
}

.strikeout {
  font-size: 1em;
  line-height: 1em;
  position: relative;
}
.strikeout::after {
  border-bottom: 0.13em solid red;
  content: "";
  left: 0;
  margin-top: calc(0.0em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}

.user_order_paymethods [type="radio"]:checked,
.user_order_paymethods [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.user_order_paymethods [type="radio"]:checked + label,
.user_order_paymethods [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
.user_order_paymethods [type="radio"]:checked + label:before,
.user_order_paymethods [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 6px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
.user_order_paymethods [type="radio"]:checked + label:after,
.user_order_paymethods [type="radio"]:not(:checked) + label:after {
    top: 12px;
    left: 14px;
}
.user_order_paymethods [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.user_order_paymethods [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}



.capacity_input .help-tip::before {
    content: '?';
    font-weight: bold;
    color: #fff;
    position: absolute;
    background-color: #BCDBEA;
    border-radius: 50%;
    font-size: 13px;
    padding: 1px 7px;
    cursor: default;
    left: 60px;
    bottom: 1px;
    height: 20px;

}


/*User orders Tooltip*/
.order_tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.order_tooltip .order_tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.order_tooltip .order_tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.order_tooltip:hover .order_tooltiptext {
  visibility: visible;
  opacity: 1;
}

.pay_frame{

  position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; border:none;
  margin:0; padding:0; overflow:hidden;
  margin-top:10%;
}

.c-std3 h3{
font-size: 20px;
}

.info-icon {
  width: 15px;
  height:15px;
}

.ordertable_row{
  background-color:#c7254e;
  color:white;
}

.orders_table tr, .orders_table th, .orders_table td{
  text-align:center;
}

/* popmsg START*/

.popmsg_btn {
    margin-bottom: 10px;
}

#msg.custom-style {
    border-width: 4px;
    border-style: dotted;
    border-radius: 10px;
}

#msg.custom-style span {
    font-size: 20px;
}

#msg.custom-style i {
    font-size: 30px;
}

#msg.custom-style .msg-progress {
    border-width: 4px 0;
}

#pay_frame{
	position:inherit;
}

/* popmsg END*/

/*Note*/
.business_note{
	font-size: 12px;
	font-style: italic;
	padding-left:5px;
}

.packet_section{
	padding-bottom:10px;
}

.prog_desc{
	font-size:13px;
	margin-left: 5px;
}

.line-through{
	text-decoration: line-through;
}