/*====================================*/
/* change your font path here */
@font-face {
  font-family: 'Intel Regular';
  src: url("../fonts/intelone_display/Latn/intelone-display-regular.woff2") format("woff2"), url("../fonts/intelone_display/Latn/intelone-display-regular.woff") format("woff"), url("../fonts/intelone_display/Latn/intelone-display-regular.ttf") format("truetype"); }

@font-face {
  font-family: 'Intel Medium';
  src: url("../fonts/intelone_display/Latn/intelone-display-medium.woff2") format("woff2"), url("../fonts/intelone_display/Latn/intelone-display-medium.woff") format("woff"), url("../fonts/intelone_display/Latn/intelone-display-medium.ttf") format("truetype"); }

@font-face {
  font-family: 'Intel Light';
  src: url("../fonts/intelone_display/Latn/intelone-display-light.woff2") format("woff2"), url("../fonts/intelone_display/Latn/intelone-display-light.woff") format("woff"), url("../fonts/intelone_display/Latn/intelone-display-light.ttf") format("truetype"); }

/*
@font-face {
  font-family: 'Intel Bold';
  src:
    url('../fonts/intelone_display/Latn/intelone-display-bold.woff2') format('woff2'),
    url("../fonts/intelone_display/Latn/intelone-display-bold.woff") format("woff"),
    url("../fonts/intelone_display/Latn/intelone-display-bold.ttf") format("truetype");
}
*/
/*====================================*/
/* dev */
#template {
  position: absolute;
  left: 50%;
  top: 0px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  z-index: 0;
  border: 1px solid #00f;
  opacity: .66;
  display: none; }

#container {
  /*border: 1px solid #f00;*/
  overflow: hidden; }

#hover_cancel_elem {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0;
  display: none;
  z-index: 0; }
  #hover_cancel_elem.active {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 8; }

/*====================================*/
* {
  opacity: 1;
  font-family: 'Intel Regular', sans-serif; }

.light {
  font-family: 'Intel Light', sans-serif; }

.medium {
  font-family: 'Intel Medium', sans-serif; }

html {
  height: 100%; }

body {
  background-color: #ffffff;
  padding: 0px;
  margin: 0 auto;
  overflow: hidden; }

.hide {
  display: none !important; }

.hide_desktop {
  display: none; }

/* animation settings for element fade */
.animated {
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

/* for layering objects */
.front {
  z-index: 9 !important; }

/*====================================*/
/* outer container */
#container {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 1360px;
  width: 100%; }

#hover_display_elem {
  position: absolute;
  height: auto;
  width: 300px;
  background-color: black;
  border-radius: 2px;
  border: 1px solid #0001A6;
  z-index: 99;
  padding: 10px;
  color: #fff;
  left: 0;
  top: 0;
  font-size: 14px;
  -webkit-box-shadow: 0 0 20px #000;
  box-shadow: 0 0 20px #000;
  z-index: -1;
  opacity: 0; }

