.sale-block-two.inverse .sale-block-inner {
  color: #444; }

.sale-block-two.inverse .color-background {
  background: rgba(255, 255, 255, 0.8); }


.sale-block-two.inverse .arrow-down {
  background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2243px%22%20height%3D%2220px%22%20%20viewBox%3D%220%200%2043%2020%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M43%2C1L21%2E8%2C18l%2D0%2E3%2D0%2E4L21%2E2%2C18L0%2C1l0%2E8%2D1l20%2E7%2C16%2E6L42%2E2%2C0L43%2C1z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: 100% 100%; }

.sale-block-two.inverse .text{
  color: #666;
}
.sale-block-two .sale-block-wrapper {
  padding: 0 20px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative; }

.sale-block-two .color-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6); }

.sale-block-two .sale-block-inner {
  min-height: 650px;
  box-sizing: border-box;
  padding: 150px 0;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  position: relative;
  display: -moz-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-direction: normal;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s; }

@media screen and (max-width: 960px) {
  .sale-block-two .sale-block-inner {
    padding: 130px 0;
    min-height: 550px; } }

@media screen and (max-width: 768px) {
  .sale-block-two .sale-block-inner {
    padding: 110px 0;
    min-height: 450px; } }

@media screen and (max-width: 640px) {
  .sale-block-two .sale-block-inner {
    padding: 60px 0 90px 0;
    min-height: 350px; } }

@media screen and (max-width: 500px) {
  .sale-block-two .sale-block-inner {
    padding: 40px 0 70px 0;
    min-height: 250px; } }

.sale-block-two .title {
  color: #fff;
  -webkit-transition: font-size 0.3s;
  -moz-transition: font-size 0.3s;
  -o-transition: font-size 0.3s;
  -ms-transition: font-size 0.3s;
  transition: font-size 0.3s; }

.sale-block-two.inverse .title {
  color: #000; }

@media screen and (max-width: 960px) {
  .sale-block-two .title {
    font-size: 38px; } }

@media screen and (max-width: 768px) {
  .sale-block-two .title {
    font-size: 34px; } }

@media screen and (max-width: 640px) {
  .sale-block-two .title {
    font-size: 30px; } }

@media screen and (max-width: 500px) {
  .sale-block-two .title {
    font-size: 26px; } }

.sale-block-two .text {
  padding-top: 20px;
  color: #fff;
  -webkit-transition: font-size 0.3s;
  -moz-transition: font-size 0.3s;
  -o-transition: font-size 0.3s;
  -ms-transition: font-size 0.3s;
  transition: font-size 0.3s; }

@media screen and (max-width: 960px) {
  .sale-block-two .text {
    font-size: 22px; } }

@media screen and (max-width: 768px) {
  .sale-block-two .text {
    font-size: 20px;
    padding-top: 15px; } }

@media screen and (max-width: 640px) {
  .sale-block-two .text {
    font-size: 18px; } }

@media screen and (max-width: 500px) {
  .sale-block-two .text {
    font-size: 17px;
    padding-top: 10px; } }

.sale-block-two .button {
  display: inline-block;
  margin-top: 60px; }

@media screen and (max-width: 960px) {
  .sale-block-two .button {
    margin-top: 50px; } }

@media screen and (max-width: 768px) {
  .sale-block-two .button {
    margin-top: 40px; } }

@media screen and (max-width: 640px) {
  .sale-block-two .button {
    margin-top: 30px; } }

@media screen and (max-width: 500px) {
  .sale-block-two .button {
    margin-top: 20px; } }

.sale-block-two .button a .ui-text-shadow-copy-1 {
  visibility: visible;
  color: #593824;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60) progid:DXImageTransform.Microsoft.Blur(makeShadow=false,pixelRadius=1);
  left: -0.5px;
  top: -0.1px; }

.ie-8 .sale-block-two .button a .ui-text-shadow-copy-1 {
  top: 0.9px; }

.sale-block-two .arrow-down {
  width: 62px;
  height: 27px;
  display: block;
  background: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2243px%22%20height%3D%2220px%22%20%20viewBox%3D%220%200%2043%2020%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M43%2C1L21%2E8%2C18l%2D0%2E3%2D0%2E4L21%2E2%2C18L0%2C1l0%2E8%2D1l20%2E7%2C16%2E6L42%2E2%2C0L43%2C1z%22%2F%3E%3C%2Fsvg%3E") center center no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  bottom: 90px;
  opacity: 0.4;
  cursor: pointer;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s; }

.sale-block-two .arrow-down:hover {
  opacity: 1; }

@media screen and (max-width: 960px) {
  .sale-block-two .arrow-down {
    bottom: 70px;
    width: 57px;
    height: 23px; } }

@media screen and (max-width: 768px) {
  .sale-block-two .arrow-down {
    bottom: 50px;
    width: 53px;
    height: 22px; } }

@media screen and (max-width: 640px) {
  .sale-block-two .arrow-down {
    bottom: 30px;
    width: 48px;
    height: 19px; } }

@media screen and (max-width: 500px) {
  .sale-block-two .arrow-down {
    bottom: 25px;
    width: 43px;
    height: 18px; } }