/* Design ID: 1 */
.color-1 .design-1 .background {
	background-image: url(designs/imgs/design-1-1.png);
}
.design-1 .color-picker.color-1 {
	background-image: url(designs/btns/btn-1-1.png);
}
.color-2 .design-1 .background {
	background-image: url(designs/imgs/design-1-2.png);
}
.design-1 .color-picker.color-2 {
	background-image: url(designs/btns/btn-1-2.png);
}
.color-3 .design-1 .background {
	background-image: url(designs/imgs/design-1-3.png);
}
.design-1 .color-picker.color-3 {
	background-image: url(designs/btns/btn-1-3.png);
}
.design.design-1 .name {
	width: 76% !important;
	margin-left: -38% !important;
	color: white !important;
	padding: 0 5% !important;
	font-family: "Mentor";
	font-size: 20px !important;
	font-weight: bold;
	top: 43% !important;
	height: 22px !important;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-1 .name {
		font-size: 15px !important;
		height: 22px !important;
	}
}
@media (max-width: 767px) {
	.design.design-1 .name {
		font-size: 13px !important;
		height: 22px !important;
	}
}
.design.design-1 .title {
	width: 76% !important;
	margin-left: -38% !important;
	color: white !important;
	padding: 0 5% !important;
	font-family: "Mentor";
	font-size: 27px !important;
	line-height: 23px !important;
	font-weight: bold;
	top: 33.1% !important;
	height: 55px !important;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-1 .title {
		font-size: 18px !important;
		height: 42px !important;
		line-height: 17px !important;
	}
}
@media (max-width: 767px) {
	.design.design-1 .title {
		font-size: 15px !important;
		height: 35px !important;
		line-height: 13px !important;
	}
}
.design.design-1 .description {
	width: 70% !important;
	margin-left: -35% !important;
	font-family: Arial;
	font-size: 15px !important;
	line-height: 18px !important;
	top: 44% !important;
	height: 60px !important;
	color: #fff !important;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-1 .description {
		font-size: 12px !important;
		line-height: 14px !important;
		height: 45px !important;
	}
}
@media (max-width: 767px) {
	.design.design-1 .description {
		font-size: 10px !important;
		line-height: 12px !important;
		height: 38px !important;
	}
}
.design.design-1 .date {
	font-family: Arial;
	font-size: 18px !important;
	top: 17% !important;
	height: 32px !important;
	color: #fff !important;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-1 .date {
		font-size: 14px !important;
		height: 22px !important;
	}
}
@media (max-width: 767px) {
	.design.design-1 .date {
		font-size: 12px !important;
		height: 22px !important;
	}
}
.design.design-1 .made {
	letter-spacing: 0.08em !important;
	color: #fff !important;
	top: 71% !important;
	font-size: 12px !important;
	text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-1 .made {
		font-size: 10px !important;
		top: 69% !important;
	}
}
@media (max-width: 767px) {
	.design.design-1 .made {
		font-size: 8px !important;
		letter-spacing: 0.04em !important;
		top: 69% !important;
	}
}
.color-3 .design-1 .name {
	color: #000 !important;
}
.color-3 .design-1 .title {
	color: #000 !important;
}
.color-3 .design-1 .description {
	color: #000 !important;
}
.color-3 .design-1 .date {
	color: #000 !important;
}
.color-3 .design-1 .made {
	color: #000 !important;
}
.color-4 .design-1 .background {
  background-image: url(designs/imgs/design-1-4.png);
}
.design-1 .color-picker.color-4 {
  background-image: url(designs/btns/btn-1-4.png);
}


