@font-face {
  font-family: 'Franklin Gothic Medium';
  src: url("../fonts/franklingothic-med-webfont.eot?v=1.01?20191011152521");
  src: url("../fonts/franklingothic-med-webfont.eot?v=1.01#iefix?20191011152521") format("embedded-opentype"),url("../fonts/franklingothic-med-webfont.woff2?v=1.01?20191011152521") format("woff2"),url("../fonts/franklingothic-med-webfont.woff?v=1.01?20191011152521") format("woff"),url("../fonts/franklingothic-med-webfont.ttf?v=1.01?20191011152521") format("truetype"),url("../fonts/franklingothic-med-webfont.svg?v=1.01#franklin_gothic_fsmedium?20191011152521") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Franklin Gothic Book';
  src: url("../fonts/franklingothic-book-webfont.eot?v=1.01?20191011152521");
  src: url("../fonts/franklingothic-book-webfont.eot?v=1.01#iefix?20191011152521") format("embedded-opentype"),url("../fonts/franklingothic-book-webfont.woff2?v=1.01?20191011152521") format("woff2"),url("../fonts/franklingothic-book-webfont.woff?v=1.01?20191011152521") format("woff"),url("../fonts/franklingothic-book-webfont.ttf?v=1.01?20191011152521") format("truetype"),url("../fonts/franklingothic-book-webfont.svg?v=1.01#franklin_gothic_fsbook?20191011152521") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Freight Big W01 Medium Regular";
  src: url("../fonts/Freight/Fonts/1197116/06022cd4-81c3-4e28-8191-3514bd9192f0.eot?#iefix?20191011152521");
  src: url("../fonts/Freight/Fonts/1197116/06022cd4-81c3-4e28-8191-3514bd9192f0.eot?#iefix?20191011152521") format("eot"),url("../fonts/Freight/Fonts/1197116/5c09501d-2b10-445f-a81d-3ca9208c17eb.woff2?20191011152521") format("woff2"),url("../fonts/Freight/Fonts/1197116/1a5fe299-8403-4f46-9316-09563c476517.woff?20191011152521") format("woff"),url("../fonts/Freight/Fonts/1197116/e7484611-6ada-44ff-9677-a4d8fadeb5c5.ttf?20191011152521") format("truetype");
}

@font-face {
  font-family: "Freight Big W01 Sb Regular";
  src: url("../fonts/Freight/Fonts/1197122/6f981abc-a876-4d67-a1e5-76356fe61523.eot?#iefix?20191011152521");
  src: url("../fonts/Freight/Fonts/1197122/6f981abc-a876-4d67-a1e5-76356fe61523.eot?#iefix?20191011152521") format("eot"),url("../fonts/Freight/Fonts/1197122/843f60b0-6b20-47e4-bfbc-5171e9e5d2af.woff2?20191011152521") format("woff2"),url("../fonts/Freight/Fonts/1197122/a26dfc0d-9dc8-40dc-9c4d-5704b906e1a2.woff?20191011152521") format("woff"),url("../fonts/Freight/Fonts/1197122/443e02d2-e21c-400c-8eb4-633ba245f7e9.ttf?20191011152521") format("truetype");
}

@font-face {
  font-family: "Freight Big W01 Semibol1197125";
  src: url("../fonts/Freight/Fonts/1197125/72adf704-1622-456c-9f0e-ad67bc1e88f9.eot?#iefix?20191011152521");
  src: url("../fonts/Freight/Fonts/1197125/72adf704-1622-456c-9f0e-ad67bc1e88f9.eot?#iefix?20191011152521") format("eot"),url("../fonts/Freight/Fonts/1197125/0a2b0453-60c0-4654-8c82-2cb0c1a2b02d.woff2?20191011152521") format("woff2"),url("../fonts/Freight/Fonts/1197125/af8f6e79-639c-4eac-a7a0-1e7753139ddc.woff?20191011152521") format("woff"),url("../fonts/Freight/Fonts/1197125/958e9237-c96b-4283-9836-480c18795101.ttf?20191011152521") format("truetype");
}

