body {
    font-size: 19px;
    line-height: 30px;
    color: #000;
}

#sp-main-body {
    padding: 30px 0;
}

.perioxesmenu .sp-dropdown ul > li {
    min-height: auto !important;
    padding: 0 !important;
}

#sp-tel-on-pictures {
    position: absolute;
    top: 280px;
    display: block;
    width: 100%;
    z-index: 9;
}

.post-format {
    display: none;
}

.entry-header.has-post-format {
    margin-left: 0;
}

.sp-contact-info {
    float: none;
    list-style: none;
    padding: 0;
    margin: 0 -10px;
    text-align: center;
    font-weight: 700;
}

a {
    color: #015399;
}

a:hover {
    color: #187dd3;
}

#sp-header a {
    font-weight: 600;
    font-size: 18px;
}

#sp-header .sp-dropdown a {
    color: #015399;
}

#sp-header .sp-dropdown a:hover {
    color: #000;
}

#sp-header .sp-dropdown ul > li {
    min-height: 80px;
    padding: 10px 0;
}

.apories {
    text-align: center;
    font-weight: bold;
    background-color: #eef417;
    padding: 20px 25px;
    border: #000 1px solid;
    border-radius: 5px;
}

.eksipiretisi {
    border-left: #015399 10px solid;
    padding-left: 25px;
    background-color: #e6f4ff;
    padding-top: 10px;
    padding-bottom: 10px;
}

.entry-header.has-post-format {
    margin-left: 0;
    text-align: center;
    width: 100%;
    border-bottom: #000 3px solid;
padding-bottom: 20px;
}

.question {
    background-color: #000;
    padding: 10px 20px;
}

.answer {
    background-color: rgba(50,71,90,0.5);
    padding: 10px 20px;
}

.fa.fa-check {
    color: green;
    font-size: 28px;
}

.fa.fa-arrow-right {
    font-size: 28px;
}

.sp-module .sp-module-title {
    margin: 0 0 20px;
    font-size: 30px;
    text-transform: uppercase;
    line-height: 1;
    font-weight: 700;
    text-align: center;
    border-bottom: #000 1px solid;
    padding-bottom: 15px;
}

.slide-desc a {
    color: #fff;
}

.entry-header h2 {
    margin: 8px 0 0;
    font-size: 28px;
    line-height: 1;
    font-weight: 700;
}

/* Grow */
#sp-header a, #sp-top-bar a {
  display: inline-block;
  vertical-align: top;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  padding: 0 10px;
margin-top: -1px;
}
.telbutton a {
    display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  padding: 0 10px;
margin-top: -1px;
}
#sp-header a:hover, #sp-header a:focus, #sp-header a:active, #sp-top-bar a:hover, #sp-top-bar a:focus, #sp-top-bar a:active, .telbutton a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Grow END */


.slide-desc-text {
	position: relative;
	-webkit-animation: bounce 1.2s ease-out;
	-moz-animation: bounce 800ms ease-out;
	-o-animation: bounce 800ms ease-out;
	animation: bounce 1.2s ease-out;
}

.telbutton, .slide-desc {
    animation-name: bounce;
    animation-duration: 4s;
}

.desktophide {
  display: none;
}

.djslider-default .slide-desc {
    position: relative !important;
}

#offcanvas-toggler > i {
    color: #fff;
    font-size: 23px;
}

@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}


/* ------------------------- MEDIA SCREENS ----------------------- */

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

}
@media only screen and (min-width: 960px) and (max-width: 1199px){
.slide-text h1 {
    font-size: 30px;
}
.slide-text {
    font-size: 15px;
    line-height:1.2;
}
.slide-title {
    font-size: 18px !important;
}
#sp-tel-on-pictures {
    top: 220px;
}
}
@media (min-width: 768px) and (max-width: 959px){
.slide-text h1 {
    font-size: 30px;
}
.slide-text {
    font-size: 15px;
    line-height:1.2;
}
.slide-title {
    font-size: 18px !important;
}
 #sp-tel-on-pictures {
    top: 205px;
}
}
@media only screen and (min-width: 481px) and (max-width: 767px){
    .desktophide {
  display: inline;
}
  
  .mobilehide {
    display:none;
  }
td {
    width: 100% !important;
    float: left;
}
.slide-text h1 {
    font-size: 30px;
}
.slide-text {
    font-size: 15px;
    line-height:1.2;
}
.slide-title {
    font-size: 18px !important;
}
}
@media only screen and (max-width: 480px){
  .desktophide {
  display: inline;
}
    .mobilehide {
    display:none;
  }
td {
    width: 100% !important;
    float: left;
}
.slide-text h1 {
    font-size: 30px;
}
.slide-text {
    font-size: 15px;
    line-height:1.2;
}
.slide-title {
    font-size: 18px !important;
}
}