/**************************************************************************
		        Main style TM Mosaic Products
**************************************************************************/
@media (max-width: 767px) {
  .mosaic-block .title_block:after {
    display: none; } }
.mosaic-block .block-container-row .wrapper-slider h3,
.mosaic-block .block-container-row .tmmp-frontend-html h3,
.mosaic-block .block-container-row .tmmp-frontend-video h3 {
  font: 700 24px/27px "Open Sans", sans-serif;
  color: #333;
  margin: 0 0 25px; }

.mosaic-block .block-container-row .wrapper-slider > h3 {
  font-size: 30px;
  text-align: center; }

/* tmmp_row_2 */
@media (max-width: 767px) {
  .tmmp_row_2 > li:first-child > div {
    padding-bottom: 30px;
    margin-bottom: 30px; } }
/* tmmp_row_3 */
@media (max-width: 767px) {
  .tmmp_row_3 li:nth-child(-n+2) > div {
    padding-bottom: 30px;
    margin-bottom: 30px; } }
/* tmmp_row_4 */
@media (max-width: 767px) {
  .tmmp_row_4 li:nth-child(-n+3) > div {
    padding-bottom: 30px;
    margin-bottom: 30px; } }
@media (min-width: 768px) and (max-width: 991px) {
  .tmmp_row_4 li:nth-child(3) {
    clear: left; } }
@media (min-width: 768px) and (max-width: 991px) {
  .tmmp_row_4 li:nth-child(-n+2) > div {
    padding-bottom: 30px;
    margin-bottom: 30px; } }
/* tmmp_row_6 */
@media (min-width: 992px) and (max-width: 1199px) {
  .tmmp_row_6 li:nth-child(4) {
    clear: left; } }
@media (min-width: 768px) and (max-width: 991px) {
  .tmmp_row_6 li:nth-child(-n+4) > div {
    padding-bottom: 30px;
    margin-bottom: 30px; } }
@media (max-width: 767px) {
  .tmmp_row_6 li:nth-child(-n+5) > div {
    padding-bottom: 30px;
    margin-bottom: 30px; } }
/* tmmp_row_1_4 */
.tmmp_row_1_4 > li:last-child > ul > li:nth-child(3) {
  clear: left; }

@media (min-width: 768px) and (max-width: 992px) {
  .tmmp_row_1_4 > li:first-child > div {
    margin-bottom: 30px;
    padding-bottom: 30px; } }
/* tmmp_row_4_1 */
.tmmp_row_4_1 ul > li:nth-child(3) {
  clear: left; }

.tmmp_row_4_1 li ul li:nth-child(n+3):nth-child(-n+4) > div {
  margin-top: 20px;
  padding-top: 20px; }

@media (min-width: 768px) and (max-width: 992px) {
  .tmmp_row_4_1 > li:last-child > div {
    margin-top: 30px;
    padding-top: 30px; } }
/* tmmp_row_2_1_2 */
.tmmp_row_2_1_2 li:first-child ul li:first-child > div,
.tmmp_row_2_1_2 li:nth-child(3) ul li:first-child > div {
  margin-bottom: 30px;
  padding-bottom: 30px; }

@media (max-width: 767px) {
  .tmmp_row_2_1_2 li ul li > div,
  .tmmp_row_2_1_2 > li:nth-child(2) > div {
    margin-bottom: 30px;
    padding-bottom: 30px; } }
/**************************************************************************
		        Style for banner and html content
**************************************************************************/
.tmmp-banner-description img,
.tmmp-frontend-html img {
  max-width: 100%;
  height: auto; }

/**************************************************************************
		        Style for Video
**************************************************************************/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }

.video-container iframe,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.tmmp-frontend-video .vjs-default-skin .vjs-big-play-button {
  height: 1.6em;
  width: 3em;
  font-size: 1.5em;
  border-radius: 0.5em; }

.tmmp-frontend-video .vjs-default-skin .vjs-big-play-button:before {
  line-height: 1.5em; }

/**************************************************************************
		        Style for Slider
**************************************************************************/
.mosaic-block .bx-wrapper li img {
  max-width: 100%;
  height: auto; }

.mosaic-block .bx-wrapper .bx-controls-direction a {
  top: -40px;
  height: 40px;
  width: 40px;
  text-align: center; }

@media (max-width: 767px) {
  .mosaic-block .bx-wrapper .bx-controls-direction a {
    display: none; } }
.mosaic-block .bx-wrapper .bx-controls-direction a:before {
  color: #333;
  font-size: 40px; }