@font-face {
  font-family: "Freight Big W01 Bold Regular";
  src: url("../fonts/Freight/Fonts/1197128/3d1cf63b-a4fa-44ee-bc45-b449c1e49c07.eot?#iefix?20191011152521");
  src: url("../fonts/Freight/Fonts/1197128/3d1cf63b-a4fa-44ee-bc45-b449c1e49c07.eot?#iefix?20191011152521") format("eot"),url("../fonts/Freight/Fonts/1197128/1e6a230a-01b8-4d4b-884d-38d05ac6e4eb.woff2?20191011152521") format("woff2"),url("../fonts/Freight/Fonts/1197128/15f605e4-b86f-4f30-bd7a-c2aa8438a07b.woff?20191011152521") format("woff"),url("../fonts/Freight/Fonts/1197128/acb3b0cf-6b47-4683-8c71-8db35ec3b323.ttf?20191011152521") format("truetype");
}

@font-face {
  font-family: "Freight Big W01 Book Italic";
  src: url("../fonts/Freight/Fonts/1197113/4ba2e522-e98c-4076-84a6-52cbf1ed17c2.eot?#iefix?20191011152521");
  src: url("../fonts/Freight/Fonts/1197113/4ba2e522-e98c-4076-84a6-52cbf1ed17c2.eot?#iefix?20191011152521") format("eot"),url("../fonts/Freight/Fonts/1197113/687fbd63-4bfd-460a-b029-bfd39bb98885.woff2?20191011152521") format("woff2"),url("../fonts/Freight/Fonts/1197113/21487ec1-b950-4294-8290-7cf9d2b25597.woff?20191011152521") format("woff"),url("../fonts/Freight/Fonts/1197113/1057dbbf-00de-45f0-95d3-9711feb9dc9a.ttf?20191011152521") format("truetype");
}

.ps-container {
  -ms-touch-action: none;
  overflow: hidden !important;
}

.ps-container.ps-active-x>.ps-scrollbar-x-rail,
.ps-container.ps-active-y>.ps-scrollbar-y-rail {
  display: block;
}

.ps-container.ps-in-scrolling {
  pointer-events: none;
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  background-color: #999;
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  background-color: #999;
}

.ps-container>.ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  bottom: 3px;
  height: 6px;
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  position: absolute;
  background-color: #aaa;
  transition: background-color .2s linear;
  bottom: 0;
  height: 6px;
}

.ps-container>.ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  right: 3px;
  width: 6px;
}

.ps-active-y.ps-container>.ps-scrollbar-y-rail {
  opacity: .4 !important;
  display: block;
}

.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  position: absolute;
  background-color: #000;
  transition: background-color .2s linear;
  right: 0;
  width: 6px;
}

.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y {
  background-color: #999;
}

.ps-container:hover>.ps-scrollbar-x-rail,
.ps-container:hover>.ps-scrollbar-y-rail {
  opacity: 0.6;
}

.ps-container:hover>.ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x {
  background-color: #999;
}

.ps-container:hover>.ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}

.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
  background-color: #999;
}

.ps-container>.ps-scrollbar-y-rail {
  right: 0 !important;
}

.break-points {
  display: none;
}

.click-for-details,
#planoly-modal .modal-body .photo.clickable {
  background-color: rgba(255,255,255,0.88);
  bottom: 0;
  color: #000;
  font-family: "Franklin Gothic Book", sans-serif;
  font-size: 18px;
  height: 100px;
  left: 0;
  line-height: 22px;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  white-space: pre;
  width: 100px;
  transition: opacity 200ms;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none !important;
}

body.busy:after {
  content: "";
  background: rgba(0,0,0,0.2) url("../images/ring.svg?20191011152521") no-repeat 50% 50%;
  display: block;
  position: fixed;
  z-index: 99999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#planoly-feed {
  color: #231f20;
}

