.flexible-content-block {
  width: 100%;
  display: block;
  margin-bottom: 40px;
  font-size: 16px;
}
.flexible-content-block .col-left,
.flexible-content-block .col-right{
  width: calc( 49% - 10px );
  display: inline-block;
  vertical-align: top;
}
.flexible-content-block .col-left {
  margin-right: 20px;
}
.flexible-content-block.quote {
  padding: 100px 50px 30px 50px;
  font-size: 20px;
  color: #7e3486;
  font-style: italic;
  text-align: center;
  background-image: url(../images/quote.svg);
  background-position: center 20px;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

.flexible-content-block .box {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  overflow:hidden;
}
.flexible-content-block .box_25 {
  width: calc( 25% - 15px );
}
.flexible-content-block .box_33 {
  width: calc( 33% - 10.5px );
}
.startBoxes .flexible-content-block .box_33,
.wrap .flexible-content-block .box_33 {
  width: calc( 33% - 13.1px );
}
.flexible-content-block .box_50 {
  width: calc( 50% - 10px );
}
.flexible-content-block .box_100 {
  width: 100%;
}
.flexible-content-block .box.rektangel::before,
.flexible-content-block .box.kvadrat::before {
  content: "";
  display: block;
  position: relative;
  padding-top: 83.0186222%;
}
.flexible-content-block .box.kvadrat::before {
  padding-top: 100%;
}
.flexible-content-block .box:last-child,
.flexible-content-block .box_25:nth-child( 4n ),
.flexible-content-block .box_33:nth-child( 3n ),
.flexible-content-block .box_50:nth-child( 2n ) {
  margin-right: 0;
}

.flexible-content-block .box .box-title,
.flexible-content-block .box .box-image {
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  top: 0;
}
.flexible-content-block .box .box-title h2.title {
  font-size: 18px;
  text-transform: uppercase;
  color: #3d3d3d;
  text-align: center;
}
.flexible-content-block .box a:hover .box-title h2.title {
  color: #7e3486;
}
.flexible-content-block .box .box-image .box-title {
  font-size: 23px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  top: 50%;
  transform: translateY( -50% );
  color: #fff;
  font-weight: 600;
}
.flexible-content-block .box .box-image .box-title-line {
  width: 35px;
  height: 6px;
  display: inline-block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -17.5px;
  background: #fff;
  margin-top: 10px;
}
.flexible-content-block .box .box-image .click-for-more {
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
}
.flexible-content-block .box .box-image {
  background-size: cover;
  background-position: center center;
}
.flexible-content-block .box .box-image {
  top: 15.2941176%;
  bottom: 0;
}
.flexible-content-block .box .box-image.has-plate {
  top: 0;
}
.flexible-content-block .box.kvadrat .box-image {
  bottom: 0;
}
.flexible-content-block .box a .box-image .top-bar {
  content: "";
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 10px;
  opacity: 0;
}
.flexible-content-block .box a:hover .box-image .top-bar {
  opacity: 1;
}
.flexible-content-block .box .box-image .color-plate {
  content: "";
  transition: opacity .3s;
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  opacity: .75;
}
.flexible-content-block .box a:hover .box-image .color-plate {
  opacity: .95;
}
.flexible-content-block.video .text-box,
.flexible-content-block.video .video-box {
  position: relative;
  display: inline-block;
  margin-right: 20px;
}
.flexible-content-block.video .text-box {
  width: calc( 33% - 10.5px );
  vertical-align: top;
}
.flexible-content-block.video .video-box {
  width: calc( 66% - 10.5px );
}
.flexible-content-block.video .video-col:last-child {
  margin-right: 0;
}
.flexible-content-block.video .video-box::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.flexible-content-block.video .video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
}

.flexible-content-block.map {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden;
}
.flexible-content-block.map .map-box {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

@media all and (max-width: 900px) {

}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {

}

@media all and (max-width: 824px) {
  .flexible-content-block .box_25 {
    width: calc( 50% - 10px );
    margin-bottom: 20px;
  }
   .flexible-content-block .box_25:nth-child( even ) {
    margin-right: 0;
  }
  .flexible-content-block .box_25:last-child,
  .flexible-content-block .box_25:nth-last-child( 2 ) {
    margin-bottom: 0;
  }
  .flexible-content-block .box_33 {
    width: calc( 33% - 11.5px );
  }
  .flexible-content-block.video .text-box,
  .flexible-content-block.video .video-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .flexible-content-block.video .text-box:last-child,
  .flexible-content-block.video .video-box:last-child {
    margin-bottom: 0;
  }
}

@media all and (max-width: 599px) {
  .flexible-content-block.quote {
    padding: 100px 30px 30px 30px;
    font-size: 16px;
  }
  .flexible-content-block .col-left,
  .flexible-content-block .col-right{
    width: 100%;
    margin-right: 0;
  }
  .flexible-content-block .box_25,
  .flexible-content-block .box_33,
  .wrap .flexible-content-block .box_33,
  .flexible-content-block .box_50,
  .flexible-content-block .box_100 {
    width: 100%;
    margin-bottom: 20px;
  }
  .flexible-content-block .box_25:last-child,
  .flexible-content-block .box_33:last-child,
  .flexible-content-block .box_50:last-child,
  .flexible-content-block .box_100:last-child {
    margin-bottom: 0;
  }
  .flexible-content-block.video .text-box,
  .flexible-content-block.video .video-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .flexible-content-block.video .text-box:last-child,
  .flexible-content-block.video .video-box:last-child {
    margin-bottom: 0;
  }
}