@font-face {
    font-family: 'FuturaPT-Bold';
    src: url('../fonts/FuturaPT-Bold.eot');
    src: url('../fonts/FuturaPT-Bold.eot?#iefix') format('embedded-opentype'),
          url('../fonts/FuturaPT-Bold.woff') format('woff'),
         url('../fonts/FuturaPT-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT-DemiBold';
    src: url('../fonts/FuturaPT-DemiBold.eot');
    src: url('../fonts/FuturaPT-DemiBold.eot?#iefix') format('embedded-opentype'),
          url('../fonts/FuturaPT-DemiBold.woff') format('woff'),
         url('../fonts/FuturaPT-DemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaPT-Light';
    src: url('../fonts/FuturaPT-Light.eot');
    src: url('../fonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
          url('../fonts/FuturaPT-Light.woff') format('woff'),
         url('../fonts/FuturaPT-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body
{
  font-family: 'FuturaPT-Light' !important;
  line-height:1.8;
}

h1,h2,h3,h4,h5,h5,ul,li,span
{
  font-family:'FuturaPT-DemiBold';
}

p {

    font-size: 1.04em;
    color: #333;
}


.logo-image {
  height: 130px !important;
   background:#fff;
  border-radius:10px;
}



.top1-F {
  min-height: 100%;
  background-position: center center;
}

.sct {
  padding: 70px 0;
}

.sct-2 {
  background:#fcfcfc;
}
.sct35 {
  padding:0 0 70px 0;
}


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


.section-title
{
  font-weight:300;
  margin-bottom:1em;
  margin-top:1.128em;
}


#sp-footer {
  background-color: #fff !important;
  color:#121212;
}

.article-details .article-ratings-social-share
{
  display:none !important;
}

.slider-container {
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.slider {
    width: 100%;
    max-width: 100%;
    height: 820px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.slides {
    display: flex;
    overflow-x: hidden;
    position: relative;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}
.slide:nth-of-type(even) {
    background-color: rgb(250, 246, 212);
}

.slides a 
{
  color:#000;
}
.slide1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height:  820px;
    margin-right: 0px;
    box-sizing: border-box;
    background-image:url("https://serenitypilates.gr/images/backgrounds/65-full.jpg");
    object-fit:cover;
    background-repeat:no-repeat;
    background-position:center center;
    transform-origin: center center;
    transform: scale(1);
    scroll-snap-align: center;
  
}

.slide2 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height:  820px;
    margin-right: 0px;
    box-sizing: border-box;
    background-image:url("https://serenitypilates.gr/images/backgrounds/serenity-pilates.jpg");
  object-fit:cover;
  background-position:top center;
    transform-origin: center center;
    transform: scale(1);
    scroll-snap-align: center;
}

.slide3 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height:  820px;
    margin-right: 0px;
    box-sizing: border-box;
    background-image: url("https://serenitypilates.gr/images/backgrounds/serenity-pilates-2.jpg");
    transform-origin: center center;
    transform: scale(1);
    scroll-snap-align: center;
}

/*
.slide4 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
    height:700px;
    margin-right: 0px;
    box-sizing: border-box;
    background-image:url("https://serenitypilates.gr/images/backgrounds/61-1.jpg");
  object-fit:cover;
  background-repeat:no-repeat;
  background-position:center center;
    transform-origin: center center;
    transform: scale(1);
    scroll-snap-align: center;
}
*/

.slide__text {
  font-size: 3.3em !important;
    font-family:'FuturaPT-Bold' !important;
  text-align:center;
}

.slide__subtitle
{
    font-size: 1.6em !important;
    font-family: 'FuturaPT-Light'!important;
    text-align:center;
}


.slide a {
    background: none;
    border: none;
}

a.slide__prev,
.slider::before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    left: 5%;
}

a.slide__next,
.slider::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    right: 5%;
}

.slider::before,
.slider::after,
.slide__prev,
.slide__next {
    position: absolute;
    top: 48%;
    width: 35px;
    height: 35px;
    border: solid black;
    border-width: 0 4px 4px 0;
    padding: 3px;
    box-sizing: border-box;
}

.slider::before,
.slider::after {
  content: '';
  z-index: 1;
  background: none;
  pointer-events: none;
}

.slider__nav {
    display:none;
}

.slider__navlink {
    display: inline-block;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    background-color: black;
    margin: 0 10px 0 10px;
}

.our-classes
{
  
justify-content: center;
border: 1px solid #f7f7f7;
display: grid;
padding: 0;
margin:15px auto;
overflow:hidden;
}

.classes-inside
{
justify-content: center;
display: grid;
padding: 0;
margin:15px auto;
height:456px;
overflow:hidden;
background: #f7f7f7;
}

.class-description
{
  padding:26px 10px;
  height:260px;
}
.tmimata{
height: 580px;
vertical-align: middle;
display: table-cell;
  padding:10px;
}

.description
{
  background:#fff;
  padding:10px;
  position:relative;
  position: relative;
height: 180px;
top: 28%;
  margin: 10px;
}

.outline-button
{
  border:1px solid black;
  padding:10px 15px;
  width:160px;
  display:inherit;
  text-align:center;
  margin-top:1.528em;
  color:#000 !important;
}

.outline-button:hover
{
color:#CB3F27 !important;
}


.icon {
  display: grid;
  margin: 0 auto;
  position: relative;
  justify-content: center;
}

.info-box
{
  justify-content: center;
  display: grid;
  padding: 0;
  margin:15px auto;
  height:380px;
  overflow:hidden;

}
.lightbox-gallery{
  color: #000;
  overflow-x: hidden;
}

.lightbox-gallery .photos
{
  padding-bottom:20px;
}

.lightbox-gallery .item
{
  padding-bottom:30px;
}

.lb-outerContainer {
  background: transparent !important;
}

.container-fluid {
    margin-top: 20px;
}

.boxes .vc-column-inner
{
 vertical-align: middle;
 display: inline;
 padding: 15px 10px;
}

.sli-title {
  padding-top: 15px;
  border-radius: 5px;
}


@media (max-width: 575px){
#sp-header {
  height: 130px;
}
}


@media (max-width: 1040px)
{
.logo-image-phone {
  height: 107px !important;
  background:white;
  margin-top: 30px;
}
  .col-sm-12
  {
    margin:10px 0;
  }
 
  #sp-main-body
  {
    margin: 80px 0 0 0;
    padding: 40px 0;
  }
  .slide__text {
  font-size: 1.8em !important;
    font-family:'FuturaPT-Bold' !important;
}
.sct {
  padding: 35px 0;
}

.sct-2 {
  background:#fcfcfc;
}
.sct35 {
  padding:0 0 35px 0;
}
.slide__subtitle
{
    font-size: 1.1em !important;
  text-align:center;
    font-family: 'FuturaPT-Light'!important;
}
  
  .slider::before,
.slider::after,
.slide__prev,
.slide__next {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 22px;
}
  
  
 .jb-cookie p {
  text-align: center !important;
} 
  
 .jb-cookie-title {
  text-align: center !important;
} 
  
  .jb-accept {
    background-image:none !important;
    background-color: #CB3F27 !important;
    border:1px solid #CB3F27 !important;
  }
  
  
  .jb-accept :hover
  {
    box-shadow:none !important;
  }