html {
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  background-color: #a5a5a5;
  font: 12px Arial, sans-serif; }
  @media (min-width: 768px) and (max-width: 1023px) {
    html {
      font-size: 16px; } }
  @media (min-width: 1024px) {
    html {
      font-size: 16px; } }

body {
  background-color: transparent;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font: 16px Arial, sans-serif; }

h1 {
  color: #fff;
  font: 700 2.9rem Arial, sans-serif;
  letter-spacing: -0.01rem;
  padding: 1.5rem 0;
  margin: 0; }
  h1 span {
    color: #f26222;
    font-weight: 400; }

h2 {
  color: #fff;
  font: 1.5rem/1.33em Arial, sans-serif;
  letter-spacing: -0.01rem;
  margin-bottom: 0.75rem; }

h3 {
  color: #fff;
  font: 3.5rem Arial, sans-serif;
  letter-spacing: -0.01rem;
  padding: 1.5rem 0;
  margin: 0; }

h4 {
  color: #fff;
  font: 2rem/1.45em Arial, sans-serif;
  margin: 0; }

h5 {
  color: #fff;
  font: 1.5rem Arial, sans-serif;
  text-transform: uppercase;
  margin: 0; }

h6 {
  color: #fff;
  font: 400 0.8rem Arial, sans-serif;
  margin: 0; }
  .modal h6 {
    font-size: 1.2rem;
    margin-top: 5%; }

p, table {
  color: #505050;
  font: 17px/1.5 Arial, sans-serif; }

a {
  color: #f26222;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out; }
  a:hover, a:visited, a:focus {
    color: #f26222; }

:focus, a:focus {
  outline: none; }

* html .clearfix {
  height: 1%; }

.clearfix {
  min-height: 1px; }
  .clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden; }

/*////////////////////////////////////////////////*/
header {
  background-color: #003864;
  margin: 2rem 0 1rem; }

main {
  max-width: 820px;
  margin: 0 auto 3%; }

#side-controls {
  margin-bottom: 0.5rem; }
  #side-controls span {
    cursor: pointer; }
  #side-controls .active {
    color: #fff; }

/*////////////////BILL/////////////////////*/
#billWrap {
  position: relative;
  margin-bottom: 5%;
  z-index: 1; }
  #billWrap .corner-box {
    position: absolute;
    bottom: 35px;
    right: 35px;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 10px;
    opacity: 0.0;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out; }
  #billWrap #corner-flip {
    width: 4%;
    height: 3%;
    position: absolute;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
    background: linear-gradient(135deg, #ebebeb, #dfdfdf 45%, #c5c5c5 50%, #7d7d7d 50%, #a5a5a5 54%, #a5a5a5 62%, #a5a5a5 80%, #a5a5a5 100%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden; }
    #billWrap #corner-flip:before, #billWrap #corner-flip:after {
      content: '';
      position: absolute;
      z-index: -1;
      left: 12.5%;
      bottom: 5.8%;
      width: 70%;
      max-width: 300px;
      max-height: 100px;
      height: 55%;
      -webkit-transform: skew(-10deg) rotate(-6deg);
      -moz-transform: skew(-10deg) rotate(-6deg);
      -ms-transform: skew(-10deg) rotate(-6deg);
      -o-transform: skew(-10deg) rotate(-6deg);
      transform: skew(-10deg) rotate(-6deg); }
    #billWrap #corner-flip:after {
      left: auto;
      right: 5.8%;
      bottom: auto;
      top: 14.16%;
      -webkit-transform: skew(-15deg) rotateY(-84deg);
      -moz-transform: skew(-15deg) rotateY(-84deg);
      -ms-transform: skew(-15deg) rotateY(-84deg);
      -o-transform: skew(-15deg) rotateY(-84deg);
      transform: skew(-15deg) rotateY(-84deg); }
    #billWrap #corner-flip:hover {
      width: 240px;
      height: 240px; }
      #billWrap #corner-flip:hover .corner-box {
        -webkit-transition: all 500ms ease-in;
        -moz-transition: all 500ms ease-in;
        -ms-transition: all 500ms ease-in;
        -o-transition: all 500ms ease-in;
        transition: all 500ms ease-in;
        opacity: 1.0; }
    html[data-useragent*="Safari"]:not([data-useragent*="Chrome"]) #billWrap #corner-flip {
      display: none !important; }