/* module 0 : compare */
#compare_container {
  background-color: #070929;
  width: 100%;
  min-height: 765px;
  /* left panel */ }
  #compare_container * {
    color: #fff; }
  #compare_container h1 {
    padding: 115px 0 32px;
    font-size: 25px;
    text-align: center; }
  #compare_container .btn_container {
    position: absolute;
    bottom: 20px;
    width: 100%;
    z-index: 99;
    text-align: center; }
    #compare_container .btn_container .btn {
      margin: 0 auto;
      font-size: 14px;
      line-height: 25px;
      font-family: 'Intel Regular';
      height: 45px;
      background-color: #31A7DA;
      text-align: center;
      padding: 10px;
      position: relative;
      -webkit-transition: background-color .25s;
      transition: background-color .25s;
      width: 80%;
      cursor: default; }
      #compare_container .btn_container .btn * {
        cursor: default; }
      #compare_container .btn_container .btn span {
        position: absolute;
        left: -17px;
        width: 90%;
        text-align: center; }
      #compare_container .btn_container .btn.enabled,
      #compare_container .btn_container .btn.enabled * {
        cursor: pointer; }
      #compare_container .btn_container .btn:hover {
        background-color: #2387E4; }
        #compare_container .btn_container .btn:hover span {
          text-shadow: 0 0 3px #000; }
      #compare_container .btn_container .btn span,
      #compare_container .btn_container .btn img {
        position: relative;
        display: inline-block; }
      #compare_container .btn_container .btn span {
        text-shadow: none;
        -webkit-transition: text-shadow .25s;
        transition: text-shadow .25s; }
      #compare_container .btn_container .btn img {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%); }
  #compare_container #compare_left_instructions {
    padding-top: 80px; }
  #compare_container #compare_right_headline_desktop {
    width: 100%;
    font-size: 45px;
    margin: 0 auto;
    text-align: center;
    padding-top: 0px;
    line-height: 46px; }
  #compare_container #compare_left {
    position: absolute;
    top: 0;
    left: 0;
    width: 33%;
    height: 100%;
    background: linear-gradient(145deg, #03060C 0%, #0A0C2F 60%, #121A9E 100%);
    z-index: 1;
    /* containers for ctls */ }
    #compare_container #compare_left .btn_container {
      bottom: 40px; }
      #compare_container #compare_left .btn_container #btn_cta_desktop {
        position: relative;
        display: block;
        width: 90%;
        font-size: 14px;
        line-height: 25px;
        white-space: nowrap; }
    #compare_container #compare_left .range_container {
      position: relative;
      width: 100%;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1);
      height: 18%;
      -webkit-transition: height .25s;
      transition: height .25s;
      overflow: hidden; }
      #compare_container #compare_left .range_container#range_ctl_3 .range_ctl {
        top: 55%; }
      #compare_container #compare_left .range_container#range_ctl_3 .legend {
        top: 70%; }
      #compare_container #compare_left .range_container:last-child {
        border-bottom: none; }
      #compare_container #compare_left .range_container.minimize {
        height: 0px; }
      #compare_container #compare_left .range_container h3 {
        color: #fff;
        line-height: 16px; }
      #compare_container #compare_left .range_container > h3 {
        color: #1E99E7;
        text-transform: uppercase;
        padding: 20px 0 0 10%;
        font-size: 15px; }
      #compare_container #compare_left .range_container .legend {
        width: 100%;
        position: absolute;
        top: 60%;
        display: table;
        padding: 0 10%; }
        #compare_container #compare_left .range_container .legend h3 {
          display: block;
          text-align: right;
          display: table-cell; }
          #compare_container #compare_left .range_container .legend h3.half {
            width: 50%; }
          #compare_container #compare_left .range_container .legend h3.third {
            width: 40%; }
            #compare_container #compare_left .range_container .legend h3.third:nth-child(2) {
              text-align: center;
              width: 20%; }
          #compare_container #compare_left .range_container .legend h3:first-child {
            text-align: left; }
      #compare_container #compare_left .range_container.active .range_ctl .bg {
        display: none; }
      #compare_container #compare_left .range_container.active .range_ctl.left .bg.left {
        display: block; }
      #compare_container #compare_left .range_container.active .range_ctl.left .thumb div {
        background-image: url(../img/range_thumb_active_left.svg); }
      #compare_container #compare_left .range_container.active .range_ctl.right .bg.right {
        display: block; }
      #compare_container #compare_left .range_container.active .range_ctl.right .thumb div {
        background-image: url(../img/range_thumb_active_right.svg); }
      #compare_container #compare_left .range_container.active .range_ctl.centered .thumb div {
        background-image: url(../img/range_thumb_active_centered.svg); }
      #compare_container #compare_left .range_container:not(.active) {
        opacity: .5; }
        #compare_container #compare_left .range_container:not(.active) .bg {
          display: none; }
        #compare_container #compare_left .range_container:not(.active) .legend * {
          opacity: .5; }
        #compare_container #compare_left .range_container:not(.active) .thumb {
          opacity: .5; }
          #compare_container #compare_left .range_container:not(.active) .thumb div {
            position: absolute;
            background-image: url(../img/range_thumb.svg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            width: 100%;
            height: 100%; }
      #compare_container #compare_left .range_container .range_ctl {
        position: absolute;
        width: 80%;
        height: 10px;
        background-color: #f00;
        top: 45%;
        left: 50%;
        -webkit-transform: translate(-50%, -45%);
        transform: translate(-50%, -45%);
        background-color: #3D3F52; }
        #compare_container #compare_left .range_container .range_ctl .bg {
          position: absolute;
          height: 100%;
          width: auto;
          left: 0;
          top: 0; }
          #compare_container #compare_left .range_container .range_ctl .bg.left {
            background: #33a7d3;
            background: -webkit-gradient(linear, right top, left top, from(#33a7d3), to(#1b1eeb));
            background: linear-gradient(270deg, #33a7d3 0%, #1b1eeb 100%); }
          #compare_container #compare_left .range_container .range_ctl .bg.right {
            background: #33a7d3;
            background: -webkit-gradient(linear, left top, right top, from(#33a7d3), to(#b5d600));
            background: linear-gradient(90deg, #33a7d3 0%, #b5d600 100%); }
        #compare_container #compare_left .range_container .range_ctl:not(.clicked) .thumb div {
          background-image: url(../img/range_thumb_active.svg); }
        #compare_container #compare_left .range_container .range_ctl .thumb {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 25px;
          height: 25px;
          z-index: 9; }
          #compare_container #compare_left .range_container .range_ctl .thumb.pulse {
            width: 50px;
            -webkit-transform-origin: center;
            transform-origin: center;
            /*left: 41.5% !important;*/
            top: -8px;
            margin-left: -26px; }
          #compare_container #compare_left .range_container .range_ctl .thumb div {
            position: absolute;
            background-image: url(../img/range_thumb_active.svg);
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            width: 100%;
            height: 100%; }
  #compare_container #compare_right {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 33%;
    width: 67.1%;
    height: 100%;
    background: #28139b;
    /*background: linear-gradient(180deg, rgba(39, 25, 151, 1) 0%, rgba(0, 0, 1, 1) 100%);*/
    background-image: url(../img/bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
    z-index: 0;
    /* tmp */ }
    #compare_container #compare_right img.tbl {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 90%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 10;
      border: 1px dashed #f00; }
    #compare_container #compare_right #btn_cta_handset {
      position: relative;
      display: block;
      width: 90%;
      font-size: 14px;
      line-height: 25px; }
    #compare_container #compare_right #overlay_hero {
      position: absolute;
      background-size: cover;
      background-position: 100% 100%;
      right: 0;
      bottom: 0;
      width: 500px;
      height: 500px;
      background-image: url(../img/compare_hero.png); }
    #compare_container #compare_right #core_hero {
      position: absolute;
      z-index: 1;
      width: 70%;
      height: auto;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.66));
      filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.66));
      /*display: none;*/ }
    #compare_container #compare_right .tbl_gradient {
      height: 100%;
      background-color: #0e1577;
      display: table;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      z-index: 0; }
      #compare_container #compare_right .tbl_gradient div {
        height: 100%;
        display: table-cell;
        border-color: transparent; }
    #compare_container #compare_right #tbl_gradient_4_col div {
      width: 28%; }
      #compare_container #compare_right #tbl_gradient_4_col div.grad_0 {
        background: linear-gradient(135deg, black 0%, #0e1577 100%); }
      #compare_container #compare_right #tbl_gradient_4_col div.grad_1 {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, black), to(#11199c));
        background: linear-gradient(180deg, black 60%, #11199c 100%); }
      #compare_container #compare_right #tbl_gradient_4_col div.grad_2 {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, black), to(#11199c));
        background: linear-gradient(180deg, black 30%, #11199c 100%); }
      #compare_container #compare_right #tbl_gradient_4_col div.grad_3 {
        background: -webkit-gradient(linear, left top, left bottom, from(black), to(#11199c));
        background: linear-gradient(180deg, black 0%, #11199c 100%); }
      #compare_container #compare_right #tbl_gradient_4_col div:first-child {
        width: 16%; }
    #compare_container #compare_right #tbl_gradient_5_col div {
      width: 21%; }
      #compare_container #compare_right #tbl_gradient_5_col div.grad_0 {
        background: linear-gradient(135deg, black 0%, #0e1577 100%); }
      #compare_container #compare_right #tbl_gradient_5_col div.grad_1 {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, black), to(#11199c));
        background: linear-gradient(180deg, black 60%, #11199c 100%); }
      #compare_container #compare_right #tbl_gradient_5_col div.grad_2 {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #080a24), to(#11199c));
        background: linear-gradient(180deg, #080a24 33%, #11199c 100%); }
      #compare_container #compare_right #tbl_gradient_5_col div.grad_3 {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, black), to(#11199c));
        background: linear-gradient(180deg, black 60%, #11199c 100%); }
      #compare_container #compare_right #tbl_gradient_5_col div.grad_4 {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(33%, #080a24), to(#11199c));
        background: linear-gradient(180deg, #080a24 33%, #11199c 100%); }
      #compare_container #compare_right #tbl_gradient_5_col div:first-child {
        width: 16%; }
    #compare_container #compare_right #core_table {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 95%;
      z-index: 9;
      display: none; }
      #compare_container #compare_right #core_table .tbl {
        position: relative;
        width: 100%;
        background-color: transparent;
        display: table;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 1; }
        #compare_container #compare_right #core_table .tbl.fadeOut {
          z-index: 0; }
        #compare_container #compare_right #core_table .tbl.tbl_4_col .row .cell {
          width: 28%;
          padding: 17px 20px;
          font-size: 15px; }
        #compare_container #compare_right #core_table .tbl.tbl_5_col .row .cell {
          width: 21%;
          padding: 10px 15px;
          font-size: 14px; }
        #compare_container #compare_right #core_table .tbl.tbl_5_col .row:nth-child(3) {
          /* row 3 */
          /* blue title text */ }
          #compare_container #compare_right #core_table .tbl.tbl_5_col .row:nth-child(3) .cell {
            line-height: 15px;
            font-size: 15px; }
        #compare_container #compare_right #core_table .tbl.tbl_5_col .tbl_title {
          height: 80px; }
          #compare_container #compare_right #core_table .tbl.tbl_5_col .tbl_title h1 {
            /*line-height: 25px;*/
            line-height: 1.1em;
            /*font-size: 25px;*/ }
        #compare_container #compare_right #core_table .tbl .tbl_title {
          height: 80px; }
          #compare_container #compare_right #core_table .tbl .tbl_title h1 {
            /* centered above the badges, not the center of the table */
            position: absolute;
            width: 70%;
            margin: 20px 15% 20px 22%;
            padding: 0;
            /*line-height: 26px;*/
            line-height: 1.1em; }
        #compare_container #compare_right #core_table .tbl .row {
          width: 100%;
          display: table-row; }
          #compare_container #compare_right #core_table .tbl .row .cell {
            text-align: center;
            vertical-align: middle;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            display: table-cell;
            line-height: 17px;
            text-shadow: none;
            -webkit-transition: color, text-shadow;
            transition: color, text-shadow;
            -webkit-transition-duration: .25s;
            transition-duration: .25s; }
            #compare_container #compare_right #core_table .tbl .row .cell span {
              -webkit-transition: color, text-shadow;
              transition: color, text-shadow;
              -webkit-transition-duration: .25s;
              transition-duration: .25s; }
            #compare_container #compare_right #core_table .tbl .row .cell.highlight {
              color: #FFF118 !important;
              -webkit-transition-duration: 1s;
              transition-duration: 1s;
              text-shadow: 0 0 3px #000; }
              #compare_container #compare_right #core_table .tbl .row .cell.highlight span {
                color: #FFF118 !important;
                -webkit-transition-duration: 1s;
                transition-duration: 1s;
                text-shadow: 0 0 3px #000; }
            #compare_container #compare_right #core_table .tbl .row .cell > img {
              /*box-shadow: 0 0 10px #2e35ff;*/
              width: 100%;
              max-width: 110px; }
            #compare_container #compare_right #core_table .tbl .row .cell .hover_element {
              margin-top: 5px; }
              #compare_container #compare_right #core_table .tbl .row .cell .hover_element * {
                cursor: default; }
              #compare_container #compare_right #core_table .tbl .row .cell .hover_element p {
                margin-left: 0;
                font-size: 13.5px;
                margin-bottom: 5px;
                position: relative; }
                #compare_container #compare_right #core_table .tbl .row .cell .hover_element p span {
                  display: inline;
                  position: relative;
                  color: #fff;
                  font-size: 10px;
                  top: -3px; }
              #compare_container #compare_right #core_table .tbl .row .cell .hover_element img {
                margin-right: 3px;
                width: 14px; }
              #compare_container #compare_right #core_table .tbl .row .cell .hover_element .hover_title {
                margin-bottom: 3px; }
          #compare_container #compare_right #core_table .tbl .row:nth-child(1) .cell, #compare_container #compare_right #core_table .tbl .row:nth-child(2) .cell, #compare_container #compare_right #core_table .tbl .row:nth-child(3) .cell, #compare_container #compare_right #core_table .tbl .row:nth-child(4) .cell, #compare_container #compare_right #core_table .tbl .row:nth-child(5) .cell {
            border-bottom: none; }
          #compare_container #compare_right #core_table .tbl .row:nth-child(5) .cell, #compare_container #compare_right #core_table .tbl .row:nth-child(6) .cell {
            color: #A5A5A5; }
          #compare_container #compare_right #core_table .tbl .row:nth-child(3) {
            /* row 3 */
            /* blue title text */ }
            #compare_container #compare_right #core_table .tbl .row:nth-child(3) .cell {
              font-family: 'Intel Medium';
              line-height: 20px;
              font-size: 20px;
              color: #23AAE7;
              vertical-align: top;
              padding-top: 0px; }
          #compare_container #compare_right #core_table .tbl .row:nth-child(4) {
            /* row 4 */
            /* blue "up to" text */ }
            #compare_container #compare_right #core_table .tbl .row:nth-child(4) .cell {
              font-family: 'Intel Regular';
              font-size: 15px;
              color: #23AAE7;
              /*&:nth-child(1) {
                span {
                  color: #fff;
                }
              }*/ }
              #compare_container #compare_right #core_table .tbl .row:nth-child(4) .cell span {
                display: block;
                font-size: 25px;
                color: #23AAE7;
                margin-top: 4px; }
          #compare_container #compare_right #core_table .tbl .row:nth-child(5) .cell, #compare_container #compare_right #core_table .tbl .row:nth-child(6) .cell {
            padding-top: 0px; }
          #compare_container #compare_right #core_table .tbl .row:last-child .cell {
            border-bottom: none; }
          #compare_container #compare_right #core_table .tbl .row .cell:nth-child(1) {
            color: #fff;
            font-size: 15px;
            font-family: "Intel Light";
            width: 16%;
            border-bottom-color: transparent;
            text-align: left; }
        #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.not_overclocked .row .cell {
          -webkit-transition: background-color .25s, opacity .25s;
          transition: background-color .25s, opacity .25s;
          background-color: transparent;
          opacity: 1; }
          #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.not_overclocked .row .cell:nth-child(5) {
            background-color: rgba(0, 0, 0, 0.5);
            opacity: .25; }
        #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.overclocked .row .cell {
          -webkit-transition: background-color .25s, opacity .25s;
          transition: background-color .25s, opacity .25s;
          background-color: transparent;
          opacity: 1; }
          #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.overclocked .row .cell:nth-child(2), #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.overclocked .row .cell:nth-child(3), #compare_container #compare_right #core_table .tbl#laptop_desktop_caliber.overclocked .row .cell:nth-child(4) {
            background-color: rgba(0, 0, 0, 0.5);
            opacity: .25; }
  #compare_container .hover_element * {
    cursor: default;
    text-transform: none;
    font-family: 10px; }
  #compare_container .hover_element p {
    font-size: 13.5px;
    margin-bottom: 20px;
    margin-left: 5px; }
  #compare_container .hover_element img {
    margin-right: 3px;
    width: 14px; }
  #compare_container .hover_element .hover_title {
    margin-bottom: 3px; }
  #compare_container #compare_left .hover_element {
    display: inline-block; }
    #compare_container #compare_left .hover_element p {
      position: relative;
      top: 2px;
      margin-bottom: 0px; }
      #compare_container #compare_left .hover_element p span {
        font-size: 10px;
        position: relative;
        top: -3px; }
    #compare_container #compare_left .hover_element img {
      margin-left: 5px;
      margin-right: 3px;
      width: 14px; }

