* {
   margin: 0;
   padding: 0;
   outline: 0;
}

.ne__container {
   max-width: 1440px;
   width: 100%;
   margin: 0 auto;
   padding: 0 15px;
   box-sizing: border-box;
}

#form1 .ne__container {
   /*max-width: 1440px;
   width: 100%;*/
   margin: 0 auto;
   padding: 0;
   box-sizing: border-box;
}


.ne_counter {
   display: flex;
   justify-content: flex-end;
   align-items: center;
   padding: 20px 0;
}

#ne__counter {
   background: url(../images/counterbg.png) no-repeat top center;
   background-size: 100% 100%;
   font-size: 24px;
   color: #fff;
   font-family: 'SamsungSharpSans';
   font-weight: bold;
   text-align: center;
   width: 168px;
   box-sizing: border-box;
}

.ne__countertext {
   padding-left: 10px;
   font-size: 16px;
   color: #000;
   font-family: 'SamsungOne';
}

   .ne__countertext a {
      padding-left: 10px;
      font-size: 16px;
      color: #000;
      font-family: 'SamsungOne';
      text-decoration: none;
   }

.thankyou__message {
   height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   color: #000;
   font-family: 'SamsungSharpSans';
   max-width: 80%;
   margin: 0 auto;
   text-align: center;
}


@media screen and (max-width:767px) {
   .thankyou__message {
      font-size: 16px;
   }
}


@media screen and (max-width:480px) {
   #ne__counter {
      font-size: 20px;
      line-height: 29px;
      height: 30px;
   }

   .thankyou__message {
      font-size: 14px;
   }
}

/*****************CSS for Counter*************/