#planoly-feed>.load-more-feed {
  text-align: center;
  clear: both;
  display: none;
}

#planoly-feed>.load-more-feed>span {
  display: inline-block;
  padding: 10px 50px;
  background: #fff;
  font-family: "Franklin Gothic Book", sans-serif;
  color: #000;
  cursor: pointer;
  border: 1px solid #000;
  transition: all 250ms;
  margin-top: 20px;
}

#planoly-feed>.load-more-feed>span:hover {
  background: #000;
  color: #fff;
}

#planoly-feed>ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#planoly-feed>ul>li {
  list-style: none;
  width: 25%;
  height: 0;
  padding: 25% 0 0 0;
  position: relative;
  float: left;
  background: #fff;
  cursor: pointer;
  margin: 0;
}

@media (max-width: 767px) {
  #planoly-feed>ul>li {
    width: 50%;
    padding-top: 50%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #planoly-feed>ul>li {
    width: 33.33333%;
    padding-top: 33.33333%;
  }
}

#planoly-feed>ul>li.col-1 {
  width: 100%;
  padding-top: 100%;
}

#planoly-feed>ul>li.col-2 {
  width: 50%;
  padding-top: 50%;
}

#planoly-feed>ul>li.col-3 {
  width: 33.33%;
  padding-top: 33.33%;
}

#planoly-feed>ul>li.col-4 {
  width: 25%;
  padding-top: 25%;
}

#planoly-feed>ul>li.col-5 {
  width: 20%;
  padding-top: 20%;
}

#planoly-feed>ul>li.col-6 {
  width: 16.66%;
  padding-top: 16.66%;
}

#planoly-feed>ul>li img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
  transition: opacity 200ms;
  max-width: inherit;
  margin: 0;
  padding: 0;
}

#planoly-feed>ul>li img.landscape {
  height: 100%;
  width: auto;
}

#planoly-feed>ul>li figure {
  display: block;
  position: absolute;
  left: 1px;
  top: 1px;
  right: 1px;
  bottom: 1px;
  overflow: hidden;
  margin: 0;
}

#planoly-feed>ul>li figure::before {
  border: 4px solid #fff;
  bottom: 0;
  content: none;
  height: 100%;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

#planoly-feed>ul>li figure .play,
#planoly-feed>ul>li figure .multi-photos-icon {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 5px;
  right: 8px;
}

#planoly-feed>ul>li figure .play .fa,
#planoly-feed>ul>li figure .multi-photos-icon .fa {
  display: none;
}

#planoly-feed>ul>li figure .play {
  background: url("../images/video-icon.png?20191011152521") no-repeat 50% 50%;
  background-size: 20px auto;
}

#planoly-feed>ul>li figure .multi-photos-icon {
  background: url("../images/icon-multiphotos-white.svg?20191011152521") no-repeat 50% 50%;
  background-size: 85%;
  right: 5px;
}

#planoly-feed>ul>li:hover img {
  opacity: .32;
}

#planoly-feed>ul>li:hover figure .click-for-details,
#planoly-feed>ul>li:hover figure #planoly-modal .modal-body .photo.clickable,
#planoly-modal .modal-body #planoly-feed>ul>li:hover figure .photo.clickable {
  opacity: 1;
}

#planoly-modal {
  font: 400 14px/18px "Franklin Gothic Book", "Open Sans", "Helvetica", Arial, sans-serif !important;
  z-index: 500000;
}

#planoly-modal .planoly-modal-content {
  position: fixed;
  background: rgba(0,0,0,0.5);
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 150000000;
}

#planoly-modal .planoly-modal-content:after {
  content: "";
  background: rgba(0,0,0,0.2) url("../images/ring.svg?20191011152521") no-repeat 50% 50%;
  display: block;
  position: absolute;
  z-index: 99999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
}

#planoly-modal .planoly-modal-content.busy:after {
  display: block;
}