/* Design ID: 6 */
.color-1 .design-6 .background {
  background-image: url(designs/imgs/design-6-1.png);
}
.design-6 .color-picker.color-1 {
  background-image: url(designs/btns/btn-6-1.png);
}
.color-2 .design-6 .background {
  background-image: url(designs/imgs/design-6-2.png);
}
.design-6 .color-picker.color-2 {
  background-image: url(designs/btns/btn-6-2.png);
}
.color-3 .design-6 .background {
  background-image: url(designs/imgs/design-6-3.png);
}
.design-6 .color-picker.color-3 {
  background-image: url(designs/btns/btn-6-3.png);
}
.color-4 .design-6 .background {
  background-image: url(designs/imgs/design-6-4.png);
}
.design-6 .color-picker.color-4 {
  background-image: url(designs/btns/btn-6-4.png);
}
.color-1 .design-6 .date {
  color: #c30040;
}
.color-1 .design-6 .description {
  color: #009aa7;
}
.color-2 .design-6 .date {
  color: #ef7c00;
}
.color-2 .design-6 .description {
  color: #c3043f;
}
.color-3 .design-6 .date {
  color: #7a58a0;
}
.color-3 .design-6 .made {
  color: #7a58a0;
}
.color-3 .design-6 .description {
  color: #c3043f;
}
.color-4 .design-6 .date {
  color: #fff;
}
.design.design-6 .name {
  width: 76%;
  margin-left: -38%;
  color: white;
}
.design.design-6 .title {
  width: 76%;
  margin-left: -38%;
  color: white;
}
.design.design-6 .name {
  font-family: "Georgia";
  font-size: 40px;
  font-weight: bold;
  font-style: italic;
  top: 52.1%;
  height: 55px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-6 .name {
    font-size: 32px;
    height: 43px;
  }
}
@media (max-width: 767px) {
  .design.design-6 .name {
    font-size: 26px;
    height: 36px;
  }
}
.design.design-6 .title {
  font-family: "Georgia";
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  top: 63.5%;
  height: 35px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-6 .title {
    font-size: 19px;
    height: 28px;
  }
}
@media (max-width: 767px) {
  .design.design-6 .title {
    font-size: 16px;
    height: 22px;
  }
}
.design.design-6 .description {
  width: 70%;
  margin-left: -35%;
}
.design.design-6 .date {
  width: 70%;
  margin-left: -35%;
}
.design.design-6 .description {
  font-family: "Georgia";
  font-size: 25px;
  font-weight: bold;
  line-height: 29px;
  top: 29.4%;
  height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-6 .description {
    font-size: 20px;
    line-height: 22px;
    height: 45px;
  }
}
@media (max-width: 767px) {
  .design.design-6 .description {
    font-size: 16px;
    line-height: 19px;
    height: 38px;
  }
}
.design.design-6 .date {
  font-family: "Georgia";
  font-size: 22px;
  font-weight: bold;
  top: 18.5%;
  height: 32px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-6 .date {
    font-size: 17px;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .design.design-6 .date {
    font-size: 15px;
    height: 22px;
  }
}
.design.design-6 .made {
  letter-spacing: 0.08em;
  color: #c30040;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-6 .made {
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-6 .made {
    font-size: 10px;
    letter-spacing: 0.04em;
  }
}
.color-1 .design-6 .made {
  color: #c30040;
}
.color-2 .design-6 .made {
  color: #c30040;
}
.color-3 .design-6 .made {
  color: #7a58a0;
}
.color-4 .design-6 .made {
  color: #133c2b;
}


/* Design ID: 7 */
.color-1 .design-7 .background {
  background-image: url(designs/imgs/design-7-1.png);
}
.design-7 .color-picker.color-1 {
  background-image: url(designs/btns/btn-7-1.png);
}
.color-2 .design-7 .background {
  background-image: url(designs/imgs/design-7-2.png);
}
.design-7 .color-picker.color-2 {
  background-image: url(designs/btns/btn-7-2.png);
}
.color-3 .design-7 .background {
  background-image: url(designs/imgs/design-7-3.png);
}
.design-7 .color-picker.color-3 {
  background-image: url(designs/btns/btn-7-3.png);
}
.color-4 .design-7 .background {
  background-image: url(designs/imgs/design-7-4.png);
}
.design-7 .color-picker.color-4 {
  background-image: url(designs/btns/btn-7-4.png);
}
.color-1 .design-7 {
  color: #c3043f;
}
.color-2 .design-7 {
  color: #cd7d00;
}
.color-3 .design-7 {
  color: #7a58a0;
}
.color-3 .design-7 .name {
  color: #432e56;
}
.color-3 .design-7 .title {
  color: #432e56;
}
.color-4 .design-7 {
  color: #fff;
}
.color-4 .design-7 .name {
  color: #133c2b;
}
.color-4 .design-7 .title {
  color: #133c2b;
}
.design.design-7 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-7 .name {
  font-family: "Georgia";
  font-size: 35px !important;
  font-weight: bold;
  top: 36%;
  width: 66%;
  height: 62px;
  margin-left: -33%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-7 .name {
    font-size: 36px;
    height: 50px;
  }
}
@media (max-width: 767px) {
  .design.design-7 .name {
    font-size: 30px;
    height: 38px;
  }
}
.design.design-7 .title {
  font-family: "Georgia";
  font-size: 25px;
  font-weight: bold;
  line-height: 25px !important;
  top: 49.4%;
  width: 74%;
  height: 54px;
  margin-left: -37%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-7 .title {
    font-size: 20px;
    line-height: 20px;
    height: 41px;
  }
}
@media (max-width: 767px) {
  .design.design-7 .title {
    font-size: 16px;
    line-height: 17px;
    height: 35px;
  }
}
.design.design-7 .description {
  font-family: "Georgia";
  font-size: 19px;
  font-weight: bold;
  line-height: 23px;
  top: 19.8%;
  height: 46px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-7 .description {
    font-size: 16px;
    line-height: 17px;
    height: 36px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .design.design-7 .description {
    font-size: 13px;
    line-height: 15px;
    height: 30px;
    letter-spacing: 0;
  }
}
.design.design-7 .date {
  font-family: "Georgia";
  font-size: 19px;
  font-weight: bold;
  top: 76.6%;
  height: 28px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-7 .date {
    font-size: 15px;
    height: 18px;
  }
}
@media (max-width: 767px) {
  .design.design-7 .date {
    font-size: 14px;
    height: 18px;
  }
}
.design.design-7 .background .description {
  width: 54%;
  margin-left: -27%;
}
.design.design-7 .background .date {
  width: 54%;
  margin-left: -27%;
}
.design.design-7 .made {
  font-size: 13px;
  top: 71.8%;
  letter-spacing: 0.08em;
  color: #c3043f !important;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-7 .made {
    font-size: 11px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 767px) {
  .design.design-7 .made {
    font-size: 10px;
    top: 71.4%;
    letter-spacing: 0;
  }
}
.color-2 .design.design-7 .background .made {
  color: #cd7d00 !important;
}
.color-3 .design.design-7 .background .made {
  color: #432e56 !important;
}
.color-3 .design.design-7 .background .name {
  color: #432e56 !important;
}
.color-4 .design.design-7 .background .made {
  color: #ffffff !important;
}
.color-1 .design.design-7 .made {
  color: #c3043f !important;
}


/* Design ID: 8 */
.color-1 .design-8 .background {
  background-image: url(designs/imgs/design-8-1.png);
}
.design-8 .color-picker.color-1 {
  background-image: url(designs/btns/btn-8-1.png);
}
.color-2 .design-8 .background {
  background-image: url(designs/imgs/design-8-2.png);
}
.design-8 .color-picker.color-2 {
  background-image: url(designs/btns/btn-8-2.png);
}
.color-3 .design-8 .background {
  background-image: url(designs/imgs/design-8-3.png);
}
.design-8 .color-picker.color-3 {
  background-image: url(designs/btns/btn-8-3.png);
}
.color-4 .design-8 .background {
  background-image: url(designs/imgs/design-8-4.png);
}
.design-8 .color-picker.color-4 {
  background-image: url(designs/btns/btn-8-4.png);
}
.color-1 .design-8 {
  color: #1c1c1b;
}
.color-1 .design-8 .date {
  color: #b4dac2;
}
.color-1 .design-8 .made {
  color: #b4dac2;
}
.color-2 .design-8 {
  color: #1c1c1b;
}
.color-2 .design-8 .date {
  color: #ef7c00;
}
.color-2 .design-8 .made {
  color: #ef7c00;
}
.color-3 .design-8 {
  color: #1c1c1b;
}
.color-3 .design-8 .date {
  color: #b4dac2;
}
.color-3 .design-8 .made {
  color: #b4dac2;
}
.color-4 .design-8 {
  color: #86bc24;
}
.color-4 .design-8 .background .name {
  color: #fff;
}
.color-4 .design-8 .background .title {
  color: #fff;
}
.design.design-8 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-8 .background .name {
  font-family: "Georgia";
  font-size: 38px;
  line-height: 44px;
  top: 28.4%;
  height: 88px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-8 .background .name {
    font-size: 28px;
    line-height: 34px;
    top: 28.2%;
    height: 70px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .design.design-8 .background .name {
    font-size: 25px;
    line-height: 33px;
    top: 28.2%;
    height: 62px;
  }
}
.design.design-8 .title {
  font-family: "Georgia";
  font-size: 40px;
  font-weight: bold;
  line-height: 37px;
  top: 52.6%;
  height: 77px;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-8 .title {
    font-size: 32px;
    line-height: 30px;
    height: 64px;
  }
}
@media (max-width: 767px) {
  .design.design-8 .title {
    font-size: 26px;
    line-height: 25px;
    height: 50px;
  }
}
.design.design-8 .description {
  display: none;
}
.design.design-8 .background .date {
  font-family: "Arial";
  font-size: 19px;
  top: 18.8%;
  width: 54%;
  height: 28px;
  margin-left: -27%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-8 .background .date {
    font-size: 15px;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .design.design-8 .background .date {
    font-size: 12px;
    top: 19.4%;
    height: 16px;
  }
}
.design.design-8 .background .made {
  line-height: 21px;
  top: 74.4%;
  width: 30%;
  margin-left: -15%;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-8 .background .made {
    font-size: 11px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .design.design-8 .background .made {
    font-size: 10px;
    line-height: 14px;
  }
}


/* Design ID: 9 */
.color-1 .design-9 .background {
  background-image: url(designs/imgs/design-9-1.png);
}
.design-9 .color-picker.color-1 {
  background-image: url(designs/btns/btn-9-1.png);
}
.color-2 .design-9 .background {
  background-image: url(designs/imgs/design-9-2.png);
}
.design-9 .color-picker.color-2 {
  background-image: url(designs/btns/btn-9-2.png);
}
.color-3 .design-9 .background {
  background-image: url(designs/imgs/design-9-3.png);
}
.design-9 .color-picker.color-3 {
  background-image: url(designs/btns/btn-9-3.png);
}
.color-4 .design-9 .background {
  background-image: url(designs/imgs/design-9-4.png);
}
.design-9 .color-picker.color-4 {
  background-image: url(designs/btns/btn-9-4.png);
}
.color-1 .design-9 {
  color: #d4003c;
}
.color-2 .design-9 {
  color: #f49a00;
}
.color-3 .design-9 {
  color: #9e5da1;
}
.color-4 .design-9 {
  color: #86bc24;
}
.design.design-9 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-9 .background .name {
  font-family: "Georgia";
  font-size: 38px;
  font-weight: bold;
  top: 5.4%;
  width: 90%;
  height: 142px;
  margin-left: -45%;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  color: white;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-9 .background .name {
    font-size: 28px;
    height: 110px;
  }
}
@media (max-width: 767px) {
  .design.design-9 .background .name {
    font-size: 25px;
    height: 98px;
  }
}
.design.design-9 .background > .title {
  font-family: "Georgia";
  font-size: 36px;
  font-weight: bold;
  line-height: 34px;
  top: 41.6%;
  width: 86%;
  height: 77px;
  margin-left: -43%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-9 .background > .title {
    font-size: 28px;
    line-height: 30px;
    height: 64px;
  }
}
@media (max-width: 767px) {
  .design.design-9 .background > .title {
    font-size: 24px;
    line-height: 25px;
    height: 50px;
  }
}
.design.design-9 .background .description {
  font-family: "Arial";
  font-size: 18px;
  top: 64.2%;
  width: 80%;
  height: 120px;
  margin-left: -40%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: white;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-9 .background .description {
    font-size: 14px;
    top: 64.4%;
    height: 92px;
    letter-spacing: -0.06em;
  }
}
@media (max-width: 767px) {
  .design.design-9 .background .description {
    font-size: 12px;
    height: 79px;
    letter-spacing: -0.08em;
  }
}
.design.design-9 .background .date {
  font-family: "Arial";
  font-size: 19px;
  top: 65.2%;
  width: 44%;
  height: 28px;
  margin-left: -22%;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-9 .background .date {
    font-size: 15px;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .design.design-9 .background .date {
    font-size: 13px;
    height: 16px;
  }
}
.design.design-9 .background .made {
  font-family: "Arial";
  font-weight: bold;
  top: 79.8%;
  width: 90%;
  height: 70px;
  margin-left: -45%;
  letter-spacing: -0.06em;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-9 .background .made {
    font-size: 12px;
    height: 54px;
    letter-spacing: -0.12em;
  }
}
@media (max-width: 767px) {
  .design.design-9 .background .made {
    font-size: 11px;
    height: 46px;
    letter-spacing: -0.16em;
  }
}
.design.design-9 .background .made .curved-container > span:last-child {
  margin-bottom: 2px;
  margin-left: -6px;
}


/* Design ID: 10 */
.color-1 .design-10 .background {
  background-image: url(designs/imgs/design-10-1.png);
}
.design-10 .color-picker.color-1 {
  background-image: url(designs/btns/btn-10-1.png);
}
.color-2 .design-10 .background {
  background-image: url(designs/imgs/design-10-2.png);
}
.design-10 .color-picker.color-2 {
  background-image: url(designs/btns/btn-10-2.png);
}
.color-3 .design-10 .background {
  background-image: url(designs/imgs/design-10-3.png);
}
.design-10 .color-picker.color-3 {
  background-image: url(designs/btns/btn-10-3.png);
}
.color-4 .design-10 .background {
  background-image: url(designs/imgs/design-10-4.png);
}
.design-10 .color-picker.color-4 {
  background-image: url(designs/btns/btn-10-4.png);
}
.color-1 .design-10 {
  color: #d50f3b;
}
.color-1 .design-10 .background .name {
  color: #7b0e2d;
}
.color-1 .design-10 .background .date {
  color: #7b0e2d;
}
.color-1 .design-10 .made {
  color: #d4003c;
}
.color-2 .design-10 {
  color: #f28f00;
}
.color-2 .design-10 .background .name {
  color: #945b00;
}
.color-2 .design-10 .background .date {
  color: #945b00;
}
.color-2 .design-10 .made {
  color: #f49a00;
}
.color-3 .design-10 {
  color: #9e5da1;
}
.color-3 .design-10 .background .name {
  color: #633964;
}
.color-3 .design-10 .background .date {
  color: #633964;
}
.color-4 .design-10 .description {
  color: #009847;
}
.color-4 .design-10 .made {
  color: #009847;
}
.design.design-10 .background > div {
  width: 74%;
  margin-left: -37%;
}
.design.design-10 .background .name {
  font-family: "Georgia";
  font-size: 31px;
  font-weight: bold;
  top: 41.4%;
  width: 52%;
  height: 40px;
  margin-left: -26%;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-10 .background .name {
    font-size: 25px;
    height: 32px;
  }
}
@media (max-width: 767px) {
  .design.design-10 .background .name {
    font-size: 21px;
    height: 25px;
  }
}
.design.design-10 .title {
  font-family: "Georgia";
  font-size: 28px;
  font-weight: bold;
  line-height: 29px;
  top: 54.2%;
  height: 60px;
  color: white;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-10 .title {
    font-size: 22px;
    line-height: 25px;
    height: 46px;
  }
}
@media (max-width: 767px) {
  .design.design-10 .title {
    font-size: 20px;
    line-height: 20px;
    height: 40px;
    letter-spacing: -0.05em;
  }
}
.design.design-10 .background .description {
  font-family: "Arial";
  font-size: 16px;
  font-weight: bold;
  top: 14.8%;
  width: 68%;
  height: 162px;
  margin-left: -34%;
  letter-spacing: -0.1em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-10 .background .description {
    font-size: 12px;
    height: 122px;
    letter-spacing: -0.11em;
  }
}
@media (max-width: 767px) {
  .design.design-10 .background .description {
    font-size: 10px;
    height: 100px;
    letter-spacing: -0.11em;
  }
}
.design.design-10 .background .date {
  font-family: "Arial";
  font-size: 14px;
  font-weight: bold;
  top: 72%;
  width: 26%;
  height: 18px;
  margin-left: -13%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-10 .background .date {
    font-size: 11px;
    height: 15px;
  }
}
@media (max-width: 767px) {
  .design.design-10 .background .date {
    font-size: 9px;
    height: 11px;
  }
}
.design.design-10 .background .made {
  font-family: "Arial";
  font-size: 11px;
  top: 69.4%;
  width: 68%;
  height: 69px;
  margin-left: -34%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-10 .background .made {
    font-size: 8px;
    height: 52px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .design.design-10 .background .made {
    font-size: 7px;
    height: 45px;
  }
}
.design.design-10 .background .made .curved-container > span:last-child {
  margin-bottom: 1px;
  margin-left: -6px;
}


/* Design ID: 27 */
.color-1 .design-27 .background {
  background-image: url(designs/imgs/design-27-1.png);
}
.design-27 .color-picker.color-1 {
  background-image: url(designs/btns/btn-27-1.png);
}
.color-2 .design-27 .background {
  background-image: url(designs/imgs/design-27-2.png);
}
.design-27 .color-picker.color-2 {
  background-image: url(designs/btns/btn-27-2.png);
}
.color-3 .design-27 .background {
  background-image: url(designs/imgs/design-27-3.png);
}
.design-27 .color-picker.color-3 {
  background-image: url(designs/btns/btn-27-3.png);
}
.color-4 .design-27 .background {
  background-image: url(designs/imgs/design-27-4.png);
}
.design-27 .color-picker.color-4 {
  background-image: url(designs/btns/btn-27-4.png);
}
.color-1 .design-27 .background .title {
  color: #1d1d1b;
}
.color-1 .design-27 .background .name {
  color: #1d1d1b;
}
.color-2 .design-27 .background .title {
  color: #dd3074;
}
.color-2 .design-27 .background .name {
  color: #dd3074;
}
.color-3 .design-27 .background .title {
  color: #a2c100;
}
.color-3 .design-27 .background .name {
  color: #a2c100;
}
.color-4 .design-27 .background .title {
  color: #32b5a9;
}
.color-4 .design-27 .background .name {
  color: #32b5a9;
}
.design.design-27 .background > div {
  width: 59%;
  margin-left: -29.5%;
}
.design.design-27 .background {
  color: #004d80;
}
.design.design-27 .background .name {
  font-family: arial;
  font-size: 26px;
  font-weight: 700;
  top: 51%;
  height: 80px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  line-height: 34px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .design.design-27 .background .name {
    font-size: 20px;
    height: 64px;
  }
}
@media (max-width: 767px) {
  .design.design-27 .background .name {
    font-size: 19px;
    height: 56px;
    line-height: 20px;
  }
}
.design.design-27 .background .title {
  font-family: arial;
  font-size: 26px;
  line-height: 31px;
  top: 45%;
  height: 72px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .design.design-27 .background .title {
    font-size: 20px;
    line-height: 24px;
    height: 54px;
    top: 44%;
  }
}
@media (max-width: 767px) {
  .design.design-27 .background .title {
    font-size: 17px;
    line-height: 21px;
    height: 46px;
    top: 44%;
  }
}
.design.design-27 .background .date {
  font-family: georgia;
  font-weight: 700;
  font-style: italic;
  font-size: 17px;
  top: 83%;
  height: 40px;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .design.design-27 .background .date {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .design.design-27 .background .date {
    font-size: 12px;
  }
}
.design.design-27 .background .description {
  display: none;
}
.color-1 .design-27 .background .made {
  color: #24b4a8;
}
.color-2 .design-27 .background .made {
  color: #24b4a8;
}
.color-3 .design-27 .background .made {
  color: #004d80;
}
.color-4 .design-27 .background .made {
  color: #004d80;
}
.design.design-27 .background .made {
  font-family: "Arial";
  font-weight: bold;
  font-size: 14px;
  top: 84.2%;
  width: 90%;
  height: 70px;
  margin-left: -45%;
  letter-spacing: -0.03em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-27 .background .made {
    font-size: 11px;
    height: 54px;
  }
}
@media (max-width: 767px) {
  .design.design-27 .background .made {
    font-size: 10px;
    height: 46px;
  }
}
.design.design-27 .background .made .curved-container > span:last-child {
  margin-bottom: 2px;
  margin-left: -6px;
}