#flip {
  height: 1058px;
  width: 820px;
  position: relative;
  left: 0%;
  top: 0%;
  z-index: -1;
  -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
  transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg); }
  @media (max-width: 767px) {
    #flip {
      display: none; } }
  #flip.active {
    -webkit-animation: wrapper 6s ease-in-out 1;
    -moz-animation: wrapper 6s ease-in-out 1;
    -ms-animation: wrapper 6s ease-in-out 1;
    -o-animation: wrapper 6s ease-in-out 1;
    animation: wrapper 6s ease-in-out 1;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg); }
    html[data-useragent*="rv:11.0"] #flip.active, html[data-useragent*="MSIE"] #flip.active {
      -webkit-animation: none;
      -moz-animation: none;
      -ms-animation: none;
      -o-animation: none;
      animation: none; }
    #flip.active #back {
      z-index: 1000;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    #flip.active #front {
      z-index: 999;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
  #flip.flip-back {
    -webkit-animation: rewrapper 6s ease-in-out 1;
    -moz-animation: rewrapper 6s ease-in-out 1;
    -ms-animation: rewrapper 6s ease-in-out 1;
    -o-animation: rewrapper 6s ease-in-out 1;
    animation: rewrapper 6s ease-in-out 1;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg); }
    html[data-useragent*="rv:11.0"] #flip.flip-back, html[data-useragent*="MSIE"] #flip.flip-back {
      -webkit-animation: none;
      -moz-animation: none;
      -ms-animation: none;
      -o-animation: none;
      animation: none; }
    #flip.flip-back #back {
      z-index: 999;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
    #flip.flip-back #front {
      z-index: 1000;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
      -o-transform-style: preserve-3d;
      transform-style: preserve-3d; }
  #flip #front, #flip #front div {
    z-index: 10;
    background-image: url(https://cdn.questline.com/asset/get/78502808-8f55-4e34-8f47-5c6adb2dd30b?rand=510869437); }
  #flip div {
    height: 1058px;
    width: 68.75px;
    position: absolute;
    left: calc(100% - 0.75px);
    background-color: #fff;
    -webkit-transform-origin: 0 0%;
    -moz-transform-origin: 0 0%;
    -ms-transform-origin: 0 0%;
    -o-transform-origin: 0 0%;
    transform-origin: 0 0%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    background-size: 819px 1058px; }
  #flip #back {
    -webkit-transform: rotateY(0.4deg);
    -moz-transform: rotateY(0.4deg);
    -ms-transform: rotateY(0.4deg);
    -o-transform: rotateY(0.4deg);
    transform: rotateY(0.4deg);
    -webkit-transform-origin: -100% 0 0;
    -moz-transform-origin: -100% 0 0;
    -ms-transform-origin: -100% 0 0;
    -o-transform-origin: -100% 0 0;
    transform-origin: -100% 0 0; }
  #flip #back, #flip #back div {
    background-image: url(https://cdn.questline.com/asset/get/b4f269bc-b2ac-4099-a9bc-0023ec6bb610?rand=510869437); }
  #flip.active div > div {
    -webkit-animation: page 6s ease-in-out 1;
    -moz-animation: page 6s ease-in-out 1;
    -ms-animation: page 6s ease-in-out 1;
    -o-animation: page 6s ease-in-out 1;
    animation: page 6s ease-in-out 1; }
    html[data-useragent*="rv:11.0"] #flip.active div > div, html[data-useragent*="MSIE"] #flip.active div > div {
      -webkit-animation: none;
      -moz-animation: none;
      -ms-animation: none;
      -o-animation: none;
      animation: none; }
  #flip.flip-back div > div {
    -webkit-animation: repage 6s ease-in-out 1;
    -moz-animation: repage 6s ease-in-out 1;
    -ms-animation: repage 6s ease-in-out 1;
    -o-animation: repage 6s ease-in-out 1;
    animation: repage 6s ease-in-out 1; }
    html[data-useragent*="rv:11.0"] #flip.flip-back div > div, html[data-useragent*="MSIE"] #flip.flip-back div > div {
      -webkit-animation: none;
      -moz-animation: none;
      -ms-animation: none;
      -o-animation: none;
      animation: none; }
  #flip > div {
    left: 0;
    background-position-x: 0; }
    #flip > div > div {
      background-position-x: -68px; }
      #flip > div > div > div {
        background-position-x: calc(-68px * 2); }
        #flip > div > div > div > div {
          background-position-x: calc(-68px * 3); }
          #flip > div > div > div > div > div {
            background-position-x: calc(-68px * 4); }
            #flip > div > div > div > div > div > div {
              background-position-x: calc(-68px * 5); }
              #flip > div > div > div > div > div > div > div {
                background-position-x: calc(-68px * 6); }
                #flip > div > div > div > div > div > div > div > div {
                  background-position-x: calc(-68px * 7); }
                  #flip > div > div > div > div > div > div > div > div > div {
                    background-position-x: calc(-68px * 8); }
                    #flip > div > div > div > div > div > div > div > div > div > div {
                      background-position-x: calc(-68px * 9); }
                      #flip > div > div > div > div > div > div > div > div > div > div > div {
                        background-position-x: calc(-68px * 10); }
                        #flip > div > div > div > div > div > div > div > div > div > div > div > div {
                          background-position-x: calc(-68px * 11); }

