*  {
      margin: 0;
      padding: 0;
   }
   
   body { 
      margin: 0 auto;
      padding: 0;
      font-family: arial, sans-serif;
      font-size: 36px;
      color: #121c23; 
      background: #ffffff;
      background-image: url('/abshared/images/background.png');
      background-repeat: repeat;
      height: 100%;
      direction: rtl;
   }
   
   img.adibarkan  {
       float: left;
       width: 150px;
       padding-right: 25px;
       padding-top: 8px;
   }

   img.social-icon  {
       float: right;
       padding-left: 4px;
       padding-top: 4px;
   }

   a:link, a:visited { 
      color: #dc0025; text-decoration: none;
   }

   a:hover {
      color: #dc0025; text-decoration: none;
   }
   
   .group:after {
	   visibility: hidden;
	   display: block;
	   content: "";
	   clear: both;
	   height: 0;
	   }
   
   * html .group             { zoom: 1; } /* IE6 */

   *:first-child+html .group { zoom: 1; } /* IE7 */
      
   input {
      -webkit-appearance: none;
      -webkit-border-radius:0; 
      border-radius:0;
   }

   .extra-padding {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
   }
   
   .red-text {
      color: #dc0025;
   }
   
   .blue-text {
      color: #00adf2;
   }
   
   .black-text {
      color: #121c23;
   }
   
   .white-text {
      color: #ffffff;
   }
   
   .red-background {
      background-color: #dc0025;
   }
   
   .white-background {
      background-color: #ffffff;
   }
   
   .black-background {
      background-color: #121c23;
   }
   
   .strike-ad {
      position: relative;
      color: #121c23;
   }

   .strike-ad::after {
      border-bottom: 3px solid #121c23;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: 53%;
   }
   
   .left-align {
      text-align: left;
   }
   
   .center-align {
      text-align: center;
   }
   
   .right-align {
      text-align: right;
   }
   
   .top-bar {
      position: fixed;
      width: 100%;
      margin: 0;
      top: 0;
      background-color: #121c23;
      z-index: 10;
  }

   .lang-container {
      position: static;
      width: 17em;
      height: 40px;
      margin: 0 auto;
      direction: ltr;
   }
   
   .lang-text {
      font-size: 0.4em;
      line-height: 40px;
      text-align: left;
   }
   
   .title-container {
      position: static;
      width: 17em;
      margin: 0 auto;
      margin-top: 60px;
      text-align: center;
   }
   
   .title-background-image {
      position: relative;
      top: 0;
      width: 65%;
      border: 0;
   }
   
/* COUNTDOWN */

ul.countdown {
   list-style: none;
      margin: 0 auto;
   padding: 0;
   display: block;
   text-align: center;
   direction: ltr;
   font-family:arial;
   font-weight:normal;
   color:#dc0025;
}

ul.countdown li {
   display: inline-block;
}

ul.countdown li span {
   font-size: 82px;
   line-height: 82px;
}

ul.countdown li.seperator {
   font-size: 82px;
   line-height: 70px;
   vertical-align: top;
}

ul.countdown li p {
   color: #ffffff;
   font-size: 16px;
}

