/* Variables */
/* colors */
/* #262626 */
/* #1a1a1a */
/* font family */
/* Mixins */
/*Common h1,h2 for this page only*/
.st-hire-a-designer h1 {
  font-size: 36px;
  line-height: 40px;
}
.st-hire-a-designer h2 {
  font-size: 32px;
  line-height: 36px;
}
.st-hire-a-designer h3 {
  font-size: 24px;
  line-height: 28px;
}
.st-hire-a-designer h4 {
  font-size: 22px;
  line-height: 26px;
}
/*css for error or success msg*/
.page.messages {
  padding: 0px;
}
/*hire-a-designer Page CSS*/
.contract-banner {
  position: relative;
}
.contract-banner .fillimg {
  width: 100%;
  height: 686px;
}
.contract-banner .contract-overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}
.contract-banner .contract-caption {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.contract-banner .contract-caption em {
  display: inline-block;
  width: 100px;
  margin-bottom: 10px;
}
.contract-banner .contract-caption em img {
  width: 100%;
  height: 100%;
}
.contract-banner .contract-caption h1 {
  color: #ffffff;
  padding-bottom: 50px;
  margin-bottom: 0;
  font-weight: 700;
}
.contract-banner .contract-caption h1 span {
  color: #ffc00f;
  display: inline-block;
}
.contract-banner .contract-caption p {
  color: #ffffff;
  font-weight: 300;
  font-style: italic;
  font-size: 26px;
  line-height: 46px;
  max-width: 750px;
  margin: 0 auto;
  position: relative;
  padding: 10px 0 13px;
  font-family: 'Open Sans', sans-serif;
}
.contract-banner .contract-caption p:before,
.contract-banner .contract-caption p:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  margin: 0 auto;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.contract-banner .contract-caption p:before {
  width: 88%;
  top: 0;
}
.contract-banner .contract-caption p:after {
  width: 70%;
  bottom: 0;
}
.contract-service {
  text-align: center;
  padding: 30px 0 0;
}
.contract-service .design-service-inner-wrapper h2 {
  color: #f88d22;
  font-weight: 600;
  padding: 0;
  margin: 0 0 15px 0;
}
.contract-service .design-service-inner-wrapper p {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 30px;
}
.contract-service .design-service-inner-wrapper p span {
  display: block;
}
.contract-service .contract-category-list {
  position: relative;
  background: #f2f2f2;
}
.contract-service .contract-category-list .col-4 {
  float: left;
  width: 33.3333%;
  padding: 20px;
  position: relative;
  box-sizing: border-box;
}
.contract-service .contract-category-list .col-4 .thumb-caption h3 {
  color: #f88d22;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.contract-service .contract-category-list .col-4 .thumb-caption p {
  font-size: 18px;
  line-height: 22px;
}
.contract-service .contract-category-list .first .col-4.bd-right:after,
.contract-service .contract-category-list .second .col-4.bd-right:after {
  position: absolute;
  content: '';
  width: 1px;
  height: 100%;
  right: -1px;
  top: 0;
  bottom: 0;
}
.contract-service .contract-category-list .first .col-4.bd-right:after {
  background: #fff8f2;
  background: -moz-linear-gradient(top, #fff8f2 0%, #fef4eb 2%, #fdf3e9 4%, #fef0e3 6%, #fef0e3 7%, #fde8d3 13%, #fee6ce 16%, #fce1c4 20%, #fedfc2 22%, #fcd8b4 27%, #fed4ae 31%, #fad3aa 32%, #fbd0a5 34%, #fdcea2 37%, #fccc9c 38%, #fbc893 43%, #fcc38c 45%, #fac38b 47%, #fabf83 49%, #fdbd7f 53%, #f9bc7d 53%, #fdb978 56%, #fcb879 57%, #f9b670 60%, #fcb46c 64%, #fab26a 64%, #fcb065 67%, #f9af64 68%, #f9ab60 70%, #f9ac5e 72%, #fbaa59 73%, #faa757 76%, #f8a652 77%, #faa552 79%, #fba34c 80%, #f7a14a 82%, #faa147 84%, #f79e44 85%, #fa9c42 87%, #f89b3c 89%, #fa9739 92%, #f79530 95%, #f79331 96%, #f8912a 100%);
  background: -webkit-linear-gradient(top, #fff8f2 0%, #fef4eb 2%, #fdf3e9 4%, #fef0e3 6%, #fef0e3 7%, #fde8d3 13%, #fee6ce 16%, #fce1c4 20%, #fedfc2 22%, #fcd8b4 27%, #fed4ae 31%, #fad3aa 32%, #fbd0a5 34%, #fdcea2 37%, #fccc9c 38%, #fbc893 43%, #fcc38c 45%, #fac38b 47%, #fabf83 49%, #fdbd7f 53%, #f9bc7d 53%, #fdb978 56%, #fcb879 57%, #f9b670 60%, #fcb46c 64%, #fab26a 64%, #fcb065 67%, #f9af64 68%, #f9ab60 70%, #f9ac5e 72%, #fbaa59 73%, #faa757 76%, #f8a652 77%, #faa552 79%, #fba34c 80%, #f7a14a 82%, #faa147 84%, #f79e44 85%, #fa9c42 87%, #f89b3c 89%, #fa9739 92%, #f79530 95%, #f79331 96%, #f8912a 100%);
  background: linear-gradient(to bottom, #fff8f2 0%, #fef4eb 2%, #fdf3e9 4%, #fef0e3 6%, #fef0e3 7%, #fde8d3 13%, #fee6ce 16%, #fce1c4 20%, #fedfc2 22%, #fcd8b4 27%, #fed4ae 31%, #fad3aa 32%, #fbd0a5 34%, #fdcea2 37%, #fccc9c 38%, #fbc893 43%, #fcc38c 45%, #fac38b 47%, #fabf83 49%, #fdbd7f 53%, #f9bc7d 53%, #fdb978 56%, #fcb879 57%, #f9b670 60%, #fcb46c 64%, #fab26a 64%, #fcb065 67%, #f9af64 68%, #f9ab60 70%, #f9ac5e 72%, #fbaa59 73%, #faa757 76%, #f8a652 77%, #faa552 79%, #fba34c 80%, #f7a14a 82%, #faa147 84%, #f79e44 85%, #fa9c42 87%, #f89b3c 89%, #fa9739 92%, #f79530 95%, #f79331 96%, #f8912a 100%);
}
.contract-service .contract-category-list .second .col-4.bd-right:after {
  background: #f79027;
  background: -moz-linear-gradient(top, #f79027 0%, #f98f22 2%, #f98f22 4%, #f79027 6%, #fa902a 7%, #f7942f 9%, #f89530 11%, #fa9636 12%, #fa9835 13%, #f99b3b 15%, #f99a3c 16%, #f89d42 18%, #fb9e41 19%, #f9a148 21%, #faa048 22%, #fba24e 24%, #f9a54f 26%, #fca756 28%, #faa856 29%, #f9aa5b 31%, #fcab5c 32%, #faac61 33%, #f8b46d 41%, #fbb56f 41%, #f8b775 44%, #fdb875 44%, #fcbb7b 46%, #fbbb7b 48%, #fac289 53%, #fdc28a 54%, #fac58f 56%, #fcca99 59%, #fbcb9b 61%, #fccda1 62%, #fdd1aa 67%, #fdd5b1 69%, #fdd7b0 70%, #fddbb8 72%, #fddbb8 73%, #fedfc2 76%, #fce6cf 81%, #ffead7 84%, #ffead7 85%, #ffeede 87%, #fdefe2 89%, #fef2e6 90%, #fff6ed 94%, #fefbf6 97%, #fffcf9 100%);
  background: -webkit-linear-gradient(top, #f79027 0%, #f98f22 2%, #f98f22 4%, #f79027 6%, #fa902a 7%, #f7942f 9%, #f89530 11%, #fa9636 12%, #fa9835 13%, #f99b3b 15%, #f99a3c 16%, #f89d42 18%, #fb9e41 19%, #f9a148 21%, #faa048 22%, #fba24e 24%, #f9a54f 26%, #fca756 28%, #faa856 29%, #f9aa5b 31%, #fcab5c 32%, #faac61 33%, #f8b46d 41%, #fbb56f 41%, #f8b775 44%, #fdb875 44%, #fcbb7b 46%, #fbbb7b 48%, #fac289 53%, #fdc28a 54%, #fac58f 56%, #fcca99 59%, #fbcb9b 61%, #fccda1 62%, #fdd1aa 67%, #fdd5b1 69%, #fdd7b0 70%, #fddbb8 72%, #fddbb8 73%, #fedfc2 76%, #fce6cf 81%, #ffead7 84%, #ffead7 85%, #ffeede 87%, #fdefe2 89%, #fef2e6 90%, #fff6ed 94%, #fefbf6 97%, #fffcf9 100%);
  background: linear-gradient(to bottom, #f79027 0%, #f98f22 2%, #f98f22 4%, #f79027 6%, #fa902a 7%, #f7942f 9%, #f89530 11%, #fa9636 12%, #fa9835 13%, #f99b3b 15%, #f99a3c 16%, #f89d42 18%, #fb9e41 19%, #f9a148 21%, #faa048 22%, #fba24e 24%, #f9a54f 26%, #fca756 28%, #faa856 29%, #f9aa5b 31%, #fcab5c 32%, #faac61 33%, #f8b46d 41%, #fbb56f 41%, #f8b775 44%, #fdb875 44%, #fcbb7b 46%, #fbbb7b 48%, #fac289 53%, #fdc28a 54%, #fac58f 56%, #fcca99 59%, #fbcb9b 61%, #fccda1 62%, #fdd1aa 67%, #fdd5b1 69%, #fdd7b0 70%, #fddbb8 72%, #fddbb8 73%, #fedfc2 76%, #fce6cf 81%, #ffead7 84%, #ffead7 85%, #ffeede 87%, #fdefe2 89%, #fef2e6 90%, #fff6ed 94%, #fefbf6 97%, #fffcf9 100%);
}
.contract-service .contract-category-list .bd-bottom.second:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #fefefe;
  background: -moz-linear-gradient(left, #fefefe 0%, #fffbf8 1%, #fefaf1 1%, #fff9f3 1%, #fdf4eb 2%, #fff0e1 3%, #fceee1 3%, #ffead5 4%, #fee9d4 4%, #ffe7cf 4%, #fbe5cd 5%, #fee0c4 6%, #fbe0c2 6%, #ffdebd 6%, #fcdebc 7%, #fcdab5 7%, #fcdab7 7%, #fdd6af 8%, #fbd4ab 8%, #fdd0a6 9%, #fccd9f 9%, #fccba0 9%, #fcc994 10%, #fcc793 11%, #fac68d 11%, #fac58f 11%, #fac287 12%, #fac289 12%, #fabe80 12%, #fbbb7b 13%, #fcb975 13%, #fbb776 14%, #f8b56e 14%, #fbb36b 15%, #faad5f 16%, #fbac5f 18%, #f8a95a 19%, #fbaa5b 20%, #f9a755 23%, #faa552 23%, #f9a34c 27%, #faa249 28%, #faa048 30%, #f79c3f 34%, #f99c3f 35%, #f89b3c 35%, #f99b3b 37%, #f99734 39%, #fa9634 41%, #f89432 42%, #f7942f 42%, #fa932e 44%, #f9922d 45%, #f8912a 45%, #f99027 48%, #f88f24 48%, #f78e23 48%, #f88d23 50%, #f88f24 52%, #f99027 52%, #f79027 53%, #f9922b 54%, #f8912a 54%, #f9922d 55%, #fa9430 57%, #f7942f 57%, #f99533 58%, #f89432 59%, #fa9634 59%, #f89b3c 65%, #f99c3f 65%, #f99e45 67%, #faa249 72%, #f8a24b 72%, #faa552 75%, #f8a652 76%, #faa856 77%, #f9a755 78%, #faa958 78%, #fbad62 84%, #f9b167 85%, #fab268 85%, #f8b46d 85%, #f9b56c 86%, #fcb774 86%, #fcb774 86%, #fbba7a 87%, #fcc38c 89%, #fbc893 89%, #fcca97 90%, #fbcc9e 90%, #fcce9d 90%, #fbd0a5 91%, #fdd1a4 91%, #fad3a8 91%, #fdd3ab 91%, #fbd4ab 92%, #fed7b6 92%, #fdd9b5 93%, #fddec1 94%, #fce2c7 94%, #fee3c6 94%, #fde5cd 95%, #fce6ce 95%, #ffe9d4 95%, #fcebd9 96%, #ffedd9 96%, #fcefdf 97%, #ffefe0 97%, #fef1e8 97%, #fdf6ec 98%, #fff8f2 98%, #fff8f1 99%, #fefefe 100%, #fcfcfc 100%, #f2f2f2 100%, #f2f2f2 100%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #fefefe 0%, #fffbf8 1%, #fefaf1 1%, #fff9f3 1%, #fdf4eb 2%, #fff0e1 3%, #fceee1 3%, #ffead5 4%, #fee9d4 4%, #ffe7cf 4%, #fbe5cd 5%, #fee0c4 6%, #fbe0c2 6%, #ffdebd 6%, #fcdebc 7%, #fcdab5 7%, #fcdab7 7%, #fdd6af 8%, #fbd4ab 8%, #fdd0a6 9%, #fccd9f 9%, #fccba0 9%, #fcc994 10%, #fcc793 11%, #fac68d 11%, #fac58f 11%, #fac287 12%, #fac289 12%, #fabe80 12%, #fbbb7b 13%, #fcb975 13%, #fbb776 14%, #f8b56e 14%, #fbb36b 15%, #faad5f 16%, #fbac5f 18%, #f8a95a 19%, #fbaa5b 20%, #f9a755 23%, #faa552 23%, #f9a34c 27%, #faa249 28%, #faa048 30%, #f79c3f 34%, #f99c3f 35%, #f89b3c 35%, #f99b3b 37%, #f99734 39%, #fa9634 41%, #f89432 42%, #f7942f 42%, #fa932e 44%, #f9922d 45%, #f8912a 45%, #f99027 48%, #f88f24 48%, #f78e23 48%, #f88d23 50%, #f88f24 52%, #f99027 52%, #f79027 53%, #f9922b 54%, #f8912a 54%, #f9922d 55%, #fa9430 57%, #f7942f 57%, #f99533 58%, #f89432 59%, #fa9634 59%, #f89b3c 65%, #f99c3f 65%, #f99e45 67%, #faa249 72%, #f8a24b 72%, #faa552 75%, #f8a652 76%, #faa856 77%, #f9a755 78%, #faa958 78%, #fbad62 84%, #f9b167 85%, #fab268 85%, #f8b46d 85%, #f9b56c 86%, #fcb774 86%, #fcb774 86%, #fbba7a 87%, #fcc38c 89%, #fbc893 89%, #fcca97 90%, #fbcc9e 90%, #fcce9d 90%, #fbd0a5 91%, #fdd1a4 91%, #fad3a8 91%, #fdd3ab 91%, #fbd4ab 92%, #fed7b6 92%, #fdd9b5 93%, #fddec1 94%, #fce2c7 94%, #fee3c6 94%, #fde5cd 95%, #fce6ce 95%, #ffe9d4 95%, #fcebd9 96%, #ffedd9 96%, #fcefdf 97%, #ffefe0 97%, #fef1e8 97%, #fdf6ec 98%, #fff8f2 98%, #fff8f1 99%, #fefefe 100%, #fcfcfc 100%, #f2f2f2 100%, #f2f2f2 100%, #ffffff 100%);
  background: linear-gradient(to right, #fefefe 0%, #fffbf8 1%, #fefaf1 1%, #fff9f3 1%, #fdf4eb 2%, #fff0e1 3%, #fceee1 3%, #ffead5 4%, #fee9d4 4%, #ffe7cf 4%, #fbe5cd 5%, #fee0c4 6%, #fbe0c2 6%, #ffdebd 6%, #fcdebc 7%, #fcdab5 7%, #fcdab7 7%, #fdd6af 8%, #fbd4ab 8%, #fdd0a6 9%, #fccd9f 9%, #fccba0 9%, #fcc994 10%, #fcc793 11%, #fac68d 11%, #fac58f 11%, #fac287 12%, #fac289 12%, #fabe80 12%, #fbbb7b 13%, #fcb975 13%, #fbb776 14%, #f8b56e 14%, #fbb36b 15%, #faad5f 16%, #fbac5f 18%, #f8a95a 19%, #fbaa5b 20%, #f9a755 23%, #faa552 23%, #f9a34c 27%, #faa249 28%, #faa048 30%, #f79c3f 34%, #f99c3f 35%, #f89b3c 35%, #f99b3b 37%, #f99734 39%, #fa9634 41%, #f89432 42%, #f7942f 42%, #fa932e 44%, #f9922d 45%, #f8912a 45%, #f99027 48%, #f88f24 48%, #f78e23 48%, #f88d23 50%, #f88f24 52%, #f99027 52%, #f79027 53%, #f9922b 54%, #f8912a 54%, #f9922d 55%, #fa9430 57%, #f7942f 57%, #f99533 58%, #f89432 59%, #fa9634 59%, #f89b3c 65%, #f99c3f 65%, #f99e45 67%, #faa249 72%, #f8a24b 72%, #faa552 75%, #f8a652 76%, #faa856 77%, #f9a755 78%, #faa958 78%, #fbad62 84%, #f9b167 85%, #fab268 85%, #f8b46d 85%, #f9b56c 86%, #fcb774 86%, #fcb774 86%, #fbba7a 87%, #fcc38c 89%, #fbc893 89%, #fcca97 90%, #fbcc9e 90%, #fcce9d 90%, #fbd0a5 91%, #fdd1a4 91%, #fad3a8 91%, #fdd3ab 91%, #fbd4ab 92%, #fed7b6 92%, #fdd9b5 93%, #fddec1 94%, #fce2c7 94%, #fee3c6 94%, #fde5cd 95%, #fce6ce 95%, #ffe9d4 95%, #fcebd9 96%, #ffedd9 96%, #fcefdf 97%, #ffefe0 97%, #fef1e8 97%, #fdf6ec 98%, #fff8f2 98%, #fff8f1 99%, #fefefe 100%, #fcfcfc 100%, #f2f2f2 100%, #f2f2f2 100%, #ffffff 100%);
}
.service-request-block .service-request-list {
  margin-bottom: 10px;
}
.service-request-block .service-request-list li {
  float: left;
  width: 16.6666%;
  padding: 20px;
  margin-bottom: 0;
  text-align: center;
  box-sizing: border-box;
}
.service-request-block .service-request-list li:nth-child(1) {
  background: #0197d6;
}
.service-request-block .service-request-list li:nth-child(2) {
  background: #018ac1;
}
.service-request-block .service-request-list li:nth-child(3) {
  background: #007aad;
}
.service-request-block .service-request-list li:nth-child(4) {
  background: #006a94;
}
.service-request-block .service-request-list li:nth-child(5) {
  background: #025c81;
}
.service-request-block .service-request-list li:nth-child(6) {
  background: #004b6b;
}
.service-request-block .service-request-list li .thumb {
  width: 100px;
  margin: 0  auto 50px;
}
.service-request-block .service-request-list li .thumb-caption h4 {
  min-height: 80px;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
}
.service-request-block .service-request-list li .thumb-caption p {
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  margin: 0 0 20px;
}
.contract-pricing-block h2 {
  color: #f88d22;
  font-weight: 600;
  padding: 0;
  margin: 0 0 15px 0;
}
.contract-pricing-block ul {
  max-width: 1000px;
  margin: 50px auto;
}
.contract-pricing-block ul li {
  float: left;
  width: 33.3333%;
  padding: 0 15px;
  margin-bottom: 0;
  box-sizing: border-box;
}
.contract-pricing-block ul li:first-child,
.contract-pricing-block ul li:last-child {
  padding-top: 52px;
}
.contract-pricing-block ul li h3 {
  background: #121d24;
  color: #ffffff;
  padding: 10px 0;
  margin: 0;
  text-transform: none;
  font-weight: 400;
}
.contract-pricing-block ul li .inner-pricing {
  background: #025c81;
  padding: 55px 15px 10px;
  border-bottom: 4px solid #121d24;
}
.contract-pricing-block ul li .inner-pricing span {
  color: #ffffff;
  font-size: 22px;
  line-height: 26px;
  display: block;
  margin-bottom: 30px;
}
.contract-pricing-block ul li .inner-pricing span.price-text {
  color: #ffc000;
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
  margin-bottom: 10px;
}
.contract-pricing-block ul li .best-seller {
  background: #025c81;
  padding: 15px 0;
  position: relative;
}
.contract-pricing-block ul li .best-seller p {
  padding-bottom: 0;
  margin-bottom: 0;
  color: #ffc000;
  font-weight: 600;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.contract-pricing-block ul li .best-seller .best-badge {
  position: absolute;
  right: -20px;
  top: -20px;
}
.contract-faq-block {
  background: #01aa93;
  padding-bottom: 50px;
}
.contract-faq-block h2 {
  color: #ffffff;
  font-weight: 600;
  padding: 0;
  margin: 0 0 15px 0;
}
.contract-faq-block .faq-que-list {
  margin: 60px 0 0;
  padding: 0 15px;
  position: relative;
}
.contract-faq-block .faq-que-list .faq-row .col-6 {
  float: left;
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
}
.contract-faq-block .faq-que-list .faq-row .col-6:first-child {
  padding-right: 35px;
}
.contract-faq-block .faq-que-list .faq-row .col-6:last-child {
  padding-left: 35px;
}
.contract-faq-block .faq-que-list .faq-row .col-6 p {
  text-align: left;
  font-size: 20px;
  line-height: 24px;
}
.contract-faq-block .faq-que-list .faq-row .col-6 p.que {
  color: #ffffff;
  font-weight: 600;
  padding-bottom: 10px;
  margin-bottom: 0;
  min-height: 40px;
}
.contract-faq-block .faq-que-list .faq-row .col-6 p.ans {
  padding: 0 0 30px 15px;
  margin-bottom: 0;
  min-height: 100px;
  color: #000000;
}
.contract-faq-block .faq-que-list:after {
  position: absolute;
  content: '';
  width: 1px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  display: inline-block;
  margin: 0 auto;
  background: #1fb19c;
  background: -moz-linear-gradient(top, #1fb19c 0%, #2cb9a6 0%, #36b9a9 1%, #33b8a7 1%, #33baa9 1%, #36b9a7 1%, #3dbcab 4%, #45bead 8%, #49bfaf 8%, #4cc1af 11%, #50c0b0 11%, #54c3b3 13%, #53c2b2 13%, #56c5b5 14%, #58c2b4 14%, #5cc6b8 16%, #5bc5b7 17%, #5ec7b9 18%, #61c5b9 18%, #66c8bb 19%, #74cec2 30%, #77cfc3 31%, #7dd0c6 33%, #80d2c6 36%, #8dd9cf 44%, #8fd8cd 45%, #93dbd0 46%, #98dbd2 49%, #93dbd0 54%, #90d9ce 55%, #89d6cc 58%, #7dd0c6 67%, #77cfc3 69%, #74cec2 70%, #66c8bb 81%, #61c5b9 82%, #5ec7b9 82%, #5bc5b7 83%, #5cc6b8 84%, #59c3b5 85%, #58c2b4 86%, #56c5b5 86%, #53c2b2 87%, #54c3b3 87%, #50c0b0 89%, #4cc1af 89%, #49bfaf 92%, #45bead 92%, #3dbcab 96%, #36b9a7 99%, #33baa9 99%, #33b8a7 99%, #36b9a9 99%, #2cb9a6 100%, #1fb19c 100%);
  background: -webkit-linear-gradient(top, #1fb19c 0%, #2cb9a6 0%, #36b9a9 1%, #33b8a7 1%, #33baa9 1%, #36b9a7 1%, #3dbcab 4%, #45bead 8%, #49bfaf 8%, #4cc1af 11%, #50c0b0 11%, #54c3b3 13%, #53c2b2 13%, #56c5b5 14%, #58c2b4 14%, #5cc6b8 16%, #5bc5b7 17%, #5ec7b9 18%, #61c5b9 18%, #66c8bb 19%, #74cec2 30%, #77cfc3 31%, #7dd0c6 33%, #80d2c6 36%, #8dd9cf 44%, #8fd8cd 45%, #93dbd0 46%, #98dbd2 49%, #93dbd0 54%, #90d9ce 55%, #89d6cc 58%, #7dd0c6 67%, #77cfc3 69%, #74cec2 70%, #66c8bb 81%, #61c5b9 82%, #5ec7b9 82%, #5bc5b7 83%, #5cc6b8 84%, #59c3b5 85%, #58c2b4 86%, #56c5b5 86%, #53c2b2 87%, #54c3b3 87%, #50c0b0 89%, #4cc1af 89%, #49bfaf 92%, #45bead 92%, #3dbcab 96%, #36b9a7 99%, #33baa9 99%, #33b8a7 99%, #36b9a9 99%, #2cb9a6 100%, #1fb19c 100%);
  background: linear-gradient(to bottom, #1fb19c 0%, #2cb9a6 0%, #36b9a9 1%, #33b8a7 1%, #33baa9 1%, #36b9a7 1%, #3dbcab 4%, #45bead 8%, #49bfaf 8%, #4cc1af 11%, #50c0b0 11%, #54c3b3 13%, #53c2b2 13%, #56c5b5 14%, #58c2b4 14%, #5cc6b8 16%, #5bc5b7 17%, #5ec7b9 18%, #61c5b9 18%, #66c8bb 19%, #74cec2 30%, #77cfc3 31%, #7dd0c6 33%, #80d2c6 36%, #8dd9cf 44%, #8fd8cd 45%, #93dbd0 46%, #98dbd2 49%, #93dbd0 54%, #90d9ce 55%, #89d6cc 58%, #7dd0c6 67%, #77cfc3 69%, #74cec2 70%, #66c8bb 81%, #61c5b9 82%, #5ec7b9 82%, #5bc5b7 83%, #5cc6b8 84%, #59c3b5 85%, #58c2b4 86%, #56c5b5 86%, #53c2b2 87%, #54c3b3 87%, #50c0b0 89%, #4cc1af 89%, #49bfaf 92%, #45bead 92%, #3dbcab 96%, #36b9a7 99%, #33baa9 99%, #33b8a7 99%, #36b9a9 99%, #2cb9a6 100%, #1fb19c 100%);
}
.contract-contact-block {
  background: #d9d9d9;
  padding-bottom: 40px;
}
.contract-contact-block h2 {
  color: #f88d22;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 50px;
}
.contract-contact-block form {
  max-width: 968px;
  margin: 0 auto;
}
.contract-contact-block .contact-form-block {
  margin: 0 -15px 30px;
}
.contract-contact-block .contact-form-block .col {
  width: 33.3333%;
  float: left;
  padding: 0 15px;
  box-sizing: border-box;
}
.contract-contact-block .contact-form-block .col .input-box input {
  height: 52px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #7f7f7f;
  color: #454545;
  font-size: 13px;
}
.contract-contact-block .contact-form-block .col .input-box input::-webkit-input-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.contract-contact-block .contact-form-block .col .input-box input:-moz-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.contract-contact-block .contact-form-block .col .input-box input::-moz-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.contract-contact-block .contact-form-block .col .input-box input:-ms-input-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.contract-contact-block .contact-form-block .col .input-box input:focus {
  box-shadow: none;
}
.contract-contact-block .field .input-box textarea {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #7f7f7f;
  overflow-y: auto;
}
.contract-contact-block .field .input-box textarea::-webkit-input-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.contract-contact-block .field .input-box textarea:-moz-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.contract-contact-block .field .input-box textarea::-moz-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.contract-contact-block .field .input-box textarea:-ms-input-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.contract-contact-block .field .input-box textarea:focus {
  box-shadow: none;
}
.contract-contact-block .text-center {
  margin-top: 20px;
}
.contract-contact-block .text-center .btn-orange {
  background: #e66914;
  border-color: #e66914;
  padding: 0 20px;
}
.contract-contact-block .text-center .btn-orange:hover {
  border-color: #e66914;
  background-color: transparent;
  color: #373737;
}
/*Media Query*/
@media (max-width: 1440px) {
  .service-request-block .service-request-list li .thumb {
    margin-bottom: 40px;
  }
  .contract-faq-block .main-wrapper {
    max-width: 1370px;
    padding: 0 15px;
  }
}
@media (max-width: 1366px) {
  .st-hire-a-designer h1 {
    font-size: 30px;
    line-height: 34px;
  }
  .st-hire-a-designer h2 {
    font-size: 28px;
    line-height: 32px;
  }
  .st-hire-a-designer h3 {
    font-size: 22px;
    line-height: 26px;
  }
  .st-hire-a-designer h4 {
    font-size: 20px;
    line-height: 24px;
  }
  .page.messages {
    padding: 0 15px;
    max-width: 100%;
  }
  .contract-service .design-service-inner-wrapper p {
    font-size: 18px;
    line-height: 26px;
  }
  .contract-service .contract-category-list .col-4 .thumb-caption p {
    font-size: 16px;
    line-height: 20px;
  }
  .contract-banner .fillimg {
    height: 580px;
  }
  .contract-banner .contract-caption p {
    font-size: 23px;
    line-height: 40px;
    max-width: 690px;
  }
  .contract-pricing-block ul li .inner-pricing {
    padding: 40px 15px 10px;
  }
  .contract-pricing-block ul li .inner-pricing span {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
  }
  .contract-pricing-block ul li .inner-pricing span.price-text {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 10px;
  }
  .service-request-block .service-request-list li .thumb {
    width: 90px;
  }
  .service-request-block .service-request-list li .thumb-caption h4 {
    min-height: 75px;
  }
  .contract-faq-block .faq-que-list .faq-row .col-6 p {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 1199px) {
  .st-hire-a-designer h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .contract-faq-block {
    padding-bottom: 40px;
  }
  .contract-faq-block .faq-que-list {
    margin-top: 40px;
  }
  .contract-faq-block .faq-que-list .faq-row {
    margin: 0 -20px;
  }
  .contract-faq-block .faq-que-list .faq-row .col-6 {
    padding: 0 20px;
  }
  .service-request-block .service-request-list li {
    padding: 20px 10px;
  }
  .contract-pricing-block ul {
    margin: 40px auto;
  }
}
@media (max-width: 1023px) {
  .st-hire-a-designer h4 {
    font-size: 16px;
    line-height: 20px;
  }
  .contract-banner .fillimg {
    height: 500px;
  }
  .contract-banner .contract-caption h1 {
    margin-top: 10px;
    padding-bottom: 30px;
  }
  .contract-banner .contract-caption p {
    padding: 10px;
  }
  .contract-banner .contract-caption em {
    width: 75px;
  }
  .service-request-block .service-request-list li .thumb {
    width: 78px;
    margin: 0  auto 30px;
  }
  .service-request-block .service-request-list li .thumb-caption h4 {
    margin: 0 0 10px;
  }
  .service-request-block .service-request-list li .thumb-caption p {
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 10px;
  }
  .contract-faq-block .faq-que-list {
    padding: 0;
  }
  .contract-faq-block .faq-que-list .faq-row {
    margin: 0 -15px;
  }
  .contract-faq-block .faq-que-list .faq-row .col-6 {
    padding: 0;
  }
  .contract-faq-block .faq-que-list .faq-row .col-6 p {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 991px) {
  .st-hire-a-designer h1 {
    font-size: 26px;
    line-height: 30px;
  }
  .service-request-block .service-request-list {
    margin-bottom: 0;
  }
  .service-request-block .service-request-list li {
    width: 33.3333%;
  }
  .service-request-block .service-request-list li .thumb {
    margin: 0 auto 30px;
  }
  .contract-faq-block .faq-que-list .faq-row {
    margin: 0;
  }
  .contract-banner .contract-caption p {
    font-size: 22px;
    line-height: 36px;
    max-width: 630px;
  }
  .contract-pricing-block ul {
    margin: 30px auto;
  }
  .contract-pricing-block ul li .inner-pricing {
    padding: 30px 15px 10px;
  }
  .contract-pricing-block ul li .inner-pricing span {
    font-size: 16px;
    line-height: 20px;
  }
  .contract-pricing-block ul li .inner-pricing span.price-text {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 10px;
  }
  .contract-contact-block .main-wrapper {
    margin: 0 15px;
  }
}
@media (max-width: 767px) {
  .st-hire-a-designer h1 {
    font-size: 21px;
    line-height: 25px;
  }
  .st-hire-a-designer h2 {
    font-size: 22px;
    line-height: 26px;
  }
  .st-hire-a-designer h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .contract-banner .fillimg {
    height: 420px;
  }
  .contract-banner .contract-caption .main-wrapper {
    padding: 0 15px;
  }
  .contract-banner .contract-caption em {
    width: 60px;
    margin-bottom: 0px;
  }
  .contract-banner .contract-caption h1 {
    padding-bottom: 15px;
  }
  .contract-banner .contract-caption p {
    font-size: 16px;
    line-height: 26px;
    max-width: 460px;
    padding: 6px;
  }
  .contract-service .design-service-inner-wrapper {
    padding: 0 15px;
  }
  .contract-service .design-service-inner-wrapper p {
    font-size: 14px;
    line-height: 20px;
  }
  .contract-service .contract-category-list .col-4 {
    float: none;
    width: 100%;
    border-bottom: 1px solid #f88d22;
  }
  .contract-service .contract-category-list .col-4 .thumb-caption h3 {
    margin-bottom: 15px;
  }
  .contract-service .contract-category-list .col-4 .thumb-caption h4 {
    margin-bottom: 10px;
  }
  .contract-service .contract-category-list .col-4 .thumb-caption p {
    margin-bottom: 0;
  }
  .contract-service .contract-category-list .first .col-4.bd-right:after,
  .contract-service .contract-category-list .second .col-4.bd-right:after {
    display: none;
  }
  .contract-service .contract-category-list .bd-bottom.second:after {
    display: none;
  }
  .contract-pricing-block ul {
    padding: 0 15px;
  }
  .contract-pricing-block ul li {
    float: none;
    width: 100%;
    margin-bottom: 25px;
  }
  .contract-pricing-block ul li:first-child,
  .contract-pricing-block ul li:last-child {
    padding-top: 0;
  }
  .service-request-block .service-request-list li .thumb {
    width: 55px;
  }
  .service-request-block .service-request-list li .thumb-caption h4 {
    min-height: 55px;
  }
  .service-request-block .service-request-list li .thumb-caption p {
    font-size: 15px;
    line-height: 19px;
  }
  .contract-faq-block {
    padding-bottom: 15px;
  }
  .contract-faq-block h2 {
    padding-left: 15px;
  }
  .contract-faq-block .faq-que-list {
    margin-top: 30px;
  }
  .contract-faq-block .faq-que-list .faq-row .col-6 {
    width: 100%;
  }
  .contract-faq-block .faq-que-list .faq-row .col-6 p.que {
    min-height: inherit;
  }
  .contract-faq-block .faq-que-list .faq-row .col-6 p.ans {
    min-height: inherit;
    padding-bottom: 20px;
  }
  .contract-faq-block .faq-que-list .faq-row .col-6:first-child,
  .contract-faq-block .faq-que-list .faq-row .col-6:last-child {
    padding: 0px;
  }
  .contract-faq-block .faq-que-list:after {
    display: none;
  }
  .contract-contact-block {
    padding-bottom: 30px;
  }
  .contract-contact-block h2 {
    margin-bottom: 25px;
  }
  .contract-contact-block .contact-form-block {
    margin-bottom: 0px;
  }
  .contract-contact-block .contact-form-block .col {
    width: 100%;
    padding: 0 15px 15px;
  }
  .contract-contact-block .contact-form-block .col .input-box input {
    height: 35px;
  }
  .contract-contact-block .text-center .btn-orange {
    height: 35px;
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .contract-banner .fillimg {
    height: 360px;
  }
  .contract-service .contract-category-list .col-4 .thumb-caption p {
    font-size: 14px;
    line-height: 20px;
  }
  .service-request-block .service-request-list li {
    width: 100%;
  }
  .service-request-block .service-request-list li .thumb {
    width: 70px;
    margin: 0 auto 10px;
  }
  .service-request-block .service-request-list li .thumb-caption h4 {
    min-height: 45px;
    margin: 0 0 10px 0;
  }
  .contract-faq-block .faq-que-list .faq-row .col-6 p {
    font-size: 14px;
    line-height: 18px;
  }
}
/*Common Css for Captcha*/
.captcha-wrapper {
  display: inline-block;
  width: 100%;
  margin: 15px 0;
  text-align: left;
}
.captcha-wrapper .captcha .label captcha_custom_form {
  display: none;
}
.captcha-wrapper .captcha .nested {
  display: inline;
  float: left;
}
.captcha-wrapper .captcha .control.captcha {
  display: inline;
  float: left;
  width: 27%;
  margin-right: 15px;
}
.captcha-wrapper .captcha .control input {
  border: 1px solid #a7abb0;
  border-radius: 5px;
  max-width: 230px;
  width: 100%;
  height: 52px;
  font-size: 13px;
  line-height: 17px;
  padding: 0 10px;
  color: #454545;
}
.captcha-wrapper .captcha .control input::-webkit-input-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.captcha-wrapper .captcha .control input:-moz-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.captcha-wrapper .captcha .control input::-moz-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.captcha-wrapper .captcha .control input:-ms-input-placeholder {
  color: #a0a0a0;
  opacity: 1;
}
.captcha-wrapper .captcha .control input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.captcha-wrapper .captcha .control input.mage-error {
  color: #454545;
}
.captcha-wrapper .captcha .control.captcha-image {
  max-width: 258px;
  margin: 15px 0 0;
  position: relative;
  margin-top: 5px;
}
.captcha-wrapper .captcha .control.captcha-image .captcha-img {
  width: 100%;
  margin: 0px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #c0c0c0;
}
.captcha-wrapper .captcha .control.captcha-image .captcha-reload {
  position: absolute;
  right: 10px;
  top: 8px;
  cursor: pointer;
}
.captcha-wrapper .captcha .control .mage-error {
  color: #d24031;
  font-size: 13px;
  line-height: 17px;
}
.captcha-wrapper .captcha .invalid-captcha {
  padding-top: 10px;
  color: #d24031;
}
@media (max-width: 575px) {
  .captcha-wrapper .captcha .control.captcha {
    width: 100%;
  }
  .captcha-wrapper .captcha .control input {
    height: 42px;
    max-width: 100%;
    width: 100%;
  }
  .captcha-wrapper .captcha .control.captcha-image {
    max-width: 230px;
  }
}