/*////////////////KEYFRAMES/////////////////////*/
@-webkit-keyframes wrapper {
  0% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg); }
  50% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg); } }
@-moz-keyframes wrapper {
  0% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg); }
  50% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg); } }
@-ms-keyframes wrapper {
  0% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg); }
  50% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg); } }
@keyframes wrapper {
  0% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg); }
  50% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg); } }
@-webkit-keyframes rewrapper {
  0% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg); }
  50% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg); } }
@-moz-keyframes rewrapper {
  0% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg); }
  50% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg); } }
@-ms-keyframes rewrapper {
  0% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg); }
  50% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg); } }
@keyframes rewrapper {
  0% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(-180deg); }
  50% {
    -webkit-transform-origin: 410px 0 0;
    -moz-transform-origin: 410px 0 0;
    -ms-transform-origin: 410px 0 0;
    -o-transform-origin: 410px 0 0;
    transform-origin: 410px 0 0;
    -webkit-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -moz-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -ms-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    -o-transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg);
    transform: translateZ(0px) rotateX(0deg) rotateZ(0deg) rotateY(0deg); } }
@-webkit-keyframes page {
  15% {
    -webkit-transform: rotateY(-7deg);
    -moz-transform: rotateY(-7deg);
    -ms-transform: rotateY(-7deg);
    -o-transform: rotateY(-7deg);
    transform: rotateY(-7deg); }
  50% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }
@-moz-keyframes page {
  15% {
    -webkit-transform: rotateY(-7deg);
    -moz-transform: rotateY(-7deg);
    -ms-transform: rotateY(-7deg);
    -o-transform: rotateY(-7deg);
    transform: rotateY(-7deg); }
  50% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }
@-ms-keyframes page {
  15% {
    -webkit-transform: rotateY(-7deg);
    -moz-transform: rotateY(-7deg);
    -ms-transform: rotateY(-7deg);
    -o-transform: rotateY(-7deg);
    transform: rotateY(-7deg); }
  50% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }
@keyframes page {
  15% {
    -webkit-transform: rotateY(-7deg);
    -moz-transform: rotateY(-7deg);
    -ms-transform: rotateY(-7deg);
    -o-transform: rotateY(-7deg);
    transform: rotateY(-7deg); }
  50% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }
@-webkit-keyframes repage {
  15% {
    -webkit-transform: rotateY(-7deg);
    -moz-transform: rotateY(-7deg);
    -ms-transform: rotateY(-7deg);
    -o-transform: rotateY(-7deg);
    transform: rotateY(-7deg); }
  50% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }
