@font-face {
  font-family: "Graphik-Regular-Web";
  font-style: normal;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  font-display: swap;
  src: url("../../fonts/Graphik/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"), url("../../fonts/Graphik/Graphik-Regular-Web.woff") format("woff"), url("../../fonts/Graphik/Graphik-Regular-Web.ttf") format("truetype"), url("../../fonts/Graphik/Graphik-Regular-Web.svg") format("svg");
}
/* TRANSITION */
/* COLORS */
/* SOCIAL */
/* MIXINS */
/*
 grayscale      ex: filter: grayscale(100%);
 sepia          ex: filter: sepia(100%);
 saturate       ex: filter: saturate(0%);
 hue-rotate     ex: filter: hue-rotate(45deg);
 invert         ex: filter: invert(100%);
 brightness     ex: filter: brightness(15%);
 contrast       ex: filter: contrast(200%);
 blur           ex: filter: blur(2px);
 */
/* RELATED ACTION */
.related-action > a {
  float: left;
}
.related-action .share {
  float: right;
}
.related-action .share p {
  float: left;
  color: #0f1941;
  line-height: 50px;
  margin: 0;
}
.related-action .share ul {
  float: left;
  margin: 0;
}
.related-action .share li {
  float: left;
  margin-left: 20px;
}
.related-action .share li a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
  width: 50px;
  height: 50px;
  padding: 13px;
  border-radius: 50%;
  background: #0f1941;
}
.related-action .share li a path {
  fill: #6ba5b4;
}
.bgc4 .related-action .share li a path {
  fill: #f7f5f0;
}
.testimonies-list .item {
  position: relative;
  margin-bottom: 40px;
}
.testimonies-list .item img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.testimonies-list .item .v {
  position: relative;
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 20px;
}
.testimonies-list .item .quote {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 80px;
  top: 30px;
  right: 30px;
}
.testimonies-list .item .quote path {
  fill: #fff;
}
.testimonies-list .item .play {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px;
}
.testimonies-list .item .play path {
  fill: #fff;
}
.testimonies-list .item blockquote p {
  font-size: 22px;
}
.testimonies-list .item p.author {
  color: #878ca0;
  margin: 0;
}
.testimonies-list .item a:hover, .testimonies-list .item a.active {
  text-decoration: none;
}
.testimonies-list .item a:hover img, .testimonies-list .item a.active img {
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* VIDEO */
.testimony-container {
  -webkit-transition: height 0.3s ease;
  -moz-transition: height 0.3s ease;
  -ms-transition: height 0.3s ease;
  -o-transition: height 0.3s ease;
  transition: height 0.3s ease;
  padding: 50px 0 70px 0;
}
.testimony-container p {
  font-size: 20px;
  color: #fff;
  margin-bottom: 30px;
}
.testimony-container .embed {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
}
.testimony-container .embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* JS VIDEO CONTAINER */
.js-testimony-container {
  width: 100%;
  background: #6ba5b4;
  color: #fff;
  margin-bottom: 40px;
}
.js-testimony-container .inside-wrapper {
  position: relative;
}
.js-testimony-container .video-container h2 {
  padding-right: 60px;
}
.js-testimony-container .close {
  cursor: pointer;
  display: block;
  position: absolute;
  right: 0;
  top: 60px;
  width: 30px;
  height: 30px;
  background: url(../../img/close.svg) no-repeat center center;
}
.js-testimony-container .d {
  width: 25px;
  height: 25px;
  background: #6ba5b4;
  border-radius: 4px;
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin: 0 auto;
  margin-top: -12px;
}
.js-testimony-container .d-col-0 .d {
  display: block;
}
.js-testimony-container .c {
  display: none;
  padding: 50px 0;
}
.js-testimony-container.bgc4 .d {
  background: #f7f5f0;
}
.js-testimony-container.bgc4 .author {
  color: #878ca0;
}
.js-testimony-container .svg-quote path {
  fill: #6ba5b4;
}
.js-testimony-container blockquote p {
  font-size: 22px;
  line-height: 36px;
  color: #0f1941;
}
@media only screen and (min-width: 360px) {
  /* JS VIDEO CONTAINER */
  .js-testimony-container .d-col-0 .d {
    display: none;
  }
  .js-testimony-container-0 .d-col-0 .d {
    display: block;
  }
  .js-testimony-container-1 .d-col-1 .d {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  /* VJS VIDEO CONTAINER */
  .js-testimony-container .close {
    right: 20px;
  }
  .js-testimony-container .d-col .d {
    display: none !important;
  }
  .js-testimony-container-0 .d-col-0 .d {
    display: block !important;
  }
  .js-testimony-container-1 .d-col-1 .d {
    display: block !important;
  }
  .js-testimony-container-2 .d-col-2 .d {
    display: block !important;
  }
}
@media only screen and (min-width: 992px) {
  /* JS VIDEO CONTAINER */
  .js-testimony-container .close {
    right: 40px;
  }
}