#planoly-modal .page-previous,
#planoly-modal .page-next {
  cursor: pointer;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
  transition: all 250ms;
  display: none;
}

#planoly-modal .page-previous {
  background: url("../images/btn-previous.svg?20191011152521") no-repeat;
  left: -45px;
}

#planoly-modal .page-previous:hover {
  left: -50px;
}

#planoly-modal .page-next {
  background: url("../images/btn-next.svg?20191011152521") no-repeat;
  right: -45px;
}

#planoly-modal .page-next:hover {
  right: -50px;
}

#planoly-modal .modal-content {
  height: 100%;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  padding: 0;
}

#planoly-modal .modal-footer {
  cursor: pointer;
}

#planoly-modal .modal-body {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 500px;
  padding: 0;
  background: #fff;
}

#planoly-modal .modal-body .photo {
  position: absolute;
  width: 500px;
  min-height: 500px;
  overflow: hidden;
  background: #f9f9f9;
  display: -ms-flexbox;
  display: flex;
}

#planoly-modal .modal-body .photo.clickable {
  display: none;
}

#planoly-modal .modal-body .photo img {
  transition: opacity 300ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

#planoly-modal .modal-body .photo img.portrait {
  height: auto;
  width: 100%;
}

#planoly-modal .modal-body .photo .shoppable-pin {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  margin-top: -12px;
  margin-left: -12px;
  color: #555;
  text-align: center;
  line-height: 25px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.6);
  font-size: 12px;
  font-family: "Franklin Gothic Medium", sans-serif !important;
  opacity: 0;
  transition: opacity 300ms;
  cursor: pointer;
}

#planoly-modal .modal-body .photo .shoppable-pin>.name {
  display: block;
}

#planoly-modal .modal-body .photo .shoppable-pin.shown {
  opacity: 1;
}

#planoly-modal .modal-body .photo .btn-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0,0,0,0.2);
  font-size: 50px;
  z-index: 9999;
  cursor: pointer;
}

#planoly-modal .modal-body .photo video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  z-index: 9996;
  display: none;
}

#planoly-modal .modal-body .photo .dots {
  position: absolute;
  left: 50%;
  bottom: 10px;
  transform: translate(-50%, 0);
  margin: 0;
  padding: 0;
  display: none;
}

#planoly-modal .modal-body .photo .dots>li {
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  padding: 0;
  box-shadow: 0 1px 1px rgba(0,0,0,0.5);
}

#planoly-modal .modal-body .photo .dots>li.selected {
  background: #e3bca8;
}

#planoly-modal .modal-body .photo .dots>li:last-of-type {
  margin-right: 0;
}

#planoly-modal .modal-body .photo .page-left,
#planoly-modal .modal-body .photo .page-right {
  background: #fff;
  width: 25px;
  height: 30px;
  text-align: center;
  color: #333;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 30px;
  font-size: 20px;
  display: none;
}

#planoly-modal .modal-body .photo .page-left {
  left: 0;
}

#planoly-modal .modal-body .photo .page-right {
  right: 0;
}

