/* Design ID: 32 */
.color-1 .design-32 .background {
	background-image: url(designs/imgs/design-32-1.png);
}
.design-32 .color-picker.color-1 {
	background-image: url(designs/btns/btn-32-1.png);
}
.color-2 .design-32 .background {
	background-image: url(designs/imgs/design-32-2.png);
}
.design-32 .color-picker.color-2 {
	background-image: url(designs/btns/btn-32-2.png);
}
.color-3 .design-32 .background {
	background-image: url(designs/imgs/design-32-3.png);
}
.design-32 .color-picker.color-3 {
	background-image: url(designs/btns/btn-32-3.png);
}
.design.design-32 .uploadedImage {
	width: 200px !important;
	height: 200px !important;
	background-image: url(/resources/images/upload-dummy.png);
	position: absolute !important;
	background-size: 200px;
	top: 50% !important;
	left: 50% !important;
	margin-top: -100px !important;
	margin-left: -100px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .uploadedImage {
		background-size: 154px;
		width: 154px !important;
		height: 154px !important;
		margin-top: -77px !important;
		margin-left: -77px !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .uploadedImage {
		background-size: 132px;
		width: 132px !important;
		height: 132px !important;
		margin-top: -66px !important;
		margin-left: -66px !important;
	}
}
.design.design-32 .background > div {
	width: 70% !important;
	margin-left: -35% !important;
}
.design.design-32 .background .name {
	font-family: "Georgia";
	font-size: 38px !important;
	top: 4.8% !important;
	width: 90% !important;
	height: 200px !important;
	margin-left: -45% !important;
	letter-spacing: 0.02em !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .background .name {
		font-size: 29px !important;
		height: 108px !important;
		width: 80% !important;
		margin-left: -39% !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .background .name {
		font-size: 24px !important;
		height: 95px !important;
		width: 79% !important;
		margin-left: -39% !important;
	}
}
.design.design-32 .title {
	font-size: 28px !important;
	line-height: 31px !important;
	top: 17.5% !important;
	height: 160px !important;
	text-transform: uppercase;
	letter-spacing: -0.08em !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .title {
		font-size: 20px !important;
		top: 16% !important;
		letter-spacing: -0.05em !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .title {
		font-size: 18px !important;
		top: 15.4% !important;
		height: 85px !important;
		letter-spacing: -0.11em !important;
	}
}
.design.design-32 .description {
	font-family: "Georgia";
	top: 46.4% !important;
	height: 155px !important;
	font-size: 18px !important;
	letter-spacing: 0.02em !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .description {
		font-size: 14px !important;
		height: 91px !important;
		top: 55% !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .description {
		font-size: 12px !important;
		top: 50% !important;
		height: 103px !important;
		letter-spacing: 0.01em !important;
	}
}
.design.design-32 .background .date {
	font-family: "Arial";
	font-size: 12px !important;
	top: 83% !important;
	width: 50% !important;
	height: 50px !important;
	margin-left: -25% !important;
	text-transform: uppercase;
	font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .background .date {
		font-size: 10px !important;
		top: 80% !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .background .date {
		font-size: 8px !important;
		top: 79% !important;
	}
}
.design.design-32 .background .made {
	display: none !important;
}
.design.design-32 .background .year {
	font-family: "Georgia";
	font-weight: bold;
	font-size: 32px !important;
	top: 65.4% !important;
	width: 20% !important;
	margin-left: -9.5% !important;
	text-transform: uppercase;
	z-index: 3 !important;
	border-radius: 50%;
	line-height: 60px !important;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .background .year {
		font-size: 24px !important;
		top: 63.4% !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .background .year {
		font-size: 22px !important;
		top: 62.4% !important;
	}
}
.design.design-32 .background .made {
	font-size: 15px !important;
	line-height: 15px !important;
	top: 87.5% !important;
	text-transform: uppercase;
	font-weight: bolder;
}
@media (min-width: 768px) and (max-width: 991px) {
	.design.design-32 .background .made {
		top: 87% !important;
		font-size: 11px !important;
	}
}
@media (max-width: 767px) {
	.design.design-32 .background .made {
		top: 86.5% !important;
		font-size: 8px !important;
	}
}
.color-1 .design-32 {
	color: #0088c2 !important;
}
.color-1 .design-32 .background .name {
	color: #e5004b !important;
}
.color-1 .design-32 .background .made {
	color: #e5004b !important;
}
.color-2 .design-32 {
	color: #008237 !important;
}
.color-2 .design-32 .background .name {
	color: #f59c00 !important;
}
.color-2 .design-32 .background .made {
	color: #f59c00 !important;
}
.color-3 .design-32 {
	color: #502583 !important;
}
.color-3 .design-32 .background .name {
	color: #e8308a !important;
}
.color-3 .design-32 .background .made {
	color: #e8308a !important;
}

/* Design ID: 33 */
.color-1 .design-33 .background {
  background-image: url(designs/imgs/design-33-1.png);
}
.design-33 .color-picker.color-1 {
  background-image: url(designs/btns/btn-33-1.png);
}
.color-2 .design-33 .background {
  background-image: url(designs/imgs/design-33-2.png);
}
.design-33 .color-picker.color-2 {
  background-image: url(designs/btns/btn-33-2.png);
}
.color-3 .design-33 .background {
  background-image: url(designs/imgs/design-33-3.png);
}
.design-33 .color-picker.color-3 {
  background-image: url(designs/btns/btn-33-3.png);
}
.design.design-33 .background .name {
  font-size: 28px;
  top: 37.6%;
  width: 40%;
  height: 40px;
  margin-left: -20%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .background .name {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .design.design-33 .background .name {
    font-size: 19px;
  }
}
.design.design-33 .background .title {
  width: 70%;
  margin-left: -35%;
  font-family: Georgia;
  text-transform: none;
  font-size: 36px;
  font-style: italic;
  top: 46%;
  height: 50px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .background .title {
    font-size: 28px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .design.design-33 .background .title {
    font-size: 24px;
    height: 35px;
  }
}
.design.design-33 .description {
  width: 44%;
  margin-left: -22%;
  font-size: 11px;
  letter-spacing: 0.04em;
  top: 24.4%;
  text-transform: uppercase;
  height: 15px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .description {
    font-size: 9px;
    letter-spacing: 0;
  }
}
@media (max-width: 767px) {
  .design.design-33 .description {
    font-size: 7px;
    letter-spacing: 0.04em;
  }
}
.design.design-33 .background .date {
  font-family: "Arial";
  font-size: 12px;
  top: 63.6%;
  width: 32%;
  height: 16px;
  margin-left: -16%;
  text-transform: uppercase;
  font-weight: bold;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .background .date {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-33 .background .date {
    font-size: 8px;
  }
}
.design.design-33 .background .made {
  display: none;
}
.design.design-33 .background .year {
  font-family: "Georgia";
  font-weight: bold;
  font-size: 32px;
  top: 65.4%;
  width: 20%;
  margin-left: -9.5%;
  text-transform: uppercase;
  z-index: 3;
  border-radius: 50%;
  line-height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .background .year {
    font-size: 24px;
    top: 63.4%;
  }
}
@media (max-width: 767px) {
  .design.design-33 .background .year {
    font-size: 22px;
    top: 62.4%;
  }
}
.design.design-33 .background .made {
  font-size: 15px;
  line-height: 15px;
  top: 71.5%;
  text-transform: uppercase;
  font-weight: bolder;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-33 .background .made {
    top: 71%;
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-33 .background .made {
    top: 70.5%;
    font-size: 8px;
  }
}
.color-1 .design-33 {
  color: #fff;
}
.color-2 .design-33 {
  color: #fff;
}
.color-3 .design-33 {
  color: #00b2eb;
}
.color-1 .design-33 .background .title {
  color: #ffdf13;
}
.color-1 .design-33 .background .date {
  color: #000;
}
.color-2 .design-33 .background .title {
  color: #ffdf13;
}
.color-2 .design-33 .background .date {
  color: #000;
}
.color-3 .design-33 .background .name {
  color: #e83b49;
}
.color-3 .design-33 .background .title {
  color: #e83b49;
}
.color-3 .design-33 .background .date {
  color: #000;
}


/* Design ID: 34 */
.color-1 .design-34 .background {
  background-image: url(designs/imgs/design-34-1.png);
}
.design-34 .color-picker.color-1 {
  background-image: url(designs/btns/btn-34-1.png);
}
.color-2 .design-34 .background {
  background-image: url(designs/imgs/design-34-2.png);
}
.design-34 .color-picker.color-2 {
  background-image: url(designs/btns/btn-34-2.png);
}
.color-3 .design-34 .background {
  background-image: url(designs/imgs/design-34-3.png);
}
.design-34 .color-picker.color-3 {
  background-image: url(designs/btns/btn-34-3.png);
}
.design.design-34 .background > div {
  width: 70%;
  margin-left: -35%;
}
.design.design-34 .background .name {
  font-size: 44px;
  top: 25.4%;
  height: 60px;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-34 .background .name {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .design.design-34 .background .name {
    font-size: 30px;
  }
}
.design.design-34 .background .title {
  font-family: Georgia;
  font-size: 62px;
  line-height: 72px;
  font-style: italic;
  top: 39.6%;
  height: 150px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-34 .background .title {
    font-size: 48px;
    line-height: 56px;
    height: 120px;
  }
}
@media (max-width: 767px) {
  .design.design-34 .background .title {
    font-size: 40px;
    line-height: 48px;
    height: 100px;
  }
}
.design.design-34 .description {
  display: none;
}
.design.design-34 .background .date {
  font-family: "Arial";
  font-size: 13px;
  top: 12.6%;
  height: 16px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-34 .background .date {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-34 .background .date {
    font-size: 8px;
  }
}
.design.design-34 .background .made {
  display: none;
}
.design.design-34 .background .year {
  font-family: "Georgia";
  font-weight: bold;
  font-size: 32px;
  top: 65.4%;
  width: 20%;
  margin-left: -9.5%;
  text-transform: uppercase;
  z-index: 3;
  border-radius: 50%;
  line-height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-34 .background .year {
    font-size: 24px;
    top: 63.4%;
  }
}
@media (max-width: 767px) {
  .design.design-34 .background .year {
    font-size: 22px;
    top: 62.4%;
  }
}
.design.design-34 .background .made {
  font-size: 15px;
  line-height: 15px;
  top: 87.3%;
  text-transform: uppercase;
  font-weight: bolder;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-34 .background .made {
    top: 87%;
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-34 .background .made {
    top: 86.5%;
    font-size: 8px;
  }
}
.color-1 .design-34 {
  color: #004b6b;
}
.color-1 .design-34 .background .title {
  color: #0087c0;
}
.color-2 .design-34 {
  color: #d75721;
}
.color-2 .design-34 .background .title {
  color: #f6a036;
}
.color-3 .design-34 {
  color: #b11c41;
}
.color-3 .design-34 .background .title {
  color: #e94273;
}


/* Design ID: 35 */
.color-1 .design-35 .background {
  background-image: url(designs/imgs/design-35-1.png);
}
.design-35 .color-picker.color-1 {
  background-image: url(designs/btns/btn-35-1.png);
}
.color-2 .design-35 .background {
  background-image: url(designs/imgs/design-35-2.png);
}
.design-35 .color-picker.color-2 {
  background-image: url(designs/btns/btn-35-2.png);
}
.color-3 .design-35 .background {
  background-image: url(designs/imgs/design-35-3.png);
}
.design-35 .color-picker.color-3 {
  background-image: url(designs/btns/btn-35-3.png);
}
.design.design-35 .background > div {
  width: 66%;
  margin-left: -33%;
}
.design.design-35 .background .name {
  font-size: 36px;
  top: 19.4%;
  height: 55px;
  letter-spacing: 0.02em;
  font-style: italic;
  font-family: Georgia;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .background .name {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .design.design-35 .background .name {
    font-size: 24px;
  }
}
.design.design-35 .background .title {
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
  top: 34.4%;
  height: 82px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .background .title {
    font-size: 30px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .design.design-35 .background .title {
    font-size: 26px;
    line-height: 26px;
  }
}
.design.design-35 .description {
  text-transform: uppercase;
  top: 64.4%;
  font-size: 12px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .description {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-35 .description {
    font-size: 8px;
  }
}
.design.design-35 .background .date {
  font-size: 13px;
  top: 57.4%;
  height: 16px;
  text-transform: uppercase;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .background .date {
    font-size: 10px;
  }
}
@media (max-width: 767px) {
  .design.design-35 .background .date {
    font-size: 8px;
  }
}
.design.design-35 .background .made {
  display: none;
}
.design.design-35 .background .year {
  font-family: "Georgia";
  font-weight: bold;
  font-size: 32px;
  top: 65.4%;
  width: 20%;
  margin-left: -9.5%;
  text-transform: uppercase;
  z-index: 3;
  border-radius: 50%;
  line-height: 60px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .background .year {
    font-size: 24px;
    top: 63.4%;
  }
}
@media (max-width: 767px) {
  .design.design-35 .background .year {
    font-size: 22px;
    top: 62.4%;
  }
}
.design.design-35 .background .made {
  font-size: 15px;
  line-height: 15px;
  top: 76.5%;
  text-transform: uppercase;
  font-weight: bolder;
}
@media (min-width: 768px) and (max-width: 991px) {
  .design.design-35 .background .made {
    top: 76%;
    font-size: 11px;
  }
}
@media (max-width: 767px) {
  .design.design-35 .background .made {
    top: 75.5%;
    font-size: 8px;
  }
}
.color-1 .design-35 {
  color: #000;
}
.color-1 .design-35 .background .name {
  color: #0084bc;
}
.color-1 .design-35 .background .made {
  color: #0084bc;
}
.color-2 .design-35 {
  color: #000;
}
.color-2 .design-35 .background .name {
  color: #007f4c;
}
.color-2 .design-35 .background .made {
  color: #007f4c;
}
.color-3 .design-35 {
  color: #000;
}
.color-3 .design-35 .background .name {
  color: #b80100;
}
.color-3 .design-35 .background .made {
  color: #b80100;
}