@-moz-keyframes repage {
  15% {
    -webkit-transform: rotateY(-7deg);
    -moz-transform: rotateY(-7deg);
    -ms-transform: rotateY(-7deg);
    -o-transform: rotateY(-7deg);
    transform: rotateY(-7deg); }
  50% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }
@-ms-keyframes repage {
  15% {
    -webkit-transform: rotateY(-7deg);
    -moz-transform: rotateY(-7deg);
    -ms-transform: rotateY(-7deg);
    -o-transform: rotateY(-7deg);
    transform: rotateY(-7deg); }
  50% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }
@keyframes repage {
  15% {
    -webkit-transform: rotateY(-7deg);
    -moz-transform: rotateY(-7deg);
    -ms-transform: rotateY(-7deg);
    -o-transform: rotateY(-7deg);
    transform: rotateY(-7deg); }
  50% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); }
  100% {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg); } }
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-moz-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-ms-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes pulseBack {
  0% {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  50% {
    -webkit-transform: scale(-1.1, 1.1);
    -moz-transform: scale(-1.1, 1.1);
    -ms-transform: scale(-1.1, 1.1);
    -o-transform: scale(-1.1, 1.1);
    transform: scale(-1.1, 1.1); }
  100% {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); } }
@-moz-keyframes pulseBack {
  0% {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  50% {
    -webkit-transform: scale(-1.1, 1.1);
    -moz-transform: scale(-1.1, 1.1);
    -ms-transform: scale(-1.1, 1.1);
    -o-transform: scale(-1.1, 1.1);
    transform: scale(-1.1, 1.1); }
  100% {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); } }
@-ms-keyframes pulseBack {
  0% {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  50% {
    -webkit-transform: scale(-1.1, 1.1);
    -moz-transform: scale(-1.1, 1.1);
    -ms-transform: scale(-1.1, 1.1);
    -o-transform: scale(-1.1, 1.1);
    transform: scale(-1.1, 1.1); }
  100% {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); } }
@keyframes pulseBack {
  0% {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  50% {
    -webkit-transform: scale(-1.1, 1.1);
    -moz-transform: scale(-1.1, 1.1);
    -ms-transform: scale(-1.1, 1.1);
    -o-transform: scale(-1.1, 1.1);
    transform: scale(-1.1, 1.1); }
  100% {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); } }
/*////////////////INDICES/////////////////////*/
.indicator {
  background-color: #003864;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
  font: 700 1.85rem Arial, sans-serif;
  position: absolute;
  top: 0;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
  padding-top: 17.5%;
  cursor: pointer;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out; }
  @media (max-width: 767px) {
    .indicator {
      font-weight: 400;
      padding-top: 1%;
      width: 30px;
      height: 30px; } }
  .indicator:hover {
    opacity: 0.8; }
  #back .indicator {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  .indicator#one {
    top: 2.5%; }
    @media (max-width: 767px) {
      .indicator#one {
        left: auto;
        right: 15%; } }
  .indicator#two {
    top: 16%; }
    @media (max-width: 767px) {
      .indicator#two {
        left: 20%;
        right: auto; } }
  .indicator#three {
    top: 22%; }
    @media (max-width: 767px) {
      .indicator#three {
        left: auto;
        right: 15%; } }
  .indicator#four {
    top: 44%; }
    @media (max-width: 767px) {
      .indicator#four {
        left: 20%;
        right: auto; } }
  .indicator#five {
    top: 45%; }
    @media (max-width: 767px) {
      .indicator#five {
        left: auto;
        right: 15%; } }
  .indicator#six {
    top: 55%; }
    @media (max-width: 767px) {
      .indicator#six {
        left: 20%;
        right: auto; } }
  .indicator#seven {
    top: 79%; }
    @media (max-width: 767px) {
      .indicator#seven {
        left: 20%;
        right: auto; } }
  .indicator#eight {
    top: 11%; }
    @media (max-width: 767px) {
      .indicator#eight {
        left: 20%;
        right: auto; } }
  .indicator#nine {
    top: 23%;
    left: 0px;
    right: 0px; }
    @media (max-width: 767px) {
      .indicator#nine {
        left: auto;
        right: 15%; } }
  .indicator#ten {
    top: 26%; }
    @media (max-width: 767px) {
      .indicator#ten {
        left: 20%;
        right: auto; } }
  .indicator#eleven {
    top: 36%; }
    @media (max-width: 767px) {
      .indicator#eleven {
        left: 20%;
        right: auto; } }
  .indicator#twelve {
    top: 47%; }
    @media (max-width: 767px) {
      .indicator#twelve {
        left: 20%;
        right: auto; } }
  .indicator#thirteen {
    top: 79%; }
    @media (max-width: 767px) {
      .indicator#thirteen {
        left: 20%;
        right: auto; } }