#planoly-modal .modal-body .multi-photos-thumbnails {
  background: #e9e9e9;
  position: absolute;
  left: 0;
  height: 100px;
  bottom: 40px;
  width: 500px;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller {
  position: absolute;
  left: 35px;
  right: 35px;
  bottom: 10px;
  top: 10px;
  overflow: hidden;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  min-width: 420px;
  transition: transform 300ms ease-out;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul>li {
  width: 80px;
  height: 80px;
  margin: 0 2px;
  padding: 0;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background: #eee;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul>li img {
  opacity: 1;
  transition: opacity 400ms;
  z-index: 10;
  height: 100%;
  width: auto;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul>li img.portrait {
  height: auto;
  width: 100%;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul>li:first-of-type {
  margin-left: 0;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul>li:after {
  content: "";
  border: 3px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 15;
  transition: border-color 300ms;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul>li .play {
  z-index: 15;
  background-size: 75%;
  right: 6px;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul>li:hover .multi-photo-delete {
  opacity: 1;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul>li.selected {
  cursor: default;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul>li.selected:after,
#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .scroller>ul>li:hover:after {
  border-color: #e3bca8;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .carousel-control {
  width: 35px;
  height: 100%;
  position: absolute;
  top: 0;
  background: url("../images/icon-arrow.svg?20191011152521") 50% 50% no-repeat;
  background-size: 50% 50%;
  display: inline-block;
  cursor: pointer;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .carousel-control.disabled {
  opacity: .1;
  cursor: default;
  transition: opacity 300ms;
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .carousel-control.left {
  left: 0;
  transform: rotate(180deg);
}

#planoly-modal .modal-body .multi-photos-thumbnails .slider-multi-photo-thumbnail .carousel-control.right {
  right: 0;
}

#planoly-modal .modal-body .content {
  position: absolute;
  left: 500px;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
  padding: 0;
}

#planoly-modal .modal-body .content .heading {
  color: #999;
  font-style: italic;
  font-family: "Times New Roman", sans-serf;
  font-size: 18px;
  text-align: center;
  padding: 0;
  margin: 0;
  height: 56px;
  line-height: 54px;
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}

#planoly-modal .modal-body .content .heading.full {
  overflow-y: auto !important;
  max-height: 92% !important;
}

#planoly-modal .modal-body .content .preview-region {
  position: absolute;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  padding: 15px 5px 5px 5px;
}

#planoly-modal .modal-body .content .preview-region ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

#planoly-modal .modal-body .content .preview-region ul li {
  width: 50%;
  position: relative;
  border: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 0 60px 0;
  margin: 0 0 20px;
  height: inherit;
  border: 0 !important;
  cursor: pointer;
}

#planoly-modal .modal-body .content .preview-region ul li .thumb {
  position: relative;
  min-width: inherit;
  width: 100%;
  height: 0;
  padding-top: 100%;
  overflow: hidden;
}

#planoly-modal .modal-body .content .preview-region ul li .thumb>.thumb-photo {
  border: 1px solid #eee;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  overflow: hidden;
}

#planoly-modal .modal-body .content .preview-region ul li .thumb>.thumb-photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

#planoly-modal .modal-body .content .preview-region ul li .product-name {
  margin: 0;
  padding: 0;
  height: 60px;
  max-width: inherit;
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
}

#planoly-modal .modal-body .content .preview-region ul li .product-name>strong {
  font-family: "Times New Roman", sans-serif;
  font-style: italic;
  font-weight: bold;
  color: #000;
  font-size: 34px;
  margin-right: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

#planoly-modal .modal-body .content .preview-region ul li .product-name>.title {
  position: absolute;
  left: 30px;
  top: 12px;
  right: 0;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #666;
  font-size: 13px;
}

#planoly-modal .modal-body .content .preview-region ul li .product-name .sep {
  display: none;
}

#planoly-modal .modal-body .content .preview-region ul li .product-name .shop {
  display: none;
  background: #000;
  color: #fff;
  font-size: 10px;
  text-align: center;
  position: absolute;
  height: 20px;
  padding: 0 15px;
  right: 0;
  bottom: -4px;
}

#planoly-modal .modal-body .content .preview-region ul li .price {
  bottom: 15px;
  left: 40px;
  font-weight: bold;
  font-size: 12px;
  font-family: "Franklin Gothic Medium", sans-serif;
  position: absolute;
  line-height: 18px;
}

#planoly-modal .modal-body .content .preview-region ul li.long .product-name>.title {
  left: 40px;
}

#planoly-modal .modal-body .content .preview-region ul li.long .price {
  left: 50px;
}

#planoly-modal .modal-body .content .preview-region ul li.no-shop {
  margin-bottom: 0;
}

#planoly-modal .modal-body .content .preview-region ul li.no-shop .product-name {
  border-bottom: 0;
}

