/*** FRONT BASE STYLE ***/
.hide-mobile {
  display: none; }
  @media screen and (min-width: 768px) {
    .hide-mobile {
      display: block; } }

.wpcf7-form .wpcf7-text {
  border-bottom: 1px solid #000;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 15px 0;
  font-size: 15px;
  line-height: 1.4;
  color: #262626;
  letter-spacing: 2px;
  width: 100%; }
  .wpcf7-form .wpcf7-text:focus {
    outline: none; }

.wpcf7-form .wpcf7-textarea {
  border-bottom: 1px solid #000;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 15px 0;
  font-size: 15px;
  line-height: 1.4;
  color: #262626;
  letter-spacing: 2px;
  width: 100%;
  height: 62px; }
  .wpcf7-form .wpcf7-textarea:focus {
    outline: none; }

.wpcf7-form .wpcf7-submit {
  background: -webkit-linear-gradient(left, #b206a4, #5724bd);
  background: -o-linear-gradient(left, #b206a4, #5724bd);
  background: linear-gradient(to right, #b206a4, #5724bd);
  font-family: "Roboto";
  font-weight: 600;
  color: #fff;
  font-size: 15px;
  line-height: 1.2;
  padding: 12px 26px;
  display: inline-block;
  border-radius: 3px;
  border: 2px solid #fff;
  -webkit-transition: border 0.3s ease, color 0.3s ease;
  -o-transition: border 0.3s ease, color 0.3s ease;
  transition: border 0.3s ease, color 0.3s ease; }
  .wpcf7-form .wpcf7-submit:hover {
    border: 2px solid #000;
    color: #000; }

.wpcf7-form .creative-contact .wpcf7-form-control {
  border-bottom: 1px solid #000;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 15px 15px 25px 35px;
  font-size: 12px;
  line-height: 1.2;
  color: #262626;
  letter-spacing: 2px;
  width: 100%; }
  .wpcf7-form .creative-contact .wpcf7-form-control:focus {
    outline: none; }
  @media screen and (min-width: 1200px) {
    .wpcf7-form .creative-contact .wpcf7-form-control {
      padding: 26px 0 50px 60px; } }

.wpcf7-form .creative-contact .input-gaps {
  margin-bottom: 20px;
  position: relative; }
  .wpcf7-form .creative-contact .input-gaps .wpcf7-not-valid-tip {
    position: absolute;
    width: 100%;
    bottom: 0px;
    border-bottom: 1px solid #f00; }
  @media screen and (min-width: 1200px) {
    .wpcf7-form .creative-contact .input-gaps {
      margin-bottom: 30px; } }

.wpcf7-form .creative-contact .wpcf7-form-control-wrap {
  display: block;
  position: relative;
  overflow: hidden; }
  .wpcf7-form .creative-contact .wpcf7-form-control-wrap:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
    border-bottom: 4px solid #5724bd;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; }
  .wpcf7-form .creative-contact .wpcf7-form-control-wrap.on-focus:after {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); }

.wpcf7-form .creative-contact .your-name:before {
  font-family: "creative_agency";
  content: "\E002";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 25px; }
  @media screen and (min-width: 1200px) {
    .wpcf7-form .creative-contact .your-name:before {
      font-size: 42px; } }

.wpcf7-form .creative-contact .your-email:before {
  font-family: "creative_agency";
  content: "\E006";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 25px; }
  @media screen and (min-width: 1200px) {
    .wpcf7-form .creative-contact .your-email:before {
      font-size: 42px; } }

.wpcf7-form .creative-contact .your-message {
  line-height: 1; }
  .wpcf7-form .creative-contact .your-message .wpcf7-textarea {
    height: 100px; }
  .wpcf7-form .creative-contact .your-message div {
    background: none !important; }
  .wpcf7-form .creative-contact .your-message:before {
    font-family: "creative_agency";
    content: "\E005";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px; }
    @media screen and (min-width: 1200px) {
      .wpcf7-form .creative-contact .your-message:before {
        font-size: 42px; } }

.wpcf7-form .creative-contact .wpcf7-submit {
  background: transparent;
  font-family: "Roboto";
  font-weight: 600;
  color: #fff;
  font-size: 15px;
  line-height: 1.2;
  padding: 15px 5px;
  display: inline-block;
  border: none;
  -webkit-transition: border 0.3s ease, color 0.3s ease;
  -o-transition: border 0.3s ease, color 0.3s ease;
  transition: border 0.3s ease, color 0.3s ease; }

@-webkit-keyframes hang {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px); } }

@-o-keyframes hang {
  0% {
    -o-transform: translateY(-20px);
       transform: translateY(-20px); }
  50% {
    -o-transform: translateY(20px);
       transform: translateY(20px); }
  100% {
    -o-transform: translateY(-20px);
       transform: translateY(-20px); } }

@keyframes hang {
  0% {
    -webkit-transform: translateY(-20px);
         -o-transform: translateY(-20px);
            transform: translateY(-20px); }
  50% {
    -webkit-transform: translateY(20px);
         -o-transform: translateY(20px);
            transform: translateY(20px); }
  100% {
    -webkit-transform: translateY(-20px);
         -o-transform: translateY(-20px);
            transform: translateY(-20px); } }

.hanging-image .vc_figure {
  -webkit-animation: hang 5s linear forwards infinite;
       -o-animation: hang 5s linear forwards infinite;
          animation: hang 5s linear forwards infinite; }

@-webkit-keyframes hang-inverse {
  0% {
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
  50% {
    -webkit-transform: translateY(-40px);
            transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(40px);
            transform: translateY(40px); } }

@-o-keyframes hang-inverse {
  0% {
    -o-transform: translateY(40px);
       transform: translateY(40px); }
  50% {
    -o-transform: translateY(-40px);
       transform: translateY(-40px); }
  100% {
    -o-transform: translateY(40px);
       transform: translateY(40px); } }

@keyframes hang-inverse {
  0% {
    -webkit-transform: translateY(40px);
         -o-transform: translateY(40px);
            transform: translateY(40px); }
  50% {
    -webkit-transform: translateY(-40px);
         -o-transform: translateY(-40px);
            transform: translateY(-40px); }
  100% {
    -webkit-transform: translateY(40px);
         -o-transform: translateY(40px);
            transform: translateY(40px); } }

.hanging-image--inverse .vc_figure {
  -webkit-animation: hang-inverse 5s linear forwards infinite;
       -o-animation: hang-inverse 5s linear forwards infinite;
          animation: hang-inverse 5s linear forwards infinite; }
/*---global css write here-----*/
.ze-shop .product-image-holder .onsale {
    padding: 10px 10px;
    position: absolute;
    right: 15px;
    top: 0;
}
.ze-shop .ze-product-item {
    margin-bottom: 30px;
}

.ze-shop .ze-product-item .price {
    margin-bottom: 10px;
}

.ze-shop .ze-product-item .product-content {
    margin-top: 15px;
}

.ze-shop .ze-product-item .product-wrapper {
    padding: 10px;
}

.ze-shop.ze-product-checkers .ze-product-item .product-wrapper {
    float: left;
    width: 100%;
}

.ze-product-checkers .product-image-holder {
    float: left;
}

.ze-shop.ze-product-checkers .product-info {
    padding-left: 15px;
}

.ze-shop.ze-product-checkers .product-title {
    margin-top: 0;
}


/*--login registration element--*/

.ze-vc-login-registration .avater img {
    border-radius: 100%;
}

.ze-vc-login-registration > div {
    display: inline;
}

.ze-vc-login-registration .avater {
    margin-right: 10px;
}

.ze-vc-login-registration .links span a {
    color: rgb(110, 110, 110);
}

.ze-vc-login-registration .links span:first-child a {
    color: rgb(252, 80, 42);
}

.ze-vc-login-registration .links span {
    font-size: 13px;
}