@use 'sass:string';
/* line 38, ../scss/_doctor-v2-variables.scss */
.block-video-picture-quote-block blockquote {
  font-weight: 300;
  padding: 0 15px;
  border-left: 1px solid #bebebe;
  color: #707070;
  font-size: 1.5em;
  line-height: 1.33;
}
/* line 46, ../scss/_doctor-v2-variables.scss */
.block-video-picture-quote-block blockquote footer {
  color: #de6400;
  font-size: 100%;
  line-height: inherit;
}
/* line 51, ../scss/_doctor-v2-variables.scss */
.block-video-picture-quote-block blockquote footer::before {
  display: none;
}
@media (min-width: 768px) {
  /* line 38, ../scss/_doctor-v2-variables.scss */
  .block-video-picture-quote-block blockquote {
    font-size: 2.14em;
  }
}

/* MIXIN FOR CHECKED RADIO BUTTON / CHECKBOX - BORDER STARTS HERE */
/* line 3, ../scss/video-picture-quote-block.scss */
.block-video-picture-quote-block {
  padding-bottom: 40px;
  position: relative;
}
@media (min-width: 768px) {
  /* line 3, ../scss/video-picture-quote-block.scss */
  .block-video-picture-quote-block {
    padding: 100px 0 95px;
  }
}
/* line 11, ../scss/video-picture-quote-block.scss */
.block-video-picture-quote-block .doctor-wrapper {
  position: absolute;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  /* line 11, ../scss/video-picture-quote-block.scss */
  .block-video-picture-quote-block .doctor-wrapper {
    padding-bottom: 106%;
    position: relative;
  }
}
@media (min-width: 768px) {
  /* line 11, ../scss/video-picture-quote-block.scss */
  .block-video-picture-quote-block .doctor-wrapper {
    left: auto;
    margin-bottom: 0;
    right: 47%;
    width: 400px;
  }
}
@media (min-width: 992px) {
  /* line 11, ../scss/video-picture-quote-block.scss */
  .block-video-picture-quote-block .doctor-wrapper {
    width: 515px;
  }
}
@media (min-width: 1200px) {
  /* line 11, ../scss/video-picture-quote-block.scss */
  .block-video-picture-quote-block .doctor-wrapper {
    width: 716px;
  }
}
/* line 35, ../scss/video-picture-quote-block.scss */
.block-video-picture-quote-block .doctor-wrapper .doctor-photo {
  bottom: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  /* line 35, ../scss/video-picture-quote-block.scss */
  .block-video-picture-quote-block .doctor-wrapper .doctor-photo {
    padding-bottom: 106%;
  }
}
@media (min-width: 992px) {
  /* line 35, ../scss/video-picture-quote-block.scss */
  .block-video-picture-quote-block .doctor-wrapper .doctor-photo {
    -webkit-transform: translateY(-150px);
    -moz-transform: translateY(-150px);
    -ms-transform: translateY(-150px);
    -o-transform: translateY(-150px);
    transform: translateY(-150px);
  }
}
@media (min-width: 1200px) {
  /* line 35, ../scss/video-picture-quote-block.scss */
  .block-video-picture-quote-block .doctor-wrapper .doctor-photo {
    -webkit-transform: translateY(-250px);
    -moz-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    -o-transform: translateY(-250px);
    transform: translateY(-250px);
  }
}
/* line 61, ../scss/video-picture-quote-block.scss */
.block-video-picture-quote-block .doctor-wrapper .doctor-photo .photo {
  background: transparent none no-repeat 100% 50% scroll;
  -webkit-background-size: cover;
  background-size: cover;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
@media (min-width: 768px) {
  /* line 72, ../scss/video-picture-quote-block.scss */
  .block-video-picture-quote-block .doctor-wrapper .doctor-photo .shadow {
    bottom: 35px;
    box-shadow: 0 50px 99px #000000;
    left: 55px;
    position: absolute;
    right: 55px;
    top: 55px;
  }
}
/* line 85, ../scss/video-picture-quote-block.scss */
.block-video-picture-quote-block blockquote {
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  /* line 85, ../scss/video-picture-quote-block.scss */
  .block-video-picture-quote-block blockquote {
    margin-bottom: 70px;
    font-size: 2.5em;
    line-height: 1.28;
    padding-left: 20px;
    padding-right: 0;
  }
}
/* line 98, ../scss/video-picture-quote-block.scss */
.block-video-picture-quote-block .btn-play-video {
  align-items: center;
  color: #707070;
  display: flex;
  font-size: 1.5em;
  font-weight: 700;
  height: 66px;
  letter-spacing: 0.1em;
  padding-left: 86px;
  position: relative;
  text-transform: uppercase;
}
/* line 110, ../scss/video-picture-quote-block.scss */
.block-video-picture-quote-block .btn-play-video::before {
  background: transparent url("../images/play-button@2x.png") no-repeat 50% 50% scroll;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  content: '';
  height: 66px;
  left: 0;
  position: absolute;
  top: 0;
  width: 66px;
}