/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0; 
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 1.75em;
  line-height: 1.6em!important;
   -webkit-font-smoothing: antialiased!important;
  margin: .1em 0; font-weight: 800;}
h2 {
  font-size: 1.6em;
  line-height: 1.6em!important;
   -webkit-font-smoothing: antialiased!important;
  margin: .1em 0; }
.zh h2 {font-size: 1.55em; font-weight: 800;}

img {
  border-style: none; }
svg:not(:root) {
  overflow: hidden; }
body {
  background: #f2f2f2; }
section {
  width: 100%;
  /* height: 100vh;*/
  height: 100%;
}
section{  max-width: 1263px; margin:0 auto; }
#headerNew {position: fixed; left: 0; top: 0; width: 100%;z-index: 10;}
#headerNew .inner {padding: 15px;}
#headerNew .headerDesktop {margin-top: -5px;}
#headerNew .headerDesktop .li a { color: #4e3c2e;}
#headerNew .headerDesktop .li a.tasBtn img {max-width: 180px; margin-left: 5px}

#intro { padding: 60px 0 0; overflow: hidden;}
#offer-details {background-color: #f4ead9; }
#offer-details .inner {max-width: 960px;margin: 0 auto;padding: 3em 0; text-align: center;}
#offer-details .inner img.plusImg {margin-top: 100px}


#ta90Wrap {overflow: hidden; position: relative;}

#ta90Wrap .slide1-wrapper {background: url(../img/mastercard/slide1-bg.png) no-repeat center center; background-size: cover;}
#ta90Wrap .slide3-wrapper {background: url(../img/mastercard/slide1-bg.png) no-repeat center center; background-size: cover;}
#ta90Wrap .slide2-wrapper{ background: url(../img/mastercard/slide2-bg.png) no-repeat center center; background-size: cover;}

#ta90Wrap .slide1-wrapper > h1 {font-weight: 700; color: #e61b25; font-size: 1.75em; text-align: center; padding: 50px 0 10px;}
#ta90Wrap .slide1, #ta90Wrap .slide2, #ta90Wrap .slide3, #ta90Wrap .slide4{ max-width: 960px; margin: 0 auto; padding: 3em;}

#ta90Wrap .slide1 .row{ display: -webkit-flex;   display: flex;   -webkit-flex-direction: column;   flex-direction: column;}
#ta90Wrap .slide1-message{ padding-top: 70px;}
#ta90Wrap .slide1-icon{ padding-top: 60px; right:0px;}


#ta90Wrap .slide2-phone img { display: block; margin: auto;}
#ta90Wrap .slide2-message{ padding-top: 70px;}
#ta90Wrap .slide2-message span { color: #008920;}
#ta90Wrap .slide2-icon{ padding-top: 70px; right:0px;}

#ta90Wrap .slide3-wrapper {padding-bottom: 60px;}
#ta90Wrap .slide3-phone img { display: block; margin: auto;}
#ta90Wrap .slide3-message{ padding-top: 70px; position: relative;}
#ta90Wrap .slide3-message #ortxt {position: absolute; left: 0; right: 0; top: -95px; margin: auto; font-size: 40px; background-color: #fff; border-radius: 50%; border: 1px solid #e1e1e1; width: 90px; height: 84px; line-height: 90px; text-align: center; color: #000;}
#ta90Wrap .slide3-message span { color: #008920;}
#ta90Wrap .slide3-message small {margin: 20px 0; display: block;}
#ta90Wrap .slide3-message .slide3-btn {background-color: #008920; color: #fff;display: block; text-align: center; width: 150px; padding: 8px; border-radius: 10px; line-height: 1; margin: 0 0 20px}
#ta90Wrap .slide3-icon{ padding-top: 20px; right:0px;}
#ta90Wrap .ordernow { background-color: #d12027; font-size: 1.5em; text-align:center; font-weight: 600; display: block; margin: 20px auto 0; color: #fff; padding: 10px 20px; width: 300px;-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3); border-radius: 15px;}
#ta90Wrap .ordernow span {color: #ffe400;}

#howTo {padding: 30px 15px 50px; max-width: 1263px; background-color: #fff; margin: auto; text-align: center;}
#howTo h2 {color: #333; font-size: 17px; text-align: center; margin: 0 0 20px;}
#howTo .howToLink {display: block; color: #555; text-align: center; padding: 15px; line-height: 1; background-color: #fff;  border: 1px solid #ccc; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; margin-bottom: 10px; cursor: pointer;}
#howTo .howToLink:hover {background-color:#dddddd;transition: all 0.3s linear;}

h1 strong {font-size: 2rem;}
@media (min-width: 1500px) {
  #intro {padding-top:80px;}
}
@media (min-width: 768px) {
    #howTo {font-size: 0; margin-bottom: 90px;}
    #howTo .howToLink {display: inline-block; vertical-align: top; width: 32.53%; margin: 0 .3%;font-size: 16px; background-color: #fff; border: 1px solid #ccc; color: #555; font-weight: 300;}
    #offer-details .inner .row .col-md-1 {
  -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;}
    #offer-details .inner .row .col-md-5 {
      -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        max-width: 45%;}
}

