.elem-container .previewDonut .item-wrapper .text-wrapperBig .place-desc, .elem-container .previewDonut .item-wrapper .text-wrapperBig .item-desc-wrapper .item-desc, .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .place-desc, .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .item-desc-wrapper .item-desc {
  font-size: 18px;
  line-height: 30px;
  text-align: right;
  color: #3d3d3d; }

body {
  background-color: #f5fbfd; }

.elem-container {
  background-color: #f5fbfd;
  position: relative;
  width: 80%;
  margin: 0 auto 102px; }
  .elem-container:after {
    display: table;
    clear: both;
    content: ""; }
  @media screen and (max-width: 700px) {
    .elem-container {
      max-width: 100%;
      position: relative;
      width: 100%;
      margin-top: 0;
      background-color: #f5fbfd; } }
  @media screen and (min-width: 601px) and (max-width: 1280px) {
    .elem-container {
      width: 100%; } }
  @media screen and (min-width: 1280px) and (max-width: 1340px) {
    .elem-container {
      width: 95%; } }
  .elem-container .previewDonut {
    float: right;
    top: 0;
    position: sticky;
    position: -webkit-sticky;
    width: 40%; }
    .elem-container .previewDonut .item-wrapper {
      width: 90%;
      margin: 0;
      opacity: 1 !important;
      transition: opacity 0.5s cubic-bezier(0.55, 0.13, 0.35, 0.62); }
      @media screen and (min-width: 601px) and (max-width: 900px) {
        .elem-container .previewDonut .item-wrapper {
          width: 100%; } }
      @media screen and (min-width: 900px) and (max-width: 1024px) {
        .elem-container .previewDonut .item-wrapper {
          width: 90%; } }
      @media screen and (min-width: 1024px) and (max-width: 1280px) {
        .elem-container .previewDonut .item-wrapper {
          width: 90%; } }
      @media screen and (min-width: 1280px) and (max-width: 1340px) {
        .elem-container .previewDonut .item-wrapper {
          width: 80%; } }
      .elem-container .previewDonut .item-wrapper .fig-wrapper {
        text-align: center;
        padding-bottom: 100%;
        position: relative;
        height: 0;
        overflow: hidden;
        max-width: 100%; }
        .elem-container .previewDonut .item-wrapper .fig-wrapper .fig-elemBig {
          display: inline-block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
        @media screen and (max-height: 900px) {
          .elem-container .previewDonut .item-wrapper .fig-wrapper {
            display: none; } }
      .elem-container .previewDonut .item-wrapper .text-wrapperBig {
        padding: 0 55px 12px 12px;
        margin-top: -25px; }
        .elem-container .previewDonut .item-wrapper .text-wrapperBig .rate-header {
          font-size: 60px;
          line-height: 69px;
          text-align: right;
          color: #3d3d3d;
          font-weight: bold; }
        .elem-container .previewDonut .item-wrapper .text-wrapperBig .name-header {
          font-size: 34px;
          line-height: 41px;
          text-align: right;
          color: #3d3d3d;
          margin-bottom: 4px; }
        .elem-container .previewDonut .item-wrapper .text-wrapperBig .place-desc {
          font-weight: normal;
          font-size: 22px;
          line-height: 36px;
          color: #222; }
        .elem-container .previewDonut .item-wrapper .text-wrapperBig .item-desc-wrapper {
          padding-top: 12px; }
          .elem-container .previewDonut .item-wrapper .text-wrapperBig .item-desc-wrapper .item-desc .priceBold {
            font-weight: bold;
            display: block; }
          .elem-container .previewDonut .item-wrapper .text-wrapperBig .item-desc-wrapper .item-desc .markerWord {
            background-color: #fff59b;
            padding: 0 6px; }
            @media screen and (max-width: 700px) {
              .elem-container .previewDonut .item-wrapper .text-wrapperBig .item-desc-wrapper .item-desc .markerWord {
                background-color: #fffce9; } }
      .elem-container .previewDonut .item-wrapper.visible {
        opacity: 1 !important; }
      .elem-container .previewDonut .item-wrapper.hidden {
        opacity: 0 !important;
        position: absolute;
        top: 0; }
    @media screen and (max-height: 900px) {
      .elem-container .previewDonut {
        top: 70px;
        transform: translateY(15%); } }
  .elem-container .donuts-grid-wrapper {
    width: 60%;
    float: left;
    transform: translateX(-5%); }
    @media screen and (max-width: 700px) {
      .elem-container .donuts-grid-wrapper {
        float: none;
        width: 100%;
        transform: translateX(0); } }
    @media screen and (min-width: 601px) and (max-width: 900px) {
      .elem-container .donuts-grid-wrapper {
        transform: translateX(0); } }
    @media screen and (min-width: 901px) and (max-width: 1025px) {
      .elem-container .donuts-grid-wrapper {
        transform: translateX(0); } }
    @media screen and (min-width: 1024px) and (max-width: 1280px) {
      .elem-container .donuts-grid-wrapper {
        transform: translateX(0); } }
    @media screen and (min-width: 1281px) and (max-width: 1340px) {
      .elem-container .donuts-grid-wrapper {
        transform: translateX(0); } }
    .elem-container .donuts-grid-wrapper .item-wrapper {
      width: 27%;
      float: right;
      margin: 0 20px 0;
      cursor: pointer;
      position: relative;
      min-height: 370px; }
      @media screen and (max-width: 700px) {
        .elem-container .donuts-grid-wrapper .item-wrapper:nth-child(3) {
          margin-top: 48px; } }
      @media screen and (max-width: 700px) {
        .elem-container .donuts-grid-wrapper .item-wrapper:last-child {
          margin-bottom: 48px; } }
      @media screen and (max-width: 700px) {
        .elem-container .donuts-grid-wrapper .item-wrapper {
          display: block;
          float: none;
          max-width: 100%;
          margin: 0 auto;
          width: 86%;
          cursor: initial; } }
      @media screen and (max-height: 900px) {
        .elem-container .donuts-grid-wrapper .item-wrapper {
          min-height: 405px !important; } }
      @media screen and (min-width: 601px) and (max-width: 900px) {
        .elem-container .donuts-grid-wrapper .item-wrapper {
          width: 40%;
          margin: 0 12px 12px; } }
      @media screen and (min-width: 900px) and (max-width: 1024px) {
        .elem-container .donuts-grid-wrapper .item-wrapper {
          width: 40%;
          margin: 0 12px 12px; } }
      @media screen and (min-width: 1024px) and (max-width: 1280px) {
        .elem-container .donuts-grid-wrapper .item-wrapper {
          width: 40%;
          min-height: 400px; } }
      @media screen and (min-width: 1281px) and (max-width: 1550px) {
        .elem-container .donuts-grid-wrapper .item-wrapper {
          width: 36%; } }
      .elem-container .donuts-grid-wrapper .item-wrapper .fig-wrapper {
        text-align: center; }
      .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper {
        margin-top: -14px;
        padding-right: 24px; }
        @media screen and (max-width: 700px) {
          .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper {
            background-color: #f5fbfd;
            padding: 0 48px 3px 12px;
            margin-top: -20px; } }
        .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .rate-header {
          font-size: 28px;
          line-height: 36px;
          text-align: right;
          color: #3d3d3d;
          font-weight: bold; }
          @media screen and (max-width: 700px) {
            .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .rate-header {
              font-size: 32px; } }
        .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .name-header {
          font-size: 18px;
          line-height: 24px;
          text-align: right;
          color: #3d3d3d;
          font-weight: bold;
          padding-bottom: 1px; }
          .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .name-header .markerWord {
            background-color: #fff59b;
            padding: 0 6px;
            margin-right: -6px; }
            @media screen and (max-width: 700px) {
              .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .name-header .markerWord {
                background-color: #fffce9; } }
          @media screen and (max-width: 700px) {
            .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .name-header {
              font-size: 19px;
              line-height: 26px; } }
        .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .place-desc {
          font-weight: normal;
          font-size: 16px;
          color: #222;
          line-height: 21px;
          padding-top: 2px; }
        .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .item-desc-wrapper {
          display: none; }
          @media screen and (max-width: 700px) {
            .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .item-desc-wrapper {
              display: block;
              max-height: 0;
              overflow: hidden;
              padding-top: 0;
              transition: all 0.4s ease-in-out; } }
          .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .item-desc-wrapper .item-desc .priceBold {
            font-weight: bold;
            display: block; }
          @media screen and (max-width: 700px) {
            .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .item-desc-wrapper.showText {
              max-height: 520px;
              padding-top: 8px; } }
          @media screen and (max-width: 700px) {
            .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .item-desc-wrapper .closeReadMore {
              font-weight: bold;
              padding-top: 3px;
              color: #00a9d5; } }
        @media screen and (max-width: 700px) {
          .elem-container .donuts-grid-wrapper .item-wrapper .text-wrapper .item-desc-wrapper[data-index="32"].showText {
            max-height: 855px; } }
      @media screen and (max-width: 700px) {
        .elem-container .donuts-grid-wrapper .item-wrapper .readMoreBtn {
          overflow: hidden;
          max-height: 25px;
          padding-right: 48px;
          transition: height 0.6s ease-in-out; } }
      @media screen and (max-width: 700px) {
        .elem-container .donuts-grid-wrapper .item-wrapper .readMoreBtn .readMore-text-wrapper .readMoreText {
          color: #00a9d5;
          vertical-align: middle;
          font-weight: bold; } }
      @media screen and (max-width: 700px) {
        .elem-container .donuts-grid-wrapper .item-wrapper .readMoreBtn .readMore-text-wrapper .arrow {
          display: inline-block;
          vertical-align: middle;
          width: 15px;
          transform: translateX(2px); } }
      @media screen and (max-width: 700px) {
        .elem-container .donuts-grid-wrapper .item-wrapper .readMoreBtn:focus {
          outline: none; } }
      .elem-container .donuts-grid-wrapper .item-wrapper .readMoreBtn.hideBtn {
        max-height: 0; }
      .elem-container .donuts-grid-wrapper .item-wrapper .fadeBg {
        background-color: rgba(245, 251, 253, 0.8);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: opacity 0.25s ease-in-out; }
        .elem-container .donuts-grid-wrapper .item-wrapper .fadeBg.showBg {
          opacity: 1; }

.moreLinkContainer {
  text-align: center; }
  .moreLinkContainer .readMoreText {
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #00a9d5; }
    @media screen and (max-width: 700px) {
      .moreLinkContainer .readMoreText {
        font-size: 16px; } }
  .moreLinkContainer .moreLinkArrow, .moreLinkContainer .moreLinkArrowClose {
    width: 14px;
    display: inline-block;
    margin-right: 9px; }
  .moreLinkContainer .moreLinkArrowClose {
    vertical-align: sub;
    transform: rotate(180deg); }

.fakeyoutubebg {
  background-position: center center;
  background-size: cover; }

.inter-videoContainer-SQUARE, .inter-videoContainer-HED, .inter-videoContainer-TV, .inter-videoContainer-HDTV, .inter-videoContainer-WIDE, .inter-videoContainer-CINEMA {
  position: relative;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.inter-videoContainer-HDTV {
  padding-bottom: 56.24999%; }

.youtubeLogo {
  position: absolute;
  width: 88px;
  right: 0;
  bottom: 0;
  margin: 12px;
  opacity: 0.8; }

.youtubeplayButton {
  width: 68px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  cursor: pointer;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  opacity: 0.9;
  transition: all 0.25s ease-in-out; }

.youtubeplayButton:hover {
  -webkit-filter: grayscale(0%);
  transform: translate(-50%, -50%);
  filter: grayscale(0%);
  opacity: 1; }

.inter-videoContainer-SQUARE iframe, .inter-videoContainer-HED iframe, .inter-videoContainer-TV iframe, .inter-videoContainer-HDTV iframe, .inter-videoContainer-WIDE iframe, .inter-videoContainer-CINEMA iframe, .inter-videoContainer-SQUARE object, .inter-videoContainer-HED object, .inter-videoContainer-TV object, .inter-videoContainer-HDTV object, .inter-videoContainer-WIDE object, .inter-videoContainer-CINEMA object, .inter-videoContainer-SQUARE embed, .inter-videoContainer-HED embed, .inter-videoContainer-TV embed, .inter-videoContainer-HDTV embed, .inter-videoContainer-WIDE embed, .inter-videoContainer-CINEMA embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*# sourceMappingURL=donuts.css.map */