#planoly-modal .modal-body .content .preview-region ul li.no-shop .product-name>.shop {
  display: none;
}

#planoly-modal .modal-body .content .preview-region ul li.no-info {
  padding-bottom: 0;
  min-height: 170px;
}

#planoly-modal .modal-dialog {
  width: 500px;
  height: 540px;
  max-height: 540px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  overflow: visible;
  padding: 0;
  pointer-events: inherit !important;
}

#planoly-modal .modal-dialog.has-products,
#planoly-modal .modal-dialog.has-link {
  width: 850px;
  max-width: 850px;
  max-height: 640px;
}

#planoly-modal .modal-dialog.has-products .modal-body .content,
#planoly-modal .modal-dialog.has-link .modal-body .content {
  display: block;
}

#planoly-modal .modal-dialog.multi {
  height: 640px;
}

#planoly-modal .modal-dialog.multi .modal-body {
  height: 640px;
}

#planoly-modal .modal-dialog.multi .modal-body>.photo {
  border: 4px solid #e9e9e9;
}

#planoly-modal .modal-dialog.has-link .modal-body .content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -ms-flex-align: center;
  align-items: center;
}

#planoly-modal .modal-dialog.has-link .modal-body .content .heading {
  border: 0;
  height: initial !important;
  font-style: normal;
  color: #222;
  text-overflow: initial;
  white-space: initial;
  text-transform: initial;
  width: 100%;
  font-family: "Franklin Gothic Book", sans-serif;
  margin: 0 auto;
  overflow: hidden;
  padding: 16px 32px 24px;
  font-size: 13px;
  line-height: 20px !important;
}

#planoly-modal .modal-dialog.has-link .modal-body .content .heading.full {
  max-height: 92% !important;
}

#planoly-modal .modal-dialog.has-link .modal-body .content .heading a {
  display: block;
  background: #000;
  color: #FFF;
  text-transform: uppercase;
  font-family: "Franklin Gothic Medium", sans-serif;
  padding: 8px 15px;
  font-size: 14px;
  margin: 20px 0 0;
  letter-spacing: 1.16px;
  text-decoration: none;
}

#planoly-modal .modal-dialog.has-link .modal-body .content .heading p {
  text-align: left;
  position: relative;
  font-size: 13px;
  line-height: 1.55;
  margin: 0;
  width: 100%;
  top: 0;
  transform: translate(0, 0%);
}

#planoly-modal .modal-dialog.has-link .modal-body .content .heading p .js-shave-char i {
  color: #aaa;
  font-style: normal;
  cursor: pointer;
}

#planoly-modal .modal-dialog.has-link .modal-body .content .heading strong {
  display: block;
  margin: 0 auto 10px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Franklin Gothic Medium", sans-serif;
  padding: 5px 0 12px;
  letter-spacing: 1px;
  line-height: 0 !important;
  height: 16px !important;
}

#planoly-modal .modal-footer {
  text-align: right;
  font-family: "Franklin Gothic Medium", sans-serif;
  text-transform: uppercase;
  color: #000;
  font-size: 12px;
  background: #fff;
  letter-spacing: 1px;
  border-top: 1px solid #ddd;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  padding: 0;
}

#planoly-modal .modal-footer p {
  margin: 0;
  height: 100%;
  line-height: 38px;
  padding-right: 12px;
  text-align: right;
  font-family: "Franklin Gothic Medium", sans-serif;
  text-transform: uppercase;
  color: #000;
  font-size: 12px;
}

#planoly-modal .modal-footer em {
  font-family: "Times New Roman", sans-serf;
  font-style: italic;
  text-transform: lowercase;
  color: #444;
}

#planoly-modal .btn-close {
  position: absolute;
  top: 10px;
  right: -45px;
  width: 25px;
  height: 25px;
  cursor: pointer;
  background: url("../images/btn-close.svg?20191011152521") no-repeat 50% 50%;
  display: block;
  overflow: hidden;
  text-indent: -99999em;
  transition: transform 250ms;
  transform: scale(0.9);
  z-index: 1;
}