@keyframes animate-top {
   0% {
      background: #3e3e3e; /* Old browsers */
      background: -moz-linear-gradient(top, #3e3e3e 0%, #2b2b2b 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e3e), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%); /* IE10+ */
      background: linear-gradient(to bottom, #3e3e3e 0%,#2b2b2b 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#2b2b2b',GradientType=0 );
   }

   100% {
      color: #474747;
      transform: translateX(0px) translateY(0.35em) translateZ(5px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
   }
}

@keyframes animate-bottom {
   0% {
      color: #474747;
      opacity: 1;
   }

   100% {
      transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
      opacity: 1;
   }
}

@-webkit-keyframes animate-top {
   0% {
      background: #3e3e3e; /* Old browsers */
      background: -moz-linear-gradient(top, #3e3e3e 0%, #2b2b2b 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e3e), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #3e3e3e 0%,#2b2b2b 100%); /* IE10+ */
      background: linear-gradient(to bottom, #3e3e3e 0%,#2b2b2b 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#2b2b2b',GradientType=0 );
   }

   100% {
      color: #474747;
      -webkit-transform: translateX(0px) translateY(0.35em) translateZ(5px) rotateX(-90deg) rotateY(0deg) rotateZ(0deg);
   }
}

@-webkit-keyframes animate-bottom {
   0% {
      color: #474747;
      opacity: 1;
   }

   100% {
      -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
      opacity: 1;
   }
}

.count1 {
   display: flex;
   justify-content: flex-end;
}

.number {
   font-family: 'SamsungSharpSans';
   position: relative;
   margin-right: 5px;
   font-size: 27px;
   width: 30px;
   height: 1.7em;
   box-sizing: border-box;
}

   .number span {
      font-family: 'SamsungSharpSans';
      position: absolute;
      display: block;
      font-weight: bold;
      text-align: center;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      color: white;
      width: 30px;
      height: 1.7em;
      perspective: 7.14em;
      border: 1px solid #fff;
      border-radius: 5px;
   }

      .number span:before {
         display: block;
         height: 0.75em;
         overflow: hidden;
         line-height: 1.52em;
         border-bottom: 1px solid rgba(0, 0, 0, 0.5);
         border-radius: 7px 7px 0 0;
         background: #585858; /* Old browsers */
         background: -moz-linear-gradient(top, #585858 0%, #000000 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585858), color-stop(100%,#000000)); /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, #585858 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
         background: -o-linear-gradient(top, #585858 0%,#000000 100%); /* Opera 11.10+ */
         background: -ms-linear-gradient(top, #585858 0%,#000000 100%); /* IE10+ */
         background: linear-gradient(to bottom, #585858 0%,#000000 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
      }

      .number span:after {
         display: block;
         height: 0.75em;
         overflow: hidden;
         line-height: 0;
         border-top: 1px solid rgba(0, 0, 0, 0.5);
         border-radius: 0 0 7px 7px;
         transition: color 100ms, background-color 100ms;
         background: #0d0d0d; /* Old browsers */
         background: -moz-linear-gradient(top, #0d0d0d 0%, #000000 100%); /* FF3.6+ */
         background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0d0d0d), color-stop(100%,#000000)); /* Chrome,Safari4+ */
         background: -webkit-linear-gradient(top, #0d0d0d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
         background: -o-linear-gradient(top, #0d0d0d 0%,#000000 100%); /* Opera 11.10+ */
         background: -ms-linear-gradient(top, #0d0d0d 0%,#000000 100%); /* IE10+ */
         background: linear-gradient(to bottom, #0d0d0d 0%,#000000 100%); /* W3C */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
      }


.flip .primary:before {
   animation: animate-top 250ms;
   -moz-animation-fill-mode: forwards;
   -webkit-animation: animate-top 250ms;
   -webkit-animation-fill-mode: forwards;
   background: #000000; /* Old browsers */
   background: -moz-linear-gradient(top, #000000 0%, #303030 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#303030)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top, #000000 0%,#303030 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top, #000000 0%,#303030 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top, #000000 0%,#303030 100%); /* IE10+ */
   background: linear-gradient(to bottom, #000000 0%,#303030 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#303030',GradientType=0 ); /* IE6-9 */
}

.flip .primary:after {
   animation: animate-bottom 250ms;
   -moz-animation-fill-mode: forwards;
   animation-delay: 250ms;
   -webkit-animation: animate-bottom 250ms;
   -webkit-animation-fill-mode: forwards;
   -webkit-animation-delay: 250ms;
}

.primary:after {
   opacity: 0;
   transform: translateX(0) translateY(-0.28em) translateZ(0.35em) rotateX(91deg) rotateY(0deg) rotateZ(0deg);
   -webkit-transform: translateX(0) translateY(-0.28em) translateZ(0.35em) rotateX(91deg) rotateY(0deg) rotateZ(0deg);
}

.primary {
   z-index: 2;
}

.secondary {
   z-index: 1;
}

/* Number 0 */

[data-number="0"] span.primary:before {
   content: "0";
}

[data-number="0"] span.secondary:after {
   content: "0";
}

[data-number="0"] span.secondary:before {
   content: "0";
}

[data-number="0"] span.primary:after {
   content: "0";
}

/* Number 9 */

[data-number="9"] span.primary:before {
   content: "9";
}

[data-number="9"] span.secondary:after {
   content: "9";
}

[data-number="9"] span.secondary:before {
   content: "9";
}

[data-number="9"] span.primary:after {
   content: "9";
}

/* Number 8 */

[data-number="8"] span.primary:before {
   content: "8";
}

[data-number="8"] span.secondary:after {
   content: "8";
}

[data-number="8"] span.secondary:before {
   content: "8";
}

[data-number="8"] span.primary:after {
   content: "8";
}

/* Number 7 */

[data-number="7"] span.primary:before {
   content: "7";
}

[data-number="7"] span.secondary:after {
   content: "7";
}

[data-number="7"] span.secondary:before {
   content: "7";
}

[data-number="7"] span.primary:after {
   content: "7";
}

/* Number 6 */

[data-number="6"] span.primary:before {
   content: "6";
}

[data-number="6"] span.secondary:after {
   content: "6";
}

[data-number="6"] span.secondary:before {
   content: "6";
}

[data-number="6"] span.primary:after {
   content: "6";
}

/* Number 5 */

[data-number="5"] span.primary:before {
   content: "5";
}

[data-number="5"] span.secondary:after {
   content: "5";
}

[data-number="5"] span.secondary:before {
   content: "5";
}

[data-number="5"] span.primary:after {
   content: "5";
}

/* Number 4 */

[data-number="4"] span.primary:before {
   content: "4";
}

[data-number="4"] span.secondary:after {
   content: "4";
}

[data-number="4"] span.secondary:before {
   content: "4";
}

[data-number="4"] span.primary:after {
   content: "4";
}

/* Number 3 */

[data-number="3"] span.primary:before {
   content: "3";
}

[data-number="3"] span.secondary:after {
   content: "3";
}

[data-number="3"] span.secondary:before {
   content: "3";
}

[data-number="3"] span.primary:after {
   content: "3";
}

/* Number 2 */

[data-number="2"] span.primary:before {
   content: "2";
}

[data-number="2"] span.secondary:after {
   content: "2";
}

[data-number="2"] span.secondary:before {
   content: "2";
}

[data-number="2"] span.primary:after {
   content: "2";
}

/* Number 1 */

[data-number="1"] span.primary:before {
   content: "1";
}

[data-number="1"] span.secondary:after {
   content: "1";
}

[data-number="1"] span.secondary:before {
   content: "1";
}

[data-number="1"] span.primary:after {
   content: "1";
}