@media (max-width: 768px) {
  body { font-size: 0.9em; }
  #headerNew .headerDesktop {margin-top: 0px;}
  /*#headerNew .headerDesktop .li.mobile {display:inline-block!important;}*/
  #headerNew .headerDesktop .li a.tasBtn img {max-width: 140px;margin-top: -3px;}
  #offer-details .inner img.plusImg {margin: 15px auto;width: 10%;}
  #offer-details .inner img.offer {width:80%;}
  #ta90Wrap .slide1{ max-width: 960px; margin: 0 auto; padding: 1em; }
  #ta90Wrap .slide1 :nth-child(1) { order: 2; text-align: center;}
  #ta90Wrap .slide1 :nth-child(2) { order: 1; }
  #ta90Wrap .slide1-message{ padding-top: 0px; }
  #ta90Wrap .slide1-icon{ display: none;}

  #ta90Wrap .slide2{ max-width: 960px; margin: 0 auto; padding: 1em; }
  #ta90Wrap .slide2 :nth-child(1) { order: 2; text-align: center;}
  #ta90Wrap .slide2 :nth-child(2) { order: 1; }
  #ta90Wrap .slide2-message{ padding-top: 0px; }
  #ta90Wrap .slide2-icon{ display: none;}
  #ta90Wrap .slide2-phone img, #ta90Wrap .slide3-phone img {width: 80%;max-width: 310px;}

  #ta90Wrap .slide3{ max-width: 960px; margin: 0 auto; padding: 1em 1em 3em 1em; }
  #ta90Wrap .slide3 :nth-child(1) { order: 2; text-align: center;}
  #ta90Wrap .slide3 :nth-child(2) { order: 1; }
  #ta90Wrap .slide3-message{ padding-top: 0px; }
  #ta90Wrap .slide3-message #ortxt {top: -90px; width: 70px; height: 70px; line-height: 65px; font-size: 28px;}
  #ta90Wrap .slide3-icon{display: none;}
  #ta90Wrap .slide3-message .slide3-btn {margin: 0 auto 20px; font-size: 18px;font-weight: bold;padding: 15px 0;}
  #ta90Wrap .ordernow {width: 80%;font-size: 23px;}

  h1 {text-align: center;}
  .slide1-message h1:nth-child(2), .slide2-message h1:nth-child(2) {padding-bottom: 20px;}

}

@media (min-width: 640px)  {
    body { font-weight: 400; }
}
@media (max-width: 640px)  {
  body { font-size: 0.75em;}
  #headerNew .inner {padding: 10px 20px;}
  #headerNew .openrice-logo > img {max-width: 85px;}
  h1 strong {font-size: 1.7rem;}
  #intro {padding: 40px 0 0;}
  #offer-details .row {margin: 10px auto 15px;}
  #ta90Wrap .slide1-wrapper, #ta90Wrap .slide2-wrapper, #ta90Wrap .slide3-wrapper {padding: 40px 0;}
  #ta90Wrap .slide3-wrapper {padding-bottom: 40px;}
}

@media (max-width: 480px) {
}

@media (max-width: 400px) {

}