.realunreal {font-family:'arial',sans-serif;font-size:64px;font-weight:bold;color:#ffffff;margin: 0 auto;margin-top:3%;padding: 0; text-align: center;direction: ltr;}
.strike {position:relative;color:#dc0025;}
.strike::after {border-bottom:4px solid #dc0025;content:"";position:absolute;left:0;right:0;top:56%;}

   .subtitle-container {
      position: relative;
      margin: 3% auto;
      /*padding-bottom: 3%;*/
      padding: 2% 0;
   }
   
   .subtitle-content-container {
      position: static;
      width: 17em; /* 17em original*/
      margin: 0 auto;
   }
  
   .banner-container {
      position: relative;
      margin: 0 auto;
	margin-top: 40px;
      padding-top: 1%;
      padding: 0 0;
   }
   
   .banner-content-container {
      position: static;
      width: 17em; /* 17em original*/
      margin: 0 auto;
   }
  
  .banner-image {
     margin: 0;
     padding: 0;
     width: 100%;
  }
   
   a.banner-link:link, a.banner-link:visited { 
      margin: 0;
      padding: 0;
   }

   a.banner-link:hover {
      margin: 0;
      padding: 0;
   }
   
   .subtitle-text1 {
      font-size: 6.3em;
      text-align: center;
   }
   
   .subtitle-text2 {
      font-size: 2.95em;
      font-weight: bold;
      text-align: center;
   }

   .content-container {
      position: static;
      width: 17em;
      margin: 3% auto;
   }
   
   .content-text1 {
      font-size: 1em;
      text-align: right;
      line-height: 1.5em;
   }
   
   .content-text2 {
      font-size: 0.5em;
      line-height: 1.5em;
      text-align: justify;
   }

   .content-box  {
       float: left;
       width: 300px;
       margin-right: 25px;
       margin-top: 8px;
       padding: 3%;
       background-color: #121c23;
   }

   .content-box-text1 {
      font-size: 0.5em;
      line-height: 1.5em;
      font-weight: bold;
      text-align: justify;
   }

   .content-box-text2 {
      font-size: 0.4em;
      line-height: 1.3em;
      text-align: justify;
   }

   .ad-container {
      position: relative;
      width: 100%;
      margin: 3% auto;
      padding-bottom: 3%;
   }
   
   .ad-content-container {
      position: static;
      width: 17em;
      margin: 0 auto;
   }
   
   .ad-text1 {
      font-size: 4.84em;
      text-align: center;
   }
   
   .ad-text2 {
      font-size: 1em;
      text-align: justify;
   }

   .form-container {
      position: relative;
      width: 100%;
      margin: 3% auto;
   }
   
   .form-content-container {
      position: static;
      width: 17em;
      margin: 0 auto;
   }
   
   .form-title {
      font-size: 1.5em;
      line-height: 2em;
      text-align: center;
   }
   
   .form-text {
      font-size: 1em;
      text-align: right;
   }
   
   .form-text-field {
      width: 96.3%;
      border: 0;
      font-size: 1em;
      height: 1.35em;
      margin: 0.5em 0;
      padding: 0 0.25em;
      background-color: #00adf2;
      color: #ffffff;
   }
   
   .form-notes-field {
      width: 97%;
      border: 0;
      font-size: 1em;
      font-family: arial, sans-serif;
      margin: 0.5em 0;
      padding: 0 0.25em;
      background-color: #00adf2;
      color: #ffffff;
   }
   
   .form-button {
      width: 100%;
      border: 0;
      font-size: 1.5em;
      line-height: 2em;
      background-color: #00adf2;
      color: #ffffff;
      margin: 0.5em 0;
   }
   
   .footer-container {
      position: relative;
      width: 100%;
      margin: 0;
   }
   
   .footer-text {
      font-size: 0.5em;
      text-align: center;
   }

@media (max-width: 1024px) {
   .strike-ad::after {
      border-bottom: 3px solid #121c23;
      top: 53%;
   }
}
   
@media (max-width: 768px) {
   body { 
      font-size: 20px;
   }

   img.adibarkan  {
       width: 125px;
       padding-right: 15px;
       padding-top: 8px;
   }

   .strike-ad::after {
      border-bottom: 2px solid #121c23;
      top: 54%;
   }
   
  .lang-container {
      width: 20em;
   }
   
   .lang-text {
      font-size: 0.7em;
   }
   
   .title-container {
      width: 20em;
   }
   
   .title-background-image {
      width: 75%;
   }
   
   .subtitle-content-container {
      width: 20em;
   }
   
   .subtitle-text1 {
      font-size: 7.4em;
   }
   
   .subtitle-text2 {
      font-size: 3.5em;
   }

   .content-container {
      width: 20em;
   }
   
   .content-text1 {
      font-size: 1.5em;
   }
   
   .content-text2 {
      font-size: 1em;
   }

   .content-box  {
       float: none;
       width: 94%;
       margin: 0;
       margin-bottom: 15px;
       padding: 3%;
   }

   .content-box-text1 {
      font-size: 1em;
   }

   .content-box-text2 {
      font-size: 0.75em;
   }

   .ad-content-container {
      width: 20em;
   }
   
   .ad-text1 {
      font-size: 5.69em;
   }
   
   .ad-text2 {
      font-size: 1.17em;
   }

   .form-content-container {
      width: 20em;
   }
   
   .footer-text {
      font-size: 0.7em;
   }

ul.countdown li span {
   font-size: 68px;
   line-height: 68px;
}

ul.countdown li.seperator {
   font-size: 68px;
   line-height: 55px;
}

ul.countdown li p {
   font-size: 12px;
}

.realunreal {font-size:45px;}
.strike::after {border-bottom:3px solid #dc0025;content:"";position:absolute;left:0;right:0;top:58%;}


}

@media (max-width: 480px) {
   body { 
      font-size: 14px;
   }

   .strike-ad::after {
      border-bottom: 1px solid #121c23;
      top: 55%;
   }
   
   img.adibarkan  {
       width: 100px;
       padding-right: 10px;
       padding-top: 6px;
   }

   .lang-container {
      width: 21em;
   }
   
   .lang-text {
      font-size: 0.9em;
   }
   
   .title-container {
      width: 21em;
   }
   
   .title-background-image {
      width: 100%;
   }
   
   .subtitle-content-container {
      width: 21em;
   }
   
   .subtitle-text1 {
      font-size: 7.85em;
   }
   
   .subtitle-text2 {
      font-size: 3.75em;
   }

   .content-container {
      width: 21em;
   }
   
   .content-box-text1 {
      font-size: 1.2em;
   }

   .content-box-text2 {
      font-size: 0.9em;
   }

   .ad-content-container {
      width: 21em;
   }
   
   .ad-text1 {
      font-size: 5.95em;
   }
   
   .ad-text2 {
      font-size: 1.23em;
   }
   
   .form-content-container {
      width: 21em;
   }

   .form-text-field {
      font-size: 1.25em;
      height: 1.5em;
   }

   .form-notes-field {
      font-size: 1.25em;
      height: 4.2em;
   }

   .footer-text {
      font-size: 0.8em;
   }

ul.countdown li span {
   font-size: 50px;
   line-height: 50px;
}

ul.countdown li.seperator {
   font-size: 50px;
   line-height: 42px;
}

ul.countdown li p {
   font-size: 10px;
}

.realunreal {font-size:32px;}
.strike::after {border-bottom:2px solid #dc0025;content:"";position:absolute;left:0;right:0;top:55%;}


}