#planoly-modal .btn-close:hover {
  transform: scale(1);
}

#planoly-modal .no-logo .modal-dialog {
  height: 500px;
}

#planoly-modal .no-logo .modal-body {
  height: 500px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
  html.overflow,
  body.overflow {
    overflow: hidden;
  }

  #shoppable-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translate3d(0, 0, 0);
    transition: transform 400ms;
  }

  #shoppable-wrapper.slide-in {
    transform: translate3d(-100%, 0, 0);
  }

  #planoly-feed .post img {
    opacity: 1 !important;
  }

  #planoly-feed .click-for-details,
  #planoly-feed #planoly-modal .modal-body .photo.clickable,
  #planoly-modal .modal-body #planoly-feed .photo.clickable {
    display: none !important;
  }

  #planoly-feed .promo-text {
    display: none;
  }

  #planoly-modal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(100%, 0, 0);
    transition: transform 400ms;
    overflow: hidden;
    display: none;
  }

  #planoly-modal.slide-in {
    transform: translate3d(0, 0, 0);
  }

  #planoly-modal .planoly-modal-content {
    overflow: hidden;
    position: relative;
    background: none;
    width: 100%;
    height: 100%;
  }

  #planoly-modal .modal-dialog {
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    margin: 0;
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    transform: none;
  }

  #planoly-modal .modal-dialog.has-products,
  #planoly-modal .modal-dialog.has-link {
    width: 100%;
    max-height: inherit;
    height: inherit;
  }

  #planoly-modal .modal-dialog.has-products .modal-content .content .heading {
    display: none;
  }

  #planoly-modal .multi-photos-thumbnails {
    display: none;
  }

  #planoly-modal .modal-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
  }

  #planoly-modal .modal-footer {
    position: relative;
  }

  #planoly-modal .modal-body {
    height: auto !important;
    position: relative;
    background: #fff;
    padding: 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  #planoly-modal .modal-body .photo {
    height: auto;
    position: relative;
    width: 100%;
    min-height: 300px;
    max-height: 300px;
    border: 0 !important;
  }

  #planoly-modal .modal-body .photo .photo-inner {
    width: 100%;
    text-align: center;
    min-height: 300px;
    max-height: 300px;
  }

  #planoly-modal .modal-body .photo img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: 300px;
    transform: translate(-50%, -50%);
  }

  #planoly-modal .modal-body .photo .dots,
  #planoly-modal .modal-body .photo .page-left,
  #planoly-modal .modal-body .photo .page-right {
    display: block;
  }

  #planoly-modal .modal-body .content {
    position: relative;
    left: 0;
    height: auto;
  }

  #planoly-modal .modal-body .content .preview-region {
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial;
    border-top: 1px solid #ddd;
    padding: 25px 15px 5px 15px;
  }

  #planoly-modal .btn-close {
    position: relative;
    left: 0;
    right: 0 !important;
    top: 0;
    color: #333 !important;
    background-color: #fff !important;
    transform: none;
    height: 50px !important;
    line-height: 52px;
    text-transform: uppercase;
    font-family: "Franklin Gothic Medium", san-serif;
    text-indent: 0;
    letter-spacing: 1px;
    padding: 0 15px;
    width: 100% !important;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 1500;
    box-shadow: 0 1px 5px rgba(0,0,0,0.1);
    border: 0 !important;
  }

  #planoly-modal .btn-close>.fa {
    font-size: 16px;
  }

  #planoly-modal .btn-close:before,
  #planoly-modal .btn-close:after {
    display: none;
  }

  #planoly-modal .btn-close>svg {
    position: relative;
    top: 5px;
    margin-right: 5px;
  }
}

@media only screen and (max-width: 439px) {
  .break-points.small {
    display: block;
  }
}