.mosaic-block .bx-wrapper .bx-controls-direction a:hover:before {
  color: #777; }

.mosaic-block .bx-wrapper .bx-controls-direction a.bx-next {
  right: -12px; }

.mosaic-block .bx-wrapper .bx-controls-direction a.bx-next:before {
  content: "\f105"; }

.mosaic-block .bx-wrapper .bx-controls-direction a.bx-prev {
  left: inherit;
  right: 20px; }

.mosaic-block .bx-wrapper .bx-controls-direction a.bx-prev:before {
  content: "\f104"; }

.mosaic-block .bx-wrapper .bx-pager {
  bottom: -45px; }

.mosaic-block .bx-wrapper .bx-pager a {
  background: #f5f5f5;
  height: 15px;
  width: 15px;
  border-radius: 50%; }

.mosaic-block .bx-wrapper .bx-pager a.active,
.mosaic-block .bx-wrapper .bx-pager a:hover {
  background: #333; }

/**************************************************************************
		        Style for Product
**************************************************************************/
.block-container-row .product-container {
  position: relative; }

.block-container-row .product-container .product-image-container {
  border: 1px solid #d6d4d4;
  margin-bottom: 13px;
  padding: 9px;
  position: relative; }

.block-container-row .product-container .product-image-container .mosaic-sale-label {
  right: 0;
  background: #ef5350; }

.block-container-row .product-container .product-name {
  font: 400 16px/21px "Lato", sans-serif;
  color: #333; }

.block-container-row .product-container .product-name:hover {
  color: #777; }

.block-container-row .product-container .content_price {
  margin-bottom: 20px; }

.block-container-row .product-container .content_price .price {
  font: 700 16px/21px "Lato", sans-serif;
  color: #333; }

.block-container-row .product-container .content_price .old-price {
  color: #b2b2b2;
  font: 700 16px/21px "Lato", sans-serif; }

.mosaic-block {
  margin-bottom: 0; }
  .mosaic-block .img-responsive {
    width: 100%;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    -webkit-transition: 0.7s;
    transition: 0.7s; }
  .mosaic-block .tmmp_row_1_4 {
    margin: 0; }
    .mosaic-block .tmmp_row_1_4 > li:first-child {
      padding-right: 1.546%; }
    .mosaic-block .tmmp_row_1_4 > li:last-child {
      padding-left: 0.774%; }
    .mosaic-block .tmmp_row_1_4 ul {
      margin: 0; }
      .mosaic-block .tmmp_row_1_4 ul > li:first-child,
      .mosaic-block .tmmp_row_1_4 ul > li:nth-child(3) {
        padding-right: 1.761%; }
      .mosaic-block .tmmp_row_1_4 ul > li:nth-child(2),
      .mosaic-block .tmmp_row_1_4 ul > li:nth-child(4) {
        padding-left: 1.761%; }
      .mosaic-block .tmmp_row_1_4 ul > li:first-child,
      .mosaic-block .tmmp_row_1_4 ul > li:nth-child(2) {
        padding-bottom: 3.522%; }
    .mosaic-block .tmmp_row_1_4 li {
      padding: 0; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner {
        position: relative; }
        .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner a {
          display: block;
          overflow: hidden;
          -moz-transition: 0.7s;
          -o-transition: 0.7s;
          -webkit-transition: 0.7s;
          transition: 0.7s; }
          @media (min-width: 1200px) {
            .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner a:hover img {
              -moz-transform: scale(1.03);
              -ms-transform: scale(1.03);
              -o-transform: scale(1.03);
              -webkit-transform: scale(1.03);
              transform: scale(1.03); } }
        .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description {
          color: #292929;
          padding: 0px 15px;
          -moz-transition: 0.3s;
          -o-transition: 0.3s;
          -webkit-transition: 0.3s;
          transition: 0.3s; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description > div {
            left: 5%;
            position: absolute;
            right: 5%; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description p {
            font: 300 16px/20px "Lato", sans-serif;
            margin-bottom: 15px; }
            .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description p.text {
              text-transform: uppercase; }
            .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description p.butn {
              margin-bottom: 0; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .btn-default {
            background: none;
            border: none;
            color: #292929;
            font: 900 14px/1 "Lato", sans-serif;
            padding: 0;
            text-decoration: underline; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h1, .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h2, .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h3, .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h4, .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h5, .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h6 {
            margin: 0;
            padding: 0;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -webkit-transition: 0.3s;
            transition: 0.3s; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h1 {
            font: 900 45px/1 "Lato", sans-serif;
            margin-bottom: 10px; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h2 {
            font: 700 30px/1 "Playfair Display", serif;
            margin-bottom: 15px;
            text-transform: uppercase; }
            .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h2 span {
              font-weight: 400; }
            .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h2 em {
              display: block;
              font: 400 80px/60px "Arizonia", cursive;
              -moz-transform: rotate(-10deg);
              -ms-transform: rotate(-10deg);
              -o-transform: rotate(-10deg);
              -webkit-transform: rotate(-10deg);
              transform: rotate(-10deg); }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h3 {
            font: 700 35px/40px "Playfair Display", serif;
            text-transform: uppercase; }
            .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h3.lato {
              font-family: "Lato", sans-serif;
              font-weight: 400;
              text-transform: none; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h4 {
            font: 400 italic 24px/1 "Playfair Display", serif;
            margin-bottom: 15px;
            text-transform: none; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h5 {
            font: 400 16px/1 "Lato", sans-serif;
            margin-bottom: 16px;
            text-transform: uppercase; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .first {
            text-align: center;
            top: 2.5%; }
            .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .first h2 {
              font-style: italic;
              text-align: right;
              text-transform: none; }
              .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .first h2 em {
                font-style: normal;
                text-align: left; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .second {
            bottom: 12%;
            text-align: center; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .third {
            right: 15px;
            text-align: left;
            top: 14%; }
            .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .third h3 {
              margin-bottom: 15px; }
              .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .third h3.lato {
                margin-bottom: 9px; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .forth {
            bottom: 12.5%; }
          .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .fifth {
            display: inline-block;
            left: auto;
            top: 15%;
            width: 42%; }
            .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .fifth h2 {
              font-size: 25px; }
            .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .fifth .butn {
              text-align: right; }
    @media (min-width: 480px) {
      .mosaic-block .tmmp_row_1_4 ul.row li:nth-child(2) {
        float: right; } }
  @media (min-width: 1600px) {
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description > div {
      left: 7%;
      right: 7%; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description p {
      font: 300 20px/24px "Lato", sans-serif;
      margin-bottom: 28px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h1 {
      font: 900 58px/1 "Lato", sans-serif;
      margin-bottom: 10px;
      text-align: right; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h2 {
      font: 700 50px/1 "Playfair Display", serif;
      margin-bottom: 16px; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h2 em {
        font: 400 105px/90px "Arizonia", cursive; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h3 {
      font: 700 40px/50px "Playfair Display", serif; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h4 {
      font: 400 italic 30px/1 "Playfair Display", serif;
      margin-bottom: 20px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h5 {
      margin-bottom: 16px;
      font-size: 20px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .first {
      top: 3.5%; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .first h2 {
        margin-bottom: 35px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .second {
      bottom: 16%; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .third {
      right: 15px;
      top: 17%; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .third h3 {
        margin-bottom: 15px;
        width: 55%; }
        .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .third h3.lato {
          margin-bottom: 9px;
          width: 100%; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .forth {
      bottom: 12.5%; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .fifth {
      left: auto;
      top: 17%;
      width: 45%; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .fifth h2 {
        font-size: 50px;
        width: 85%; } }
  @media (max-width: 1199px) {
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description p {
      font: 300 15px/18px "Lato", sans-serif; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h1 {
      font: 900 38px/1 "Lato", sans-serif; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h2 {
      font: 700 25px/1 "Playfair Display", serif;
      margin-bottom: 10px; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h2 em {
        font: 400 60px/40px "Arizonia", cursive; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h3 {
      font: 700 30px/1 "Playfair Display", serif; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h3.lato {
        font-family: "Lato", sans-serif; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h4 {
      font: 400 italic 21px/1 "Playfair Display", serif;
      margin-bottom: 10px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h5 {
      font-size: 17px;
      margin-bottom: 10px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .first {
      top: 2%; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .first h2 {
        font-size: 20px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .forth {
      bottom: 10%; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .fifth h2 {
      font-size: 20px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .btn-default {
      font-size: 13px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description p {
      display: none; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description p.butn {
        display: block; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h1 {
      font-size: 28px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h2 {
      font-size: 20px;
      margin-bottom: 15px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h3 {
      font-size: 26px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h4 {
      display: none; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h5 {
      display: none; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .first {
      top: 6%; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .first h2 {
        font-size: 25px; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .fifth {
      text-align: right;
      width: 45%; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .third h3 {
      display: none; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .third h3.lato {
        display: block; } }
  @media (min-width: 480px) and (max-width: 767px) {
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description p {
      display: none; }
      .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description p.butn {
        display: block; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h1, .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h2, .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h3, .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h4, .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h5, .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description h6 {
      display: none; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .first {
      top: 15%; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .second {
      bottom: 20%; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .fifth {
      width: 65%; }
    .mosaic-block .tmmp_row_1_4 li .tmmp-frontend-banner .tmmp-banner-description .forth {
      bottom: 15%; } }
  @media (max-width: 479px) {
    .mosaic-block .tmmp_row_1_4 li {
      float: none;
      padding: 0;
      width: 100%; }
    .mosaic-block .tmmp_row_1_4 > li:first-child {
      padding-right: 0; }
    .mosaic-block .tmmp_row_1_4 > li:last-child {
      padding-left: 0; }
    .mosaic-block .tmmp_row_1_4 ul {
      margin: 0; }
      .mosaic-block .tmmp_row_1_4 ul > li:first-child,
      .mosaic-block .tmmp_row_1_4 ul > li:nth-child(3) {
        padding-right: 0; }
      .mosaic-block .tmmp_row_1_4 ul > li:nth-child(2),
      .mosaic-block .tmmp_row_1_4 ul > li:nth-child(4) {
        padding-left: 0; }
      .mosaic-block .tmmp_row_1_4 ul > li:first-child,
      .mosaic-block .tmmp_row_1_4 ul > li:nth-child(2) {
        padding-bottom: 0; }
    .mosaic-block .tmmp_row_1_4 .tmmp-frontend-banner .tmmp-banner-description .first {
      top: 10%; }
      .mosaic-block .tmmp_row_1_4 .tmmp-frontend-banner .tmmp-banner-description .first h2 {
        font-size: 25px; }
        .mosaic-block .tmmp_row_1_4 .tmmp-frontend-banner .tmmp-banner-description .first h2 em {
          font-size: 70px;
          line-height: 1; } }