/*////////////////MODALS/////////////////////*/
.modal-backdrop.in {
  opacity: 0.75;
  background-color: #fff; }

.modal {
  top: 20%; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0); }
  @media (min-width: 768px) and (max-width: 1023px) {
    .modal .modal-dialog {
      max-width: 880px;
      margin: 30px auto;
      width: 90%; } }

.modal-content {
  background: rgba(25, 76, 115, 0.9);
  border-radius: 0px;
  border: 0px;
  box-shadow: none; }
  .modal-content button.close {
    color: #fff;
    text-shadow: 0px;
    border: 4px solid #fff;
    border-radius: 5px;
    opacity: 1.0;
    font-size: 4rem;
    line-height: 0.6em;
    padding: 2px;
    margin: 10px; }
  .modal-content .inside {
    width: 85%;
    padding-bottom: 5%;
    margin: 0 auto; }
    .modal-content .inside .description {
      padding: 5% 0;
      border-top: 5px solid #fff;
      border-bottom: 5px solid #fff; }

.video-wrap {
  width: 100%;
  max-width: 540px;
  margin: 0 auto; }
  .video-wrap .frame-wrap {
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 56.25%;
    margin-bottom: 20px; }
    .video-wrap .frame-wrap .video-content {
      position: absolute;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%; }

/*////////////////FOOTER/////////////////////*/
footer {
  position: relative;
  background: #fff;
  padding: 2% 0;
  margin: 0 auto; }

#videos-wrap {
  width: 90%;
  max-width: 820px;
  margin: 0 auto; }

.multi-item-carousel {
  position: relative;
  width: 95%;
  max-width: 900px;
  margin: 0 auto; }
  .multi-item-carousel .carousel-inner img {
    max-width: 100%;
    cursor: pointer; }
  .multi-item-carousel .carousel-inner .item {
    transition: 500ms ease-in-out left; }
  .multi-item-carousel .carousel-inner .active.left {
    left: -33%; }
  .multi-item-carousel .carousel-inner .active.right {
    left: 33%; }
  .multi-item-carousel .carousel-inner .next {
    left: 33%; }
  .multi-item-carousel .carousel-inner .prev {
    left: -33%; }

.carousel-control {
  position: absolute;
  top: 0%;
  opacity: 1.0;
  text-shadow: none;
  overflow: hidden; }
  @media (max-width: 767px) {
    .carousel-control {
      display: none; } }
  .carousel-control.left, .carousel-control.right {
    background: none;
    color: #a5a5a5;
    font-size: 14rem;
    line-height: 0.6em; }
  .carousel-control.right {
    right: -6%;
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); }
  .carousel-control.left {
    left: -7%; }
  .carousel-control:hover {
    color: #f26222; }

/*////////////////MOBILE VERSION/////////////////////*/
#mobile-bills #front-bill, #mobile-bills #back-bill {
  position: relative; }
#mobile-bills img {
  width: 100%; }
  #mobile-bills img.mobile-back {
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1); }

#mobile-videos-wrap img {
  width: 100%;
  padding-bottom: 10px; }

/*# sourceMappingURL=2017-New-Bill.css.map */