/*====================================*/
/* shade */
#modal_shade {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 99;
  position: absolute; }
  #modal_shade div {
    margin-bottom: 20px; }
  #modal_shade .loader {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 43%;
    -webkit-transform: translate(-50%, -43%);
    transform: translate(-50%, -43%);
    width: 18%; }
  #modal_shade .sep {
    width: 100%;
    height: 1px;
    background-color: #ccc; }
  #modal_shade #preloader_percent {
    font-family: 'Intel Clear Regular', sans-serif;
    font-size: 10px;
    color: #ccc; }

/*====================================*/
/* preload container */
#preload_container {
  display: none; }

/* legal */
#legal_copy {
  display: none;
  background-color: #071013;
  padding: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99; }
  #legal_copy div {
    position: relative;
    float: left;
    padding: 40px 50px 50px 50px; }
    #legal_copy div p {
      font-family: 'Intel Regular';
      font-size: 11.5px;
      color: #fff;
      margin-bottom: 10px; }
  #legal_copy #legal_close {
    position: relative;
    float: right; }

#legal_toggle {
  position: absolute;
  left: 25px;
  bottom: 10px;
  z-index: 99; }
  #legal_toggle span {
    display: inline-block;
    font-size: 11px;
    color: #fff; }
  #legal_toggle #legal_arrow {
    position: relative;
    width: 11px;
    height: 11px;
    top: 2px;
    margin-left: 3px;
    background-image: url(../img/arrow_sm.png);
    background-repeat: no-repeat;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    background-size: cover; }

.legal #legal_toggle #legal_arrow {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg); }

.legal #legal_copy {
  display: block; }

/*====================================*/
/* transition */
#transition {
  position: absolute;
  width: 300%;
  height: 300%;
  top: -170%;
  left: -100%;
  z-index: 999;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  #transition .wipe {
    width: 100%;
    position: absolute;
    top: -25%;
    -webkit-transition: top .75s;
    transition: top .75s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out; }
  #transition .yellow_0 {
    background-color: #FCD100; }
  #transition .blue_0 {
    background-color: #131CAC; }
  #transition .blue_1 {
    background-color: #00047A; }
  #transition .blue_2 {
    background-color: #2595FF; }
  #transition .wide {
    height: 50%;
    opacity: .66; }
  #transition .narrow {
    height: 1%;
    opacity: 1; }

/*====================================================================================*/
.animated.faster {
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms; }

/*====================================================================================*/
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); }
  50% {
    -webkit-transform: scale3d(1.25, 1.25, 1.25);
    transform: scale3d(1.25, 1.25, 1.25); }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1); } }