@charset "UTF-8";
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: .75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul>li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid .08em #eee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);
  -webkit-transform: scale(-1,1);
  -ms-transform: scale(-1,1);
  transform: scale(-1,1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);
  -webkit-transform: scale(1,-1);
  -ms-transform: scale(1,-1);
  transform: scale(1,-1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
  z-index: 0;
}
.owl-carousel .owl-animated-out {
  z-index: 1;
}
.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}
.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px,0px,0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel.owl-loaded {
  display: block;
}
.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}
.owl-carousel.owl-hidden {
  opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
  display: none;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.owl-carousel.owl-rtl {
  direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
  float: right;
}
.no-js .owl-carousel {
  display: block;
}
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}
.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3,1.3);
  -moz-transition: scale(1.3,1.3);
  -ms-transition: scale(1.3,1.3);
  -o-transition: scale(1.3,1.3);
  transition: scale(1.3,1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}
.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}
.owl-prev,
.owl-next {
  color: #62bb46;
  font-size: 5rem;
  font-weight: 100;
}
.one-block-carousel-first-holder .owl-controls .owl-nav,
.one-block-carousel-second-holder .owl-controls .owl-nav,
.one-block-carousel-third-holder .owl-controls .owl-nav,
.one-block-carousel-fourth-holder .owl-controls .owl-nav,
.one-block-carousel-fifth-holder .owl-controls .owl-nav,
.three-block-carousel .owl-controls .owl-nav {
  display: none;
}
.one-block-carousel-first-holder .owl-controls .owl-dots,
.one-block-carousel-second-holder .owl-controls .owl-dots,
.one-block-carousel-third-holder .owl-controls .owl-dots,
.one-block-carousel-fourth-holder .owl-controls .owl-dots,
.one-block-carousel-fifth-holder .owl-controls .owl-dots,
.three-block-carousel .owl-controls .owl-dots {
  position: absolute;
  text-align: center;
  bottom: 0;
  width: 100%;
}
.one-block-carousel-first-holder .owl-controls .owl-dots .owl-dot,
.one-block-carousel-second-holder .owl-controls .owl-dots .owl-dot,
.one-block-carousel-third-holder .owl-controls .owl-dots .owl-dot,
.one-block-carousel-fourth-holder .owl-controls .owl-dots .owl-dot,
.one-block-carousel-fifth-holder .owl-controls .owl-dots .owl-dot,
.three-block-carousel .owl-controls .owl-dots .owl-dot {
  height: 10px;
  width: 10px;
  background: transparent;
  border-radius: 50%;
  border: 2px solid #0060a9;
  margin: 0 5px 20px 0;
  display: inline-block;
}
.one-block-carousel-first-holder .owl-controls .owl-dots .owl-dot.active,
.one-block-carousel-second-holder .owl-controls .owl-dots .owl-dot.active,
.one-block-carousel-third-holder .owl-controls .owl-dots .owl-dot.active,
.one-block-carousel-fourth-holder .owl-controls .owl-dots .owl-dot.active,
.one-block-carousel-fifth-holder .owl-controls .owl-dots .owl-dot.active,
.three-block-carousel .owl-controls .owl-dots .owl-dot.active {
  background: #0060a9;
}
.one-block-carousel-first-holder .block-intro,
.one-block-carousel-second-holder .block-intro,
.one-block-carousel-third-holder .block-intro,
.one-block-carousel-fourth-holder .block-intro,
.one-block-carousel-fifth-holder .block-intro,
.three-block-carousel .block-intro {
  margin-bottom: 20px !important;
}
.three-block-carousel .owl-controls {
  margin-top: 50px;
}
.owl-carousel p {
  text-align: center;
}
.owl-item {
  -webkit-transform: translateZ(0);
}
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}
.ui-front {
  z-index: 100;
}
.ui-state-disabled {
  cursor: default !important;
}
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 25px;
  height: 25px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 5px;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -10px;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  background: #002D56;
  color: #222222;
  width: 70%;
  margin: 20px auto;
}
.ui-widget-content a {
  color: #222222;
}
.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}
.ui-widget-header a {
  color: #222222;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  font-weight: normal;
  color: #555555;
  background: #fff;
  border-radius: 50%;
  border: 3px solid #0060a9;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  font-weight: normal;
  color: #555555;
  background: #fff;
  border-radius: 50%;
  border: 3px solid #0060a9;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  font-weight: normal;
  color: #555555;
  background: #fff;
  -all: 50%;
  border: 3px solid #0060a9;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
  color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}
.ui-icon {
  width: 16px;
  height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
  background-image: url("images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
  background-image: url("images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cd0a0a_256x240.png");
}
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
.ui-widget-overlay {
  background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url("images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
  opacity: .3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    -webkit-transform: translate3d(0,-15px,0);
    transform: translate3d(0,-15px,0);
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
@keyframes bounce {
  0%,
  20%,
  53%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  40%,
  43% {
    -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    -webkit-transform: translate3d(0,-30px,0);
    transform: translate3d(0,-30px,0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
    -webkit-transform: translate3d(0,-15px,0);
    transform: translate3d(0,-15px,0);
  }
  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
  50% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05);
  }
  100% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
  50% {
    -webkit-transform: scale3d(1.05,1.05,1.05);
    transform: scale3d(1.05,1.05,1.05);
  }
  100% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
  30% {
    -webkit-transform: scale3d(1.25,0.75,1);
    transform: scale3d(1.25,0.75,1);
  }
  40% {
    -webkit-transform: scale3d(0.75,1.25,1);
    transform: scale3d(0.75,1.25,1);
  }
  50% {
    -webkit-transform: scale3d(1.15,0.85,1);
    transform: scale3d(1.15,0.85,1);
  }
  65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1);
  }
  75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1);
  }
  100% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
  30% {
    -webkit-transform: scale3d(1.25,0.75,1);
    transform: scale3d(1.25,0.75,1);
  }
  40% {
    -webkit-transform: scale3d(0.75,1.25,1);
    transform: scale3d(0.75,1.25,1);
  }
  50% {
    -webkit-transform: scale3d(1.15,0.85,1);
    transform: scale3d(1.15,0.85,1);
  }
  65% {
    -webkit-transform: scale3d(.95,1.05,1);
    transform: scale3d(.95,1.05,1);
  }
  75% {
    -webkit-transform: scale3d(1.05,.95,1);
    transform: scale3d(1.05,.95,1);
  }
  100% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}
@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0);
  }
}
@keyframes shake {
  0%,
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0,0,1,15deg);
    transform: rotate3d(0,0,1,15deg);
  }
  40% {
    -webkit-transform: rotate3d(0,0,1,-10deg);
    transform: rotate3d(0,0,1,-10deg);
  }
  60% {
    -webkit-transform: rotate3d(0,0,1,5deg);
    transform: rotate3d(0,0,1,5deg);
  }
  80% {
    -webkit-transform: rotate3d(0,0,1,-5deg);
    transform: rotate3d(0,0,1,-5deg);
  }
  100% {
    -webkit-transform: rotate3d(0,0,1,0deg);
    transform: rotate3d(0,0,1,0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0,0,1,15deg);
    transform: rotate3d(0,0,1,15deg);
  }
  40% {
    -webkit-transform: rotate3d(0,0,1,-10deg);
    transform: rotate3d(0,0,1,-10deg);
  }
  60% {
    -webkit-transform: rotate3d(0,0,1,5deg);
    transform: rotate3d(0,0,1,5deg);
  }
  80% {
    -webkit-transform: rotate3d(0,0,1,-5deg);
    transform: rotate3d(0,0,1,-5deg);
  }
  100% {
    -webkit-transform: rotate3d(0,0,1,0deg);
    transform: rotate3d(0,0,1,0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
  }
  100% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
    transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
    transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
  }
  100% {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
    transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
  }
  30% {
    -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
    transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
    transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
  }
  60% {
    -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
    transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
    transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}
@-webkit-keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  20% {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
  }
  40% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03,1.03,1.03);
    transform: scale3d(1.03,1.03,1.03);
  }
  80% {
    -webkit-transform: scale3d(.97,.97,.97);
    transform: scale3d(.97,.97,.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  20% {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
  }
  40% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03,1.03,1.03);
    transform: scale3d(1.03,1.03,1.03);
  }
  80% {
    -webkit-transform: scale3d(.97,.97,.97);
    transform: scale3d(.97,.97,.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-3000px,0);
    transform: translate3d(0,-3000px,0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,25px,0);
    transform: translate3d(0,25px,0);
  }
  75% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
  }
  90% {
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-3000px,0);
    transform: translate3d(0,-3000px,0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,25px,0);
    transform: translate3d(0,25px,0);
  }
  75% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
  }
  90% {
    -webkit-transform: translate3d(0,5px,0);
    transform: translate3d(0,5px,0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px,0,0);
    transform: translate3d(-3000px,0,0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px,0,0);
    transform: translate3d(25px,0,0);
  }
  75% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
  }
  90% {
    -webkit-transform: translate3d(5px,0,0);
    transform: translate3d(5px,0,0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px,0,0);
    transform: translate3d(-3000px,0,0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px,0,0);
    transform: translate3d(25px,0,0);
  }
  75% {
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
  }
  90% {
    -webkit-transform: translate3d(5px,0,0);
    transform: translate3d(5px,0,0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px,0,0);
    transform: translate3d(3000px,0,0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px,0,0);
    transform: translate3d(-25px,0,0);
  }
  75% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0);
  }
  90% {
    -webkit-transform: translate3d(-5px,0,0);
    transform: translate3d(-5px,0,0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px,0,0);
    transform: translate3d(3000px,0,0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px,0,0);
    transform: translate3d(-25px,0,0);
  }
  75% {
    -webkit-transform: translate3d(10px,0,0);
    transform: translate3d(10px,0,0);
  }
  90% {
    -webkit-transform: translate3d(-5px,0,0);
    transform: translate3d(-5px,0,0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
  }
  75% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
  }
  90% {
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@keyframes bounceInUp {
  0%,
  60%,
  75%,
  90%,
  100% {
    -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,3000px,0);
    transform: translate3d(0,3000px,0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
  }
  75% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
  }
  90% {
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9,.9,.9);
    transform: scale3d(.9,.9,.9);
  }
  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px,0,0);
    transform: translate3d(20px,0,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px,0,0);
    transform: translate3d(20px,0,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px,0,0);
    transform: translate3d(-20px,0,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
  }
  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,2000px,0);
    transform: translate3d(0,2000px,0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px,0,0);
    transform: translate3d(-2000px,0,0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px,0,0);
    transform: translate3d(2000px,0,0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0,-2000px,0);
    transform: translate3d(0,-2000px,0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
    transform: perspective(400px) rotate3d(0,1,0,-360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
    transform: perspective(400px) scale3d(.95,.95,.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
    transform: perspective(400px) rotate3d(0,1,0,-360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
    transform: perspective(400px) scale3d(.95,.95,.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    transform: perspective(400px) rotate3d(1,0,0,90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
    transform: perspective(400px) rotate3d(1,0,0,10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
    transform: perspective(400px) rotate3d(1,0,0,-5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    transform: perspective(400px) rotate3d(1,0,0,90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
    transform: perspective(400px) rotate3d(1,0,0,10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
    transform: perspective(400px) rotate3d(1,0,0,-5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}
@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
    transform: perspective(400px) rotate3d(0,1,0,-20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
    transform: perspective(400px) rotate3d(0,1,0,10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
    transform: perspective(400px) rotate3d(0,1,0,-5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
    transform: perspective(400px) rotate3d(0,1,0,-20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
    transform: perspective(400px) rotate3d(0,1,0,10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
    transform: perspective(400px) rotate3d(0,1,0,-5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    transform: perspective(400px) rotate3d(1,0,0,90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
    transform: perspective(400px) rotate3d(1,0,0,-20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
    transform: perspective(400px) rotate3d(1,0,0,90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
    transform: perspective(400px) rotate3d(0,1,0,-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
    transform: perspective(400px) rotate3d(0,1,0,-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
    transform: perspective(400px) rotate3d(0,1,0,90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
    transform: translate3d(100%,0,0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
    transform: translate3d(100%,0,0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%,0,0) skewX(30deg);
    transform: translate3d(100%,0,0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%,0,0) skewX(30deg);
    transform: translate3d(100%,0,0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0,0,1,-200deg);
    transform: rotate3d(0,0,1,-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0,0,1,-200deg);
    transform: rotate3d(0,0,1,-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,-90deg);
    transform: rotate3d(0,0,1,-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,-90deg);
    transform: rotate3d(0,0,1,-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0,0,1,200deg);
    transform: rotate3d(0,0,1,200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0,0,1,200deg);
    transform: rotate3d(0,0,1,200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,45deg);
    transform: rotate3d(0,0,1,45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0,0,1,-45deg);
    transform: rotate3d(0,0,1,-45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0,0,1,80deg);
    transform: rotate3d(0,0,1,80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0,0,1,60deg);
    transform: rotate3d(0,0,1,60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0,700px,0);
    transform: translate3d(0,700px,0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate3d(0,0,1,80deg);
    transform: rotate3d(0,0,1,80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    -webkit-transform: rotate3d(0,0,1,60deg);
    transform: rotate3d(0,0,1,60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0,700px,0);
    transform: translate3d(0,700px,0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
    transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
    transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3,.3,.3);
    transform: scale3d(.3,.3,.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px,0,0);
    transform: scale(.1) translate3d(-2000px,0,0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px,0,0);
    transform: scale(.1) translate3d(-2000px,0,0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px,0,0);
    transform: scale(.1) translate3d(2000px,0,0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
    transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px,0,0);
    transform: scale(.1) translate3d(2000px,0,0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
    -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
    animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
    animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@keyframes slideInDown {
  0% {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@keyframes slideInLeft {
  0% {
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@keyframes slideInRight {
  0% {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
@keyframes slideInUp {
  0% {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
}
.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
}
@keyframes slideOutDown {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
}
.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
}
@keyframes slideOutLeft {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
  }
}
.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
}
@keyframes slideOutRight {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
  }
}
.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
}
@keyframes slideOutUp {
  0% {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
  }
}
.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@font-face {
  font-family: "MBNA";
  src: url("/fonts/MBNA.eot");
  src: url("/fonts/MBNA.eot?#iefix") format("embedded-opentype"), url("/fonts/MBNA.woff") format("woff"), url("/fonts/MBNA.ttf") format("truetype"), url("/fonts/MBNA.svg#MBNA") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: "MBNA" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "MBNA" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-account-balance-summary:before {
  content: "a";
}
.icon-account-in-credit:before {
  content: "b";
}
.icon-account-over-limit:before {
  content: "c";
}
.icon-account-selector:before {
  content: "d";
}
.icon-activate-card:before {
  content: "e";
}
.icon-add-card:before {
  content: "f";
}
.icon-add-card-holder:before {
  content: "g";
}
.icon-airlines:before {
  content: "h";
}
.icon-airlines-reward:before {
  content: "i";
}
.icon-app-terms:before {
  content: "j";
}
.icon-award:before {
  content: "k";
}
.icon-balance-transfer:before {
  content: "l";
}
.icon-blocked:before {
  content: "m";
}
.icon-calendar:before {
  content: "n";
}
.icon-card:before {
  content: "o";
}
.icon-card-services-benefits:before {
  content: "p";
}
.icon-change-password:before {
  content: "q";
}
.icon-change-user:before {
  content: "r";
}
.icon-charity:before {
  content: "s";
}
.icon-check-promotional-rates:before {
  content: "t";
}
.icon-cheque:before {
  content: "u";
}
.icon-chevron:before {
  content: "v";
}
.icon-click:before {
  content: "w";
}
.icon-completing-form-by-hand:before {
  content: "x";
}
.icon-contact-details:before {
  content: "y";
}
.icon-contact-us:before {
  content: "z";
}
.icon-contactless:before {
  content: "A";
}
.icon-cross-error:before {
  content: "B";
}
.icon-dashboard-summary:before {
  content: "C";
}
.icon-direct-debit:before {
  content: "D";
}
.icon-eligibility-check:before {
  content: "E";
}
.icon-email:before {
  content: "F";
}
.icon-facebook:before {
  content: "G";
}
.icon-fee:before {
  content: "H";
}
.icon-financial-news:before {
  content: "I";
}
.icon-football:before {
  content: "J";
}
.icon-forgotton-login-password:before {
  content: "K";
}
.icon-forms-application:before {
  content: "L";
}
.icon-forms-card-design:before {
  content: "M";
}
.icon-forms-eligibility-success:before {
  content: "N";
}
.icon-forms-employment-details:before {
  content: "O";
}
.icon-forms-financial-details:before {
  content: "P";
}
.icon-forms-offers-services:before {
  content: "Q";
}
.icon-forms-personal-details:before {
  content: "R";
}
.icon-forms-residential-details:before {
  content: "S";
}
.icon-globe:before {
  content: "T";
}
.icon-go-paperless:before {
  content: "U";
}
.icon-hamburger-menu:before {
  content: "V";
}
.icon-home:before {
  content: "W";
}
.icon-increase-credit-limit:before {
  content: "X";
}
.icon-info-tooltip:before {
  content: "Y";
}
.icon-linkedin:before {
  content: "Z";
}
.icon-location-address:before {
  content: "0";
}
.icon-login:before {
  content: "1";
}
.icon-logout:before {
  content: "2";
}
.icon-low-fee:before {
  content: "3";
}
.icon-low-rate:before {
  content: "4";
}
.icon-mailstop:before {
  content: "5";
}
.icon-make-a-payment:before {
  content: "6";
}
.icon-mbna-news:before {
  content: "7";
}
.icon-mcafee:before {
  content: "8";
}
.icon-mixed-use:before {
  content: "9";
}
.icon-mobile:before {
  content: "!";
}
.icon-mobile-card-services:before {
  content: "\"";
}
.icon-mobile-payments:before {
  content: "#";
}
.icon-mobile-text-services:before {
  content: "$";
}
.icon-money-transfer:before {
  content: "%";
}
.icon-newsroom:before {
  content: "&";
}
.icon-no-fee:before {
  content: "'";
}
.icon-no-internet-connection:before {
  content: "(";
}
.icon-no-network:before {
  content: ")";
}
.icon-notifications:before {
  content: "*";
}
.icon-online-card-services:before {
  content: "+";
}
.icon-online-cta:before {
  content: ",";
}
.icon-online-shopping:before {
  content: "-";
}
.icon-partnership:before {
  content: ".";
}
.icon-payment-overdue-arrears:before {
  content: "/";
}
.icon-payments:before {
  content: ":";
}
.icon-person:before {
  content: ";";
}
.icon-phone-cta:before {
  content: "<";
}
.icon-postal-mail:before {
  content: "=";
}
.icon-press-release:before {
  content: ">";
}
.icon-print:before {
  content: "?";
}
.icon-privacy-statement:before {
  content: "@";
}
.icon-public-web-site:before {
  content: "[";
}
.icon-question-faq-help:before {
  content: "]";
}
.icon-redeem-rewards-points:before {
  content: "^";
}
.icon-replace-card:before {
  content: "_";
}
.icon-rewards:before {
  content: "`";
}
.icon-search-find:before {
  content: "{";
}
.icon-secure:before {
  content: "|";
}
.icon-settings:before {
  content: "}";
}
.icon-share-via:before {
  content: "~";
}
.icon-terms-legal:before {
  content: "\e000";
}
.icon-tick-success:before {
  content: "\e001";
}
.icon-transactions:before {
  content: "\e002";
}
.icon-trophy:before {
  content: "\e003";
}
.icon-twitter:before {
  content: "\e004";
}
.icon-update-contact-details:before {
  content: "\e005";
}
.icon-video:before {
  content: "\e006";
}
.icon-view-pin-reminder:before {
  content: "\e007";
}
.icon-view-statements:before {
  content: "\e008";
}
.icon-standing-order:before {
  content: "\e009";
}
.icon-zero-percent:before {
  content: "\e00a";
}
.icon-warning-issue:before {
  content: "\e00b";
}
* {
  box-sizing: border-box;
  position: relative;
}
.clear:after {
  content: "";
  display: block;
  clear: both;
}
html,
body {
  height: 100%;
  width: 100%;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.ie-overlay {
  display: none;
}
input,
select {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  cursor: pointer;
  cursor: hand;
}
pre {
  font-family: courier, sans-serif;
}
address {
  font-style: italic;
}
h1,
h2,
h3 {
  font-weight: bold;
  margin-bottom: 20px;
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 20px;
}
h3 {
  font-size: 16px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
strong {
  font-weight: bold;
  display: inline-block;
}
li strong {
  display: inline;
}
p {
  margin-bottom: 20px;
  line-height: 24px;
}
p:last-child {
  margin-bottom: 0;
}
.button.small {
  padding: 10px 20px;
}
.button.green {
  background: #62bb46;
  color: #FFF;
}
.no_border {
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}
sup {
  font-size: 10px;
  top: -5px;
  left: 2px;
}
sub {
  top: 5px;
  font-size: 10px;
}
em {
  font-style: italic;
}
u strong {
  text-decoration: underline;
}
img[src=""] {
  display: none;
}
.scrollup {
  background: #111;
  font-size: 16px;
  padding: 10px;
  opacity: .8;
  position: fixed;
  bottom: 60px;
  right: 20px;
  z-index: 999;
  display: block;
  color: #fff;
  display: none;
}
.scrollup:hover {
  opacity: 1;
}
.last {
  margin-right: 0 !important;
}
.padding-10 {
  padding: 10px;
}
.padding-20 {
  padding: 20px;
}
.padding-30 {
  padding: 30px;
}
.padding-40 {
  padding: 40px;
}
.draw {
  display: none;
}
.hide {
  display: none;
  visiblilty: hidden;
}
.show {
  display: block;
  visiblilty: visible;
}
.inline-block {
  display: inline-block !important;
}
.facebook {
  background-color: #3b5998;
}
.twitter {
  background-color: #00abed;
}
.linkedin {
  background-color: #007bb7;
}
.youtube {
  background-color: #e21c33;
}
.email {
  background-color: #0060a9;
}
.block {
  padding: 80px 0;
  overflow: hidden;
}
.block .container {
  padding: 0 20px;
}
.block .block-intro {
  display: block;
  margin-bottom: 40px;
}
.block .block-intro .block-title,
.block .block-intro h1 {
  font-size: 50px;
  font-weight: 300;
  color: #0060a9;
  margin: 0 auto 30px;
  text-align: center;
  max-width: 80%;
  word-wrap: break-word;
}
.block .block-intro .block-title.wide,
.block .block-intro h1.wide {
  width: 80%;
  max-width: 80%;
}
.block .block-intro p {
  font-size: 26px;
  line-height: 34px;
  max-width: 80%;
  margin: 0 auto;
  font-weight: 300;
  text-align: center;
}
.block .block-intro p.pre-title {
  margin-bottom: 20px;
}
.block .block-intro a,
.block .block-intro a:link,
.block .block-intro a:visited {
  color: #0060a9;
  font-weight: 400;
}
a.chev {
  color: #001543;
  font-weight: bold;
}
a.chev span {
  color: #62bb46;
  margin-left: 5px;
  font-size: 16px;
  vertical-align: middle;
}
h3 {
  font-weight: 300;
  color: #0060a9;
  font-size: 28px;
}
.phone-number {
  white-space: nowrap;
}
.block.eligibility h3 {
  font-size: 32px;
  line-height: 36px;
}
.text-center {
  text-align: center;
}
.bg-white {
  background-color: #fff;
}
.bg-blue {
  background-color: #0060a9;
}
.bg-blue .block-intro .block-title,
.bg-blue .block-intro h1,
.bg-blue .block-intro p {
  color: #fff;
}
.bg-white {
  backgorund-color: #fff;
}
.bg-blueEgg {
  background-color: #E6F0F9;
}
.bg-lightGray {
  background-color: #f4f4f4;
}
.bg-blueDrk {
  background-color: #001543;
}
a.button {
  font-size: 14px;
}
a.button.green {
  background: #62bb46;
  color: #fff;
}
a.button.blue {
  background: #0060a9;
  color: #fff;
}
a.button.egg {
  background: #E6F0F9;
}
a.button.darkBlue {
  background: #001543;
  color: #fff;
}
a.button.white {
  background: #fff;
  color: #0060a9;
}
a.button.large {
  padding: 15px 25px;
}
a.button.medium {
  padding: 10px 20px;
}
a.button.small {
  padding: 5px 15px;
}
.olcs a.button.small {
  padding: 10px 25px;
}
.button i.icon-chevron {
  top: 2px;
}
#gappy .left,
#gappy .right {
  background: #fff;
  box-sizing: border-box;
  padding: 40px;
  width: 48%;
}
#gappy .left .title,
#gappy .right .title {
  color: #0060a9;
  font-size: 30px;
  margin-bottom: 10px;
  font-weight: 300;
}
#gappy .left .title i,
#gappy .right .title i {
  vertical-align: middle;
  color: #0060a9;
  font-size: 30px;
  margin-right: 10px;
}
#gappy .left a,
#gappy .right a {
  color: #001543;
  font-weight: bold;
}
#gappy .left a i,
#gappy .right a i {
  color: #62bb46;
  vertical-align: middle;
  margin-left: 5px;
}
#gappy .left {
  float: left;
  margin-right: 2%;
}
#gappy .right {
  float: right;
}
#smallprint {
  background: #fff;
  padding: 40px 0;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
}
.block-buttons {
  margin-top: 40px;
  text-align: center;
}
.block-buttons a.button {
  display: inline-block;
  background: #62bb46;
  color: #fff;
  padding: 20px 60px;
  font-size: 18px;
  width: auto;
}
.block-buttons a.button .icon {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: 1px;
}
.block-buttons a.button:hover {
  text-decoration: none;
  background: #58a93e;
}
.block-buttons a.button.alt {
  background: #001543;
  color: #fff;
}
.block-buttons a.button.alt .icon {
  color: #62bb46;
}
.mobile-show {
  display: none;
  visibility: hidden;
}
@media all and (max-width: 599px) {
  .mobile-show {
    display: block;
    visibility: visible;
  }
  .mobile-hide {
    display: none !important;
    visibility: hidden;
  }
  .block {
    padding: 40px 0;
  }
  .block .block-intro .block-title,
  .block .block-intro h1 {
    font-size: 30px;
    line-height: 36px;
  }
  .block .block-intro p {
    font-size: 20px;
    line-height: 28px;
  }
  .block-buttons {
    margin-top: 20px;
  }
  .block-buttons a.button {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.max-width-image {
  max-width: 100%;
  height: auto;
}
.block-image {
  display: block;
  width: 100%;
  height: auto;
}
.grid-container {
  padding-left: 20px;
  padding-right: 20px;
}
.grid-row {
  margin-left: -10px;
  margin-right: -10px;
}
.grid-row .col {
  padding-left: 10px;
  padding-right: 10px;
}
.grid-row:after {
  content: "";
  display: table;
  clear: both;
}
.col {
  float: left;
  min-height: 1px;
}
.reverse-grid .col {
  float: right;
}
.col-xs-1 {
  width: 8.33333333333333%;
}
.col-xs-2 {
  width: 16.66666666666666%;
}
.col-xs-3 {
  width: 24.99999999999999%;
}
.col-xs-4 {
  width: 33.33333333333332%;
}
.col-xs-5 {
  width: 41.66666666666665%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.33333333333331%;
}
.col-xs-8 {
  width: 66.66666666666664%;
}
.col-xs-9 {
  width: 74.99999999999997%;
}
.col-xs-10 {
  width: 83.3333333333333%;
}
.col-xs-11 {
  width: 91.66666666666663%;
}
.col-xs-12 {
  width: 100%;
}
@media all and (min-width: 640px) {
  .col-sm-1 {
    width: 8.33333333333333%;
  }
  .col-sm-2 {
    width: 16.66666666666666%;
  }
  .col-sm-3 {
    width: 24.99999999999999%;
  }
  .col-sm-4 {
    width: 33.33333333333332%;
  }
  .col-sm-5 {
    width: 41.66666666666665%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333333333331%;
  }
  .col-sm-8 {
    width: 66.66666666666664%;
  }
  .col-sm-9 {
    width: 74.99999999999997%;
  }
  .col-sm-10 {
    width: 83.3333333333333%;
  }
  .col-sm-11 {
    width: 91.66666666666663%;
  }
  .col-sm-12 {
    width: 100%;
  }
}
@media all and (min-width: 768px) {
  .col-md-1 {
    width: 8.33333333333333%;
  }
  .col-md-2 {
    width: 16.66666666666666%;
  }
  .col-md-3 {
    width: 24.99999999999999%;
  }
  .col-md-4 {
    width: 33.33333333333332%;
  }
  .col-md-5 {
    width: 41.66666666666665%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333333333331%;
  }
  .col-md-8 {
    width: 66.66666666666664%;
  }
  .col-md-9 {
    width: 74.99999999999997%;
  }
  .col-md-10 {
    width: 83.3333333333333%;
  }
  .col-md-11 {
    width: 91.66666666666663%;
  }
  .col-md-12 {
    width: 100%;
  }
}
@media all and (min-width: 1024px) {
  .col-lg-1 {
    width: 8.33333333333333%;
  }
  .col-lg-2 {
    width: 16.66666666666666%;
  }
  .col-lg-3 {
    width: 24.99999999999999%;
  }
  .col-lg-4 {
    width: 33.33333333333332%;
  }
  .col-lg-5 {
    width: 41.66666666666665%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333333333331%;
  }
  .col-lg-8 {
    width: 66.66666666666664%;
  }
  .col-lg-9 {
    width: 74.99999999999997%;
  }
  .col-lg-10 {
    width: 83.3333333333333%;
  }
  .col-lg-11 {
    width: 91.66666666666663%;
  }
  .col-lg-12 {
    width: 100%;
  }
}
@media all and (min-width: 1366px) {
  .col-xl-1 {
    width: 8.33333333333333%;
  }
  .col-xl-2 {
    width: 16.66666666666666%;
  }
  .col-xl-3 {
    width: 24.99999999999999%;
  }
  .col-xl-4 {
    width: 33.33333333333332%;
  }
  .col-xl-5 {
    width: 41.66666666666665%;
  }
  .col-xl-6 {
    width: 50%;
  }
  .col-xl-7 {
    width: 58.33333333333331%;
  }
  .col-xl-8 {
    width: 66.66666666666664%;
  }
  .col-xl-9 {
    width: 74.99999999999997%;
  }
  .col-xl-10 {
    width: 83.3333333333333%;
  }
  .col-xl-11 {
    width: 91.66666666666663%;
  }
  .col-xl-12 {
    width: 100%;
  }
}
.container {
  margin: 0 auto;
  max-width: 1160px;
  padding: 0 20px;
}
.container.narrow {
  margin: 0 auto;
  max-width: 1000px;
}
.row {
  overflow: hidden;
}
.c1,
.c2,
.c3,
.c4,
.c5,
.c6,
.c7,
.c8,
.c9,
.c10,
.c11,
.c12 {
  width: 100%;
  float: none;
  margin-bottom: 2%;
  overflow: hidden;
}
.c1:last-of-type,
.c2:last-of-type,
.c3:last-of-type,
.c4:last-of-type,
.c5:last-of-type,
.c6:last-of-type,
.c7:last-of-type,
.c8:last-of-type,
.c9:last-of-type,
.c10:last-of-type,
.c11:last-of-type,
.c12:last-of-type {
  margin-right: 0 !important;
  margin-bottom: 0;
}
@media all and (min-width: 801px) {
  .c1,
  .c2,
  .c3,
  .c4,
  .c5,
  .c6,
  .c7,
  .c8,
  .c9,
  .c10,
  .c11,
  .c12 {
    margin-bottom: 0;
    float: left;
  }
  .c4 {
    float: left;
    margin-right: 2%;
    width: 32%;
  }
  .c3 {
    width: 23.5%;
    margin-right: 2%;
  }
  .c6 {
    width: 49%;
    margin-right: 2%;
  }
}
header {
  background: #FFF;
}
header .cookie-banner {
  padding: 20px 0;
  border-bottom: 1px solid #cfd4d8;
}
header .cookie-banner a {
  color: #0060a9;
}
header .cookie-banner .info-icon {
  float: left;
  font-size: 42px;
  margin-right: 1%;
  color: #0060a9;
  margin-top: 3px;
}
header .cookie-banner .info-icon i {
  color: #0060a9;
  margin: 5px 5px 5px 10px;
}
header .cookie-banner .content {
  float: left;
  width: 78%;
  color: #696969;
}
header .cookie-banner .content p {
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
}
header .cookie-banner .buttons {
  float: right;
  text-align: right;
  width: 14%;
  min-width: 150px;
  margin-top: 10px;
  height: 30px;
}
header .cookie-banner .buttons #cookies-hide-message {
  text-align: right;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #0060a9;
}
header .cookie-banner .buttons #cookies-hide-message span.icon {
  display: block;
  float: right;
  font-size: 35px;
  margin-top: 2px;
  margin-left: 8%;
}
header > .container {
  margin: 0 auto;
  padding: 30px 20px 0;
}
header > .container .logo {
  float: left;
}
header > .container .logo img {
  width: 120px;
}
header > .container .olcs {
  float: right;
}
header > .container .olcs a.button span {
  margin-right: 0;
}
header > .container .olcs a.button span.icon {
  margin-top: 3px;
  margin-right: 0;
  float: right;
  margin: 3px 0 0 5px;
}
header > .container .olcs .login {
  border: 1px solid #62bb46;
  float: left;
  margin-right: 20px;
}
header > .container .olcs .login:hover {
  background: #4a9538;
  border: 1px solid #d5d2ca;
  color: #fff;
  text-decoration: none;
}
header > .container .olcs .login:hover span.icon {
  color: #fff;
}
header > .container .olcs .register {
  float: right;
  border: 1px solid #001543;
  background: #001543;
  color: #FFF;
}
header > .container .olcs .register:hover {
  text-decoration: none;
}
header > .container .olcs .register span.icon {
  color: #62bb46;
}
header .menu {
  background: #0060a9;
  margin-top: 20px;
}
header .menu.no-margin {
  margin: 0;
}
header .menu > .container ul li {
  height: 58px;
  line-height: 58px;
  width: 20%;
  float: left;
  color: #FFF;
  font-size: 14px;
  box-sizing: border-box;
  border-left: 1px solid #003a6c;
  text-align: center;
  cursor: pointer;
  cursor: hand;
}
header .menu > .container ul li:last-child {
  border-right: 1px solid #003a6c;
}
header .menu .sub-menu {
  display: none;
  background: #003a6c;
  padding: 20px 0;
}
header .menu .sub-menu .container > div {
  display: none;
  color: #FFF;
  padding: 0 0 20px;
}
header .menu .sub-menu .container > div.sub-menu-close {
  display: none;
  position: relative;
  bottom: 0;
  right: 20px;
  padding: 0;
  font-size: 14px;
  cursor: pointer;
  cursor: hand;
}
@media all and (max-width: 970px) {
  header .cookie-banner .content {
    width: 76%;
  }
}
@media all and (max-width: 885px) {
  header .cookie-banner .content {
    width: 70%;
  }
}
@media all and (max-width: 715px) {
  header .cookie-banner .buttons {
    width: 20%;
    min-width: 50px;
  }
  header .cookie-banner .buttons #cookies-hide-message span.message {
    display: none;
  }
}
@media all and (max-width: 700px) {
  header > .container .olcs .login {
    border: 1px solid #CCC;
    background: #FFF;
    color: #001543;
  }
  header > .container .olcs .login:hover {
    background: #FFF;
    color: #001543;
    border: 1px solid #CCC;
  }
  header > .container .olcs .login:hover span.icon {
    color: #62bb46;
  }
  header > .container .olcs .login .icon {
    color: #62bb46;
  }
}
@media all and (min-width: 601px) {
  .menu.nav-sticky {
    margin-top: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    border-bottom: 1px solid #003a6c;
  }
}
@media all and (max-width: 600px) {
  header .cookie-banner .info-icon {
    display: none;
  }
  header .cookie-banner .content {
    width: 86%;
    float: left;
  }
  header .cookie-banner .buttons {
    width: 14%;
    min-width: 14%;
  }
}
.site-wrap {
  position: relative;
  width: 100%;
  min-width: 280px;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.menu .container ul li a {
  color: #FFF;
  text-decoration: none;
  display: block;
}
.menu .container ul li i {
  color: #62bb46;
  font-size: 20px;
  margin-top: 3px;
  margin-left: 5px;
  position: absolute;
}
.menu .container > ul > li i {
  top: 15px;
  right: 30px;
}
.menu .sub-menu .half.card {
  float: left;
  width: 50%;
}
.menu .sub-menu .half.card .image {
  float: left;
  width: 35%;
  margin-right: 5%;
}
.menu .sub-menu .half.card .image img {
  width: 100%;
}
.menu .sub-menu .half.card .card-text {
  float: left;
  width: 60%;
}
.menu .sub-menu .half.card .card-text .title {
  font-size: 20px;
  margin-bottom: 20px;
}
.menu .sub-menu .half.card .card-text .content {
  line-height: 24px;
}
.menu .sub-menu .half.card .card-text a {
  color: #FFF;
  margin-top: 30px;
  display: block;
  text-decoration: underline;
}
.menu .sub-menu .half.explore {
  float: left;
  margin-left: 2%;
  width: 48%;
  padding-left: 25px;
  border-left: 2px solid #1c4a73;
}
.menu .sub-menu .half.explore ul li {
  width: 50%;
  float: left;
}
.menu .sub-menu .half.explore ul li i {
  margin-right: 5px;
  display: inline-block;
  position: relative;
  color: #8ec0e7;
  font-size: 35px;
  float: left;
}
.menu .sub-menu .half.explore ul li a {
  display: inline-block;
  margin-top: 15px;
}
.menu .sub-menu .sub-menu-close {
  display: block;
  clear: left;
  position: relative;
  float: right;
}
@media all and (max-width: 1100px) {
  .menu .fa.fa-angle-down {
    display: none;
  }
}
@media all and (max-width: 1050px) {
  .menu .sub-menu .half.explore ul li i {
    display: none;
  }
}
@media all and (max-width: 850px) {
  header .menu > .container ul li {
    font-size: 13px;
    padding: 15px 10px;
    line-height: normal;
  }
  header .menu > .container ul li i {
    display: none;
  }
  header .menu > .container .sub-menu .half.explore ul li a {
    font-size: 14px;
  }
}
.menu-mobile {
  display: none;
}
.menu-mobile i {
  cursor: pointer;
}
.menu-mobile-sidebar {
  display: none;
  background: #002d56;
  color: #FFF;
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  z-index: 1;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.menu-mobile-sidebar .olcs {
  padding: 20px;
}
.menu-mobile-sidebar .olcs a {
  background: #FFF;
  color: #002d56;
  padding: 0px 10px;
  margin-right: 15px;
  display: inline-block;
  font-weight: bold;
  margin: 0 0 10px;
}
.menu-mobile-sidebar .olcs a:last-child {
  margin-right: 0;
}
.menu-mobile-sidebar .olcs a span.icon {
  margin-left: 5px;
  line-height: 40px;
  margin-left: 20px;
  font-size: 18px;
  font-weight: 300;
  color: #62bb46;
  top: 2px;
}
.menu-mobile-sidebar .olcs a:hover {
  text-decoration: none;
}
.menu-mobile-sidebar h2 {
  background: #0060a9;
  padding: 20px;
  margin: 10px 0;
  width: 100%;
  font-size: 16px;
  display: block;
  font-weight: normal;
}
.menu-mobile-sidebar ul {
  padding: 0;
}
.menu-mobile-sidebar ul li {
  padding: 0 20px;
  line-height: 30px;
  font-weight: 300;
}
.menu-mobile-sidebar ul li:after {
  clear: both;
  display: block;
  content: "";
}
.menu-mobile-sidebar ul li i {
  font-size: 35px;
  color: #8ec0e7;
  float: left;
  margin-right: 15px;
}
.menu-mobile-sidebar ul li a {
  float: left;
  line-height: 45px;
  font-size: 16px;
  font-weight: 300;
  color: #FFF;
  text-decoration: none;
}
.menu-mobile-sidebar ul hr {
  border: 1px solid #8ec0e7;
}
@media all and (min-width: 701px) {
  .menu-mobile-sidebar {
    display: none !important;
  }
}
@media all and (max-width: 700px) {
  header > .container {
    padding: 30px 20px 20px;
  }
  header .container .olcs {
    width: auto !important;
  }
  header .container .olcs .login {
    margin-top: -10px;
  }
  header .container .logo img {
    width: 90px;
    margin-top: -5px;
  }
  header .container .olcs .register,
  header .menu {
    display: none;
  }
  .menu-mobile {
    float: right;
    display: block;
  }
  .menu-mobile i {
    font-size: 21px;
  }
}
@media all and (max-width: 400px) {
  .menu-mobile-sidebar .olcs a {
    font-size: 14px;
    padding: 0 7px;
  }
  .menu-mobile-sidebar .olcs a i {
    font-size: 12px;
    margin-left: 5px;
  }
  .menu-mobile-sidebar ul li i {
    font-size: 25px;
    margin-top: 6px;
  }
  .menu-mobile-sidebar ul li a {
    margin: 15px 0;
    line-height: normal;
  }
}
.masthead {
  overflow: hidden;
}
.masthead .curve {
  position: absolute;
  bottom: -2px;
  z-index: 996;
  width: 120%;
  height: 75px;
  margin-left: -10%;
  border-color: #000 transparent transparent;
  border-radius: 50%/75px 75px 0 0;
  background: #f1f1f1;
}
.masthead #masthead-carousel {
  height: 550px;
}
.masthead #masthead-carousel .owl-stage-outer,
.masthead #masthead-carousel .owl-stage {
  height: 550px !important;
}
.masthead #masthead-carousel .partner-content {
  width: 60% !important;
  top: 10% !important;
  margin: 0 0 0 20%;
}
.masthead #masthead-carousel .partner-content ul {
  text-align: left;
  color: #002d56;
}
.masthead #masthead-carousel .partner-content ul li {
  background-image: url('/uploads/mastheads/green-tick.png');
  background-repeat: no-repeat;
  background-position: 0 5px;
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  padding-left: 35px;
  padding-bottom: 10px;
  min-height: 20px;
}
.masthead #masthead-carousel .partner-content ul strong {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  display: block;
  margin-bottom: 5px;
}
.masthead #masthead-carousel .partner-content #card_image {
  max-width: 291px;
  margin: 0 auto;
}
.masthead #masthead-carousel .partner-content .button {
  margin-top: 20px;
}
.masthead #masthead-carousel .item {
  height: 550px !important;
  background-size: cover;
  background-position: center center;
}
.masthead #masthead-carousel .item.partner-masthead {
  background-position: center top;
  background-repeat: no-repeat;
}
.masthead #masthead-carousel .item.applyVideoOverlay:after {
  background: rgba(0,45,86,0.6);
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  z-index: 9;
  position: absolute;
  top: 0;
}
.masthead #masthead-carousel .item > img {
  height: 550px;
}
.masthead #masthead-carousel .item .masthead_content {
  position: absolute;
  top: 17%;
  width: 100%;
  text-align: center;
  z-index: 10;
}
.masthead #masthead-carousel .item .masthead_content .title {
  font-size: 50px;
  line-height: 50px;
  font-weight: 300;
  color: #FFF;
  margin: 0 auto 30px;
  text-align: center;
  width: 80%;
  max-width: 800px;
  word-wrap: break-word;
}
.masthead #masthead-carousel .item .masthead_content .title h1 {
  font-size: 50px;
  line-height: 50px;
  font-weight: 300;
  color: #FFF;
  margin: 0 auto 30px;
  text-align: center;
  width: 80%;
  max-width: 800px;
  word-wrap: break-word;
}
.masthead #masthead-carousel .item .masthead_content .strapline {
  font-size: 26px;
  line-height: 34px;
  width: 80%;
  max-width: 800px;
  margin: 0 auto;
  font-weight: 300;
  text-align: center;
  color: #FFF;
  word-wrap: break-word;
}
.masthead #masthead-carousel .item .masthead_content .strapline p {
  line-height: 34px;
}
.masthead #masthead-carousel .item .masthead_content .strapline p a {
  color: inherit;
  text-decoration: underline;
}
.masthead #masthead-carousel .item .masthead_content .buttons .one-of-two {
  margin-right: 10px;
}
.masthead #masthead-carousel .item .masthead_content .button {
  display: inline-block;
  padding: 20px 40px;
  font-size: 24px;
  font-weight: 300;
  margin-top: 40px;
}
.masthead #masthead-carousel .item .masthead_content .button i {
  font-size: 20px;
  margin-left: 20px;
}
@media all and (min-width: 1180px) {
  .masthead #masthead-carousel .item .partner-content {
    top: 10% !important;
  }
}
.masthead #masthead-carousel .item .masthead_content .button {
  margin-top: 20px !important;
}
@media all and (max-width: 1000px) {
  .masthead video {
    display: none;
  }
  .masthead .curve {
    display: none;
  }
  #masthead-carousel {
    height: 500px !important;
  }
  #masthead-carousel .owl-stage-outer,
  #masthead-carousel .owl-stage {
    height: 500px !important;
  }
  #masthead-carousel .item {
    height: 500px !important;
  }
  #masthead-carousel .item.partner-masthead {
    background-size: 1000px 500px !important;
    background-position: center top !important;
  }
  #masthead-carousel .item .masthead_content {
    top: 15% !important;
  }
  #masthead-carousel .item .partner-content {
    top: 10% !important;
  }
}
@media all and (max-width: 840px) {
  .masthead #masthead-carousel .item .masthead_content .button {
    padding: 15px 40px 15px 20px;
    margin-top: 20px;
    font-size: 16px;
  }
  .masthead #masthead-carousel .item .masthead_content .button i {
    font-size: 20px;
    margin-left: 20px;
    top: 50%;
    position: absolute;
    margin-top: -7px;
    right: 10px;
  }
  .masthead #masthead-carousel .partner-content {
    width: 80% !important;
    margin: 0 0 0 10%;
  }
}
@media all and (max-width: 700px) {
  .masthead #masthead-carousel .partner-content {
    width: 90% !important;
    margin: 0 0 0 5%;
  }
}
@media all and (max-width: 600px) {
  .masthead #masthead-carousel {
    height: auto !important;
    margin-bottom: 20px;
  }
  .masthead #masthead-carousel .owl-stage-outer,
  .masthead #masthead-carousel .owl-stage {
    height: auto !important;
  }
  .masthead #masthead-carousel .item {
    height: auto !important;
    background-size: 100% 200px !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }
  .masthead #masthead-carousel .item.partner-masthead {
    background-size: 600px 200px !important;
    background-position: center top !important;
  }
  .masthead #masthead-carousel .item.applyVideoOverlay:after {
    background: rgba(0,45,86,0.6);
    content: "";
    width: 100%;
    height: 200px;
    display: block;
    z-index: 9;
    position: absolute;
    top: 0;
  }
  .masthead #masthead-carousel .item .masthead_content {
    position: relative;
    top: 0;
    padding-top: 70px;
  }
  .masthead #masthead-carousel .item .masthead_content .title {
    font-size: 20px !important;
    line-height: 20px !important;
    margin: 0 auto !important;
    height: 150px !important;
    padding: 20px 0 !important;
  }
  .masthead #masthead-carousel .item .masthead_content .title h1 {
    font-size: 20px !important;
    line-height: 20px !important;
    margin: 0 auto !important;
    height: 150px !important;
    padding: 0 !important;
  }
  .masthead #masthead-carousel .item .masthead_content.partner-content {
    top: 0 !important;
    padding-top: 20px !important;
  }
  .masthead #masthead-carousel .item .masthead_content.partner-content .partner-title {
    height: 170px !important;
  }
  .masthead #masthead-carousel .item .masthead_content .strapline {
    font-weight: bold !important;
    font-size: 16px !important;
    line-height: 30px !important;
    padding: 20px 0 !important;
    color: #0060a9 !important;
  }
  .masthead #masthead-carousel .item .masthead_content .button {
    margin: 0 !important;
    width: 90% !important;
    font-size: 16px !important;
    padding: 20px 20px !important;
    border: 1px solid #CCC !important;
  }
  .masthead #masthead-carousel .item .masthead_content .button.one-of-two {
    margin: 0 0 20px !important;
  }
  .masthead #masthead-carousel .item .masthead_content .button i {
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
  }
}
#breadcrumbs {
  position: relative;
  background: #f1f1f1;
  font-size: 14px;
  -webkit-box-shadow: 0px 2px 5px 0px #999;
  -moz-box-shadow: 0px 2px 5px 0px #999;
  box-shadow: 0px 2px 5px 0px #999;
  z-index: 998;
}
#breadcrumbs ul {
  box-sizing: border-box;
  max-width: 1170px;
  padding: 0 20px;
  margin: 0 auto;
}
#breadcrumbs ul li {
  display: inline-block;
  line-height: 35px;
}
#breadcrumbs ul li.leader {
  color: #777;
  margin-right: 4px;
}
#breadcrumbs ul li a {
  color: #001543;
  display: inline-block;
}
#breadcrumbs ul li span.icon {
  display: inline-block;
  color: #62bb46;
  line-height: 30px;
  margin: 0 5px;
  float: none;
  position: relative;
  top: 4px;
  font-size: 18px;
}
#breadcrumbs ul li:last-of-type a {
  font-weight: 700;
  text-decoration: none;
}
#breadcrumbs ul li:last-of-type a:hover {
  text-decoration: none;
}
#breadcrumbs ul li:last-of-type i {
  display: none;
}
@media all and (max-width: 720px) {
  #breadcrumbs {
    display: none;
  }
}
.icon-item {
  background: #fff;
  border: 2px solid #fff;
  color: #0060a9;
  padding-top: 70px;
  padding-bottom: 70px;
  margin-bottom: 40px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 23.5%;
  margin-right: 2%;
  float: left;
  text-align: center;
  height: 250px;
  border-bottom: 2px solid #DCDCDC;
  cursor: pointer;
  cursor: hand;
}
.icon-item strong {
  color: #032E55;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
}
.icon-item span {
  display: block;
  margin: 0 auto 30px;
  font-size: 60px;
}
.icon-item:last-of-type {
  margin-right: 0;
}
.icon-item:hover {
  border: 2px solid #0060a9;
}
@media all and (max-width: 949px) {
  .icon-item {
    width: 49%;
  }
  .icon-item:nth-child(even) {
    float: right;
    margin-right: 0;
  }
}
@media all and (max-width: 574px) {
  .icon-item {
    width: 100%;
    margin-bottom: 20px;
  }
}
.no-item-border .icon-item {
  border-bottom: 0px;
}
#hero-cta {
  text-align: center;
}
.left-right {
  background-color: #fff;
  padding: 0;
  margin-bottom: 30px;
  overflow: hidden;
  height: 260px;
}
.left-right .content {
  display: table-cell;
  vertical-align: middle;
  padding: 40px;
}
.left-right .left {
  float: left;
  width: 50%;
  height: 260px;
  display: table;
}
.left-right .right {
  float: right;
  width: 50%;
  height: 260px;
  display: table;
}
.left-right .image-block {
  background: url('http://placehold.it/1100x560') no-repeat center center;
  background-size: cover;
}
@media all and (max-width: 849px) {
  .left-right {
    width: 100%;
    height: auto;
  }
  .left-right .left,
  .left-right .right {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 0;
    height: auto;
  }
  .left-right .image-block {
    height: 280px;
    background-position: center center;
  }
}
.two-col .left {
  padding: 40px;
  float: left;
  width: 49%;
  background-color: #fff;
}
.two-col .right {
  padding: 40px;
  float: right;
  width: 49%;
  background-color: #fff;
}
.two-col .left h3 span,
.two-col .right h3 span {
  margin-right: 10px;
  vertical-align: middle;
  font-size: 40px;
}
@media all and (max-width: 799px) {
  .two-col .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .two-col .right {
    width: 100%;
  }
}
.card-table {
  padding: 0 0 80px !important;
}
.card-table .table-divider {
  width: 1px;
  position: absolute;
  background: #e1e1e1;
  height: 60px;
  top: 50%;
  margin-top: -30px;
  right: 0;
}
@media all and (max-width: 870px) {
  .card-table .table-divider {
    display: none;
  }
}
.card-table .block-intro i {
  color: #62bb46;
  display: inline;
  font-size: 16px;
}
.card-table .tabbed-area {
  background: #fff;
}
@media only screen and (max-width: 600px) {
  .card-table .tabbed-area .tabs {
    display: none;
  }
}
.card-table .tabbed-area .tab {
  float: left;
  width: 11.111111111111%;
  border-right: 2px solid #f1f1f1;
  height: 50px;
  background: #d5e8f3;
  cursor: pointer;
  cursor: hand;
  padding: 10px 9px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: bold;
}
.card-table .tabbed-area .tab:last-child {
  border-right: 0;
}
.card-table .tabbed-area .tab.active {
  background: #FFF;
}
.card-table .tabbed-area .tab i {
  font-size: 25px;
  float: left;
  margin-right: 4px;
  color: #063058;
  margin-top: 5px;
}
.card-table .tabbed-area .tab span {
  color: #063058;
  display: table-cell;
  vertical-align: middle;
  height: 30px;
}
@media only screen and (max-width: 1050px) {
  .card-table .tabbed-area .tab {
    border-bottom: 2px solid #f1f1f1;
    width: 20%;
  }
  .card-table .tabbed-area .tab:nth-child(5) {
    border-right: 0;
  }
}
@media only screen and (max-width: 600px) {
  .card-table .tabbed-area .tab {
    width: 50%;
  }
  .card-table .tabbed-area .tab:nth-child(odd) {
    border-right: 2px solid #f1f1f1;
  }
  .card-table .tabbed-area .tab:nth-child(even) {
    border-right: 0;
  }
}
@media only screen and (max-width: 300px) {
  .card-table .tabbed-area .tab {
    border-right: 0;
    width: 100%;
  }
}
.card-table .tabbed-area .tabbed-content > div {
  padding: 20px;
}
.card-table .tabbed-area tr.card-table-spacer {
  background: #FFF !important;
  height: 20px;
}
.card-table .tabbed-area tr.card-table-spacer td {
  padding: 0;
}
.card-table .card-category-dropdown {
  background: #fff;
  border: 2px solid #f1f1f1;
  display: none;
  font-size: .8rem;
  margin-bottom: 20px;
  max-width: 1100px;
  position: relative;
  width: 100%;
}
.card-table .card-category-dropdown i {
  display: inline;
  font-size: 16px;
}
.card-table .card-category-dropdown a {
  color: #00295a;
  display: block;
  float: left;
  padding: 15px;
  text-decoration: none;
}
.card-table .card-category-dropdown a span {
  margin-left: 10px;
}
.card-table .card-category-dropdown ul {
  background: #fff;
  border: 2px solid #f1f1f1;
  display: none;
  margin-top: 5px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 900;
}
.card-table .card-category-dropdown ul.open {
  display: block;
}
.card-table .card-category-dropdown ul li {
  display: block;
  line-height: 29px;
}
.card-table .card-category-dropdown ul li a {
  border-bottom: 2px solid #f1f1f1;
  padding: 8px 15px 5px;
  width: 100%;
}
.card-table .card-category-dropdown ul li a:hover,
.card-table .card-category-dropdown ul li a:focus {
  background: #f1f1f1;
}
.card-table .card-category-dropdown ul li i {
  font-size: 29px;
  float: left;
}
.card-table .card-category-dropdown .active {
  cursor: pointer;
  overflow: hidden;
}
.card-table .card-category-dropdown .active .selection {
  display: none;
  line-height: 29px;
  padding: 11px 15px 5px;
}
.card-table .card-category-dropdown .active .selection.selected {
  display: block;
}
.card-table .card-category-dropdown .active .selection i {
  font-size: 29px;
  float: left;
}
.card-table .card-category-dropdown .active .arrow {
  background: #cee7ef;
  float: right;
}
.card-table .card-category-dropdown .active .arrow i {
  font-size: 20px;
}
@media only screen and (max-width: 600px) {
  .card-table .card-category-dropdown {
    display: block;
  }
}
.card-table table {
  border: 1px solid #ddd;
  width: 100% !important;
  border-bottom: 2px solid #ddd;
  background: #fff;
  table-layout: fixed;
}
.card-table table th {
  background: #f1f1f1;
  color: #092f5c;
  height: 50px;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  width: 16.66%;
  text-align: center;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  vertical-align: middle;
}
.card-table table tr.card-table-spacer {
  background: #f4f4f4;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #f4f4f4;
  border-right: 1px solid #f4f4f4;
  height: 10px;
  line-height: 10px;
}
.card-table table td {
  text-align: center;
  padding: 5px 0;
  vertical-align: middle;
}
.card-table table td.standard-rates-cell {
  padding: 0;
}
.card-table table td .table-content span {
  font-size: 18px;
  color: #002d56;
  font-weight: 300;
  display: block;
  margin-bottom: 8px;
  margin-top: 10px;
}
@media all and (max-width: 870px) {
  .card-table table td .table-content span.variable {
    display: block;
  }
}
@media all and (max-width: 370px) {
  .card-table table td .table-content span.variable {
    display: block;
    padding-left: 0;
    margin-bottom: 0;
  }
}
.card-table table td .table-content strong {
  font-size: 20px;
  color: #002d56;
}
.card-table table td .table-content small {
  display: block;
  font-size: 11px;
  line-height: 16px;
  margin-top: 10px;
}
.card-table table td .table-content small a {
  text-decoration: none;
  color: #0060a9;
  display: block;
}
.card-table table td.repex {
  text-align: left;
  color: #002d56;
  vertical-align: top;
  padding-top: 0;
}
.card-table table td.repex > p {
  background: #f1f1f1;
  padding: 15px 10px;
}
.card-table table td.repex p {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
}
.card-table table td.repex .card-meta p {
  width: inherit;
  margin: 0 -10px;
  padding: 0px 20px 5px;
  border: none;
}
.card-table table td.repex span {
  font-weight: normal;
  font-size: 16px;
  font-weight: 600;
}
.card-table table td.card-image {
  padding: 10px 0;
}
.card-table table td.card-image img {
  display: block;
  margin: 0 auto;
  border-radius: 5px;
  height: auto;
  width: 120px;
  max-width: 90%;
}
.card-table table td.card-title {
  color: #0060a9;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  padding: 10px 5px;
  font-weight: 700;
  vertical-align: top;
}
.card-table table td.card-title a:link,
.card-table table td.card-title a:visited {
  color: #0060a9;
  text-decoration: none;
}
.card-table table td .mobile-card-title {
  color: #0060a9;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  padding: 10px 5px;
  font-weight: 700;
  vertical-align: top;
}
.card-table table td .mobile-card-title:link,
.card-table table td .mobile-card-title:visited {
  color: #0060a9;
  text-decoration: none;
}
@media only screen and (min-width: 831px) {
  .card-table table td.buttons {
    vertical-align: top;
  }
}
.card-table table a.button {
  padding: 15px;
  width: 80%;
  display: block;
  margin: 0 auto;
  text-align: center;
  text-decoration: none;
  font-size: 12px;
}
@media all and (max-width: 935px) {
  .card-table table a.button {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 1050px) and (min-width: 871px) {
  .card-table table a.button {
    padding: 15px 0;
  }
}
.card-table table a.button:first-of-type {
  margin-bottom: 10px;
}
.card-table table a.button i {
  display: inline;
  font-size: 14px;
  top: 3px;
}
.card-table table a.button.blue i {
  color: #62bb46;
}
.card-table table a.button.green i {
  color: #fff;
}
.card-table i {
  display: block;
  text-align: center;
  font-size: 70px;
  color: #005da3;
}
.card-table .compare-box {
  margin: 0 auto 5px;
  text-align: right;
  width: 80%;
}
.main .compare .container {
  padding: 0 20px;
}
.additional-features-mobile {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
}
.additional-features-mobile p {
  text-align: center;
}
.additional-features-mobile > * {
  max-width: 90%;
  margin: 0 auto;
}
.additional-features-mobile > *.mobile-heading {
  display: none;
}
.compare {
  background: #d5e8f3;
  padding: 30px 0;
  position: fixed;
  bottom: 0;
  z-index: 998;
  width: 100%;
}
.compare .text {
  color: #022e59;
  font-size: 16px;
  display: block;
  margin-top: 10px !important;
  float: left;
  width: 50%;
}
.compare .buttons {
  text-align: right;
  float: right;
}
.compare a.button {
  display: inline-block;
  padding: 10px 20px;
  width: auto;
  cursor: pointer;
  cursor: hand;
}
.compare a.button:last-of-type {
  margin-left: 15px;
}
.compare a.button.white {
  border: 1px solid #bdcdd7;
}
.compare-modal {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #0060a9;
  background-color: rgba(0,0,0,0.5);
  color: rgba(0,0,0,0.7);
}
.compare-modal .container {
  padding: 20px !important;
  background: #FFF;
  margin-top: -300px;
  max-height: 600px;
  overflow-y: scroll;
  top: 50%;
}
.compare-modal .container .close {
  position: relative;
}
.compare-modal .container .close i {
  position: absolute;
  top: 0px;
  right: 0;
  font-size: 24px;
  cursor: pointer;
  cursor: hand;
}
.compare-modal .container .credit-card.credit-card-modal-table {
  margin-top: 40px;
}
.compare-modal .container tr.card-table-spacer {
  background: #FFF !important;
}
@media only screen and (max-width: 830px) {
  .compare-modal .container {
    max-height: 75%;
    overflow-y: scroll;
  }
}
.table-content.balance-transfer-table-content sup,
.table-content.money-transfer-table-content sup {
  font-weight: normal;
  font-size: 15px;
}
.table-content.card-purchases-table-content sup {
  margin-right: 5px;
  font-size: 15px;
}
.standard-rates {
  background: #d5e8f3;
  color: #063058;
  display: block;
  text-align: left;
  position: relative;
  font-weight: 600;
  overflow: hidden;
}
.standard-rates > span {
  float: left;
  padding: 10px;
  width: 90%;
}
@media (max-width: 500px) {
  .standard-rates > span {
    width: 84%;
  }
}
@media (max-width: 356px) {
  .standard-rates > span {
    width: 80%;
  }
}
.standard-rates > span.icon {
  border-left: 2px solid #fff;
  float: right;
  text-align: center;
  width: 34px;
}
@media (max-width: 530px) {
  .standard-rates > span.icon {
    line-height: 32px;
    width: 44px;
  }
}
@media (max-width: 356px) {
  .standard-rates > span.icon {
    line-height: 48px;
  }
}
.standard-rates:hover {
  text-decoration: none;
}
.standard-rates-content p {
  padding: 5px;
}
@media all and (max-width: 870px) {
  .table-content.card-purchases-table-content strong {
    padding-left: 3px;
  }
  .table-content.card-purchases-table-content > *:first-child {
    padding-left: 0;
  }
  .standard-rates-content .div-line {
    border-bottom: 1px solid #e1e1e1;
  }
  .standard-rates-content .mobile-heading,
  .standard-rates-content .table-content {
    border-bottom: none;
  }
  .standard-rates-content p {
    padding: 10px;
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
  }
  .standard-rates-content .div-line .table-content {
    background: #fff;
    font-size: 12px;
    line-height: 16px;
  }
}
@media all and (max-width: 460px) {
  .table-content.card-purchases-table-content strong {
    display: block;
    padding-left: 0;
  }
}
@media all and (max-width: 400px) {
  table.credit-card td .table-content strong {
    display: block !important;
    margin-top: 2px;
  }
  .table-content.money-transfer-table-content {
    height: 90px !important;
  }
  .table-content.card-purchases-table-content span.variable {
    display: block !important;
    padding-left: 0 !important;
    margin: 0 0 0 0;
  }
  .table-content.card-purchases-table-content strong {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
  }
  .table-content.card-purchases-table-content small {
    margin: 0 0 0 0;
  }
}
@media all and (max-width: 400px) {
  .table-content.card-purchases-table-content {
    padding-left: 0;
    margin: 0;
  }
}
@media all and (max-width: 805px) {
  a.button.clear {
    display: none;
  }
}
@media all and (max-width: 870px) {
  table.credit-card tr.card-details-row td:nth-child(2) > div,
  table.credit-card tr.card-details-row td:nth-child(3) > div,
  table.credit-card tr.standard-rates-content td:nth-child(2) > div,
  table.credit-card tr.standard-rates-content td:nth-child(3) > div {
    height: 70px;
  }
  table.credit-card tr.card-details-row td:nth-child(4) > div,
  table.credit-card tr.standard-rates-content td:nth-child(4) > div {
    height: 50px;
  }
  table.credit-card tr.card-details-row td div.additional-features-mobile *,
  table.credit-card tr.standard-rates-content td div.additional-features-mobile * {
    height: auto;
    border-bottom: 0;
    text-align: left;
    padding-left: 6px;
  }
  table.credit-card tr.card-details-row td div.additional-features-mobile *.mobile-heading,
  table.credit-card tr.standard-rates-content td div.additional-features-mobile *.mobile-heading {
    display: block;
    padding-left: 10px;
  }
  table.credit-card .mobile-hide {
    display: none !important;
    visibility: hidden;
  }
  table.credit-card .mobile-show {
    visibility: visible !important;
    display: inline !important;
  }
  table.credit-card .desktop-show {
    display: none !important;
    visibility: hidden !important;
  }
  table.credit-card .mobile-card-title {
    color: #0060a9;
    font-size: 18px !important;
    float: left;
    width: 60%;
    text-align: left !important;
    margin-left: 10px;
    margin-top: 0px;
    line-height: 20px !important;
    font-weight: normal !important;
    padding: 0 !important;
  }
  table.credit-card td {
    padding: 0;
    text-align: left;
    overflow: hidden;
  }
  table.credit-card td.hide {
    display: none;
  }
  table.credit-card td .table-content {
    float: right;
    width: 50%;
    font-size: 14px;
    border-bottom: 1px solid #e1e1e1;
    border-right: 0;
    padding: 10px;
  }
  table.credit-card td .table-content small {
    font-size: 11px;
    margin-top: 5px;
  }
  table.credit-card td .table-content span {
    display: inline;
    font-size: 15px;
    margin-top: 0;
  }
  table.credit-card td .table-content strong {
    font-size: 15px;
  }
  table.credit-card td .table-content.is-pa strong {
    display: inline !important;
  }
  table.credit-card .headers {
    display: none;
  }
  table.credit-card .mobile-heading {
    float: left;
    width: 50%;
    background: #E6F0F9;
    padding: 15px 0 20px 10px;
    font-size: 11px;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #001543;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
  }
  table.credit-card .mobile-heading a {
    font-weight: 400;
    text-transform: none;
    display: block;
    color: #0060a9;
    margin-top: 5px;
  }
  table.credit-card td.card-image {
    padding: 20px 0;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
  }
  table.credit-card td.card-image img {
    margin: 0 0 0 10px;
    width: 100px;
    float: left;
  }
  table.credit-card td {
    display: block;
    width: 100%;
  }
  table.credit-card .repex {
    background: #fff;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0;
  }
  table.credit-card .repex p {
    font-size: 13px;
    line-height: 20px;
  }
  table.credit-card .repex strong {
    display: inline;
  }
  table.credit-card .buttons {
    padding: 20px 10px 10px;
    text-align: center;
  }
  table.credit-card .buttons a.button {
    margin: 0 auto 10px;
    display: inline-block;
    width: 49%;
    padding: 15px 0;
  }
  table.credit-card .additional-features-mobile span {
    display: block;
    float: right;
    width: 50%;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #e1e1e1;
  }
}
@media all and (max-width: 870px) and all and (max-width: 400px) {
  table.credit-card tr.card-details-row td:nth-child(4) > div,
  table.credit-card tr.standard-rates-content td:nth-child(4) > div {
    height: 80px;
  }
}
@media all and (max-width: 500px) {
  table.credit-card tr.card-details-row td:nth-child(2) > div,
  table.credit-card tr.card-details-row td:nth-child(3) > div,
  table.credit-card tr.standard-rates-content td:nth-child(2) > div,
  table.credit-card tr.standard-rates-content td:nth-child(3) > div {
    height: 90px;
  }
  table.credit-card tr.card-details-row td:nth-child(4) > div,
  table.credit-card tr.standard-rates-content td:nth-child(4) > div {
    height: 80px;
  }
  table.credit-card tr.card-details-row td div.additional-features-mobile *,
  table.credit-card tr.standard-rates-content td div.additional-features-mobile * {
    height: auto;
  }
}
@media all and (max-width: 360px) {
  table.credit-card tr.card-details-row td:nth-child(2) > div,
  table.credit-card tr.card-details-row td:nth-child(3) > div,
  table.credit-card tr.standard-rates-content td:nth-child(2) > div,
  table.credit-card tr.standard-rates-content td:nth-child(3) > div {
    height: 100px !important;
  }
  table.credit-card tr.card-details-row td:nth-child(4) > div,
  table.credit-card tr.standard-rates-content td:nth-child(4) > div {
    height: 90px;
  }
  .standard-rates-content td > div {
    height: 100px;
  }
}
@media all and (max-width: 700px) {
  .compare {
    padding: 10px 0;
  }
  .compare .text {
    width: 100%;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
  }
  .compare .buttons {
    text-align: center;
    float: none;
  }
}
.btTransferTerms,
.mtTransferTerms {
  cursor: pointer;
  cursor: hand;
}
.dualCardLink {
  font-size: 11px;
  text-decoration: underline;
  display: block;
  text-align: center;
  max-width: 75%;
  margin: 0 auto 20px;
}
#faqs .container {
  text-align: center;
}
#faqs .icon-item {
  width: 49%;
  padding: 35px 30px;
  height: auto;
  text-align: left;
  margin-bottom: 10px;
}
#faqs .icon-item span {
  font-weight: bold;
  font-size: 16px;
  line-heigh: 24px;
  margin: 0;
}
#faqs .icon-item.left {
  float: left;
}
#faqs .icon-item.right {
  float: right;
}
@media all and (max-width: 989px) {
  #faqs .icon-item {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
}
#faq-masthead {
  background: url('/uploads/content/faq-masthead-bg.jpg') no-repeat;
  background-size: cover;
  text-align: center;
}
#faq-masthead #search {
  margin: 0 auto 40px;
  width: 400px;
  overflow: hidden;
}
#faq-masthead #search input {
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  font-size: 16px;
  width: 85%;
  height: 45px;
  line-height: 45px;
  background: #fff;
  float: left;
  text-indent: 10px;
}
#faq-masthead #search #submit {
  color: #fff;
  font-size: 25px;
  float: right;
  background: #62bb46;
  border: 0;
  height: 45px;
  line-height: 25px;
  padding: 5px;
  width: 15%;
}
#faq-masthead a.button {
  margin: 0 auto;
  text-align: center;
  color: #fff;
  padding: 20px 50px;
  display: inline-block;
  background: #62bb46;
}
.nice-footer {
  overflow: hidden;
  background: #0060a9;
  padding: 10px 0;
  margin-bottom: 0;
  font-size: 14px;
}
.nice-footer .container {
  margin: 0 auto;
}
#nice-footer-nav {
  color: #fff;
  padding: 20px 0;
}
#nice-footer-nav h3,
#nice-footer-nav ul a {
  color: #fff;
}
@media screen and (max-width: 767px) {
  #nice-footer-nav .col {
    margin-bottom: 20px;
  }
  #nice-footer-nav .col:last-child {
    margin-bottom: 0;
  }
}
.social-icons {
  overflow: hidden;
  text-align: left;
  padding-top: none;
}
.social-icons ul li {
  float: left;
  margin: 0;
}
.social-icons a.icon {
  width: 40px;
  height: 40px;
  float: left;
  margin: 0;
  padding: 0;
  line-height: 40px;
  text-align: center;
  display: block;
  transition: background-color 0.2s ease-in-out;
}
.social-icons a.icon i {
  width: 100%;
  text-align: center;
  font-size: 18px;
}
.social-icons a.icon#facebook {
  background-color: #3b5998;
}
.social-icons a.icon#facebook:hover {
  background-color: #2c4374;
}
.social-icons a.icon#twitter {
  background-color: #00abed;
}
.social-icons a.icon#twitter:hover {
  background-color: #0086ba;
}
.social-icons a.icon#linked-in {
  background-color: #007bb7;
}
.social-icons a.icon#linked-in:hover {
  background-color: #005984;
}
.social-icons a.icon#youtube {
  background-color: #e21c33;
}
.social-icons a.icon#youtube:hover {
  background-color: #b51629;
}
.accessibility {
  float: right;
  text-align: right;
  vertical-align: middle;
}
.accessibility span {
  display: inline-block;
  margin-right: 5px;
}
.accessibility img {
  vertical-align: middle;
}
.accessibility img:hover {
  cursor: pointer;
}
#copyright {
  background: #005DA3;
  border-top: 1px solid #8aacd7;
  padding: 10px 0;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
}
@media all and (max-width: 1089px) {
  .nice-footer .social-icons {
    display: block;
  }
  .accessibility {
    display: block;
    text-align: left;
    padding: 0;
  }
  .accessibility img {
    width: 20px;
  }
}
@media all and (max-width: 550px) {
  .nice-footer .accessibility {
    text-align: center;
  }
  #copyright {
    font-size: 12px;
  }
}
.block.product-masthead {
  padding: 45px 0 0;
  background-color: #e1e1e1;
  background-size: cover;
  background-position: center center;
  word-wrap: break-word;
}
.block.product-masthead .block-intro .block-title p,
.block.product-masthead .block-intro h1 p {
  font-size: 50px;
  line-height: 50px;
  max-width: 100%;
}
.block.product-masthead .block-intro .block-title sup,
.block.product-masthead .block-intro h1 sup {
  font-size: 20px;
  top: -20px;
}
.block.product-masthead .card-content {
  overflow: hidden;
}
.block.product-masthead .card-info {
  margin-bottom: 10px;
}
.block.product-masthead .card-info ul {
  color: #002d56;
  marign-top: 15px;
}
.block.product-masthead .card-info ul li {
  background-image: url('/uploads/mastheads/green-tick.png');
  background-repeat: no-repeat;
  background-position: 0 5px;
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  padding-left: 35px;
  min-height: 20px;
  margin-bottom: 10px;
}
.block.product-masthead .card-info ul li strong {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  display: block;
  margin-bottom: 0;
}
.block.product-masthead .card-info ul li hr {
  display: block;
  margin-bottom: 0;
  content: "";
  border: 0;
}
.block.product-masthead .repex-top-text,
.block.product-masthead .repex-bottom-text {
  text-align: center;
  font-size: 13px;
  color: #002d56;
}
.block.product-masthead .repex-bottom-text {
  margin-bottom: 30px;
}
.block.product-masthead .savings-block {
  background: #fff;
  padding: 25px 90px;
  display: inline-block;
  margin: 0 auto;
  position: relative;
  line-height: 20px;
}
.block.product-masthead .savings-block .fa {
  display: inline-block;
  top: -2px;
  color: #62bb46;
}
@media all and (max-width: 705px) {
  .block.product-masthead .savings-block .fa.left {
    display: none;
  }
  .block.product-masthead .savings-block .fa.right {
    display: block;
    position: relative;
    margin: 5px auto 0;
    top: 0;
  }
}
.block.product-masthead .savings-block .savings-message {
  color: #002d56;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}
.block.product-masthead .savings-block .savings-message span.text {
  padding: 0 20px;
  display: block;
}
@media all and (max-width: 705px) {
  .block.product-masthead .savings-block .savings-message span.text {
    padding: 0;
  }
}
.block.product-masthead .stripe {
  overflow: hidden;
}
.block.product-masthead .stripe.repex {
  border: 1px solid #e0e0e0;
  margin: 20px 0;
  background: #fff;
  padding: 12px 0;
}
.block.product-masthead .stripe .fee-row {
  border-top: 1px solid #e0e0e0;
  text-align: center;
  padding: 20px 20px 10px;
  margin-top: 10px;
  color: #002d56;
}
.block.product-masthead .stripe .fee-row strong {
  font-size: 25px;
}
.block.product-masthead .stripe .item {
  text-align: center;
  border-right: 1px solid #e1e1e1;
  float: left;
  color: #002d56;
}
.block.product-masthead .stripe .item .value {
  font-size: 25px;
  font-weight: bold;
  padding: 4px 0;
}
.block.product-masthead .stripe .item .value sub {
  font-size: 14px;
}
.block.product-masthead .stripe .item:last-of-type {
  border-right: 0;
}
.block.product-masthead .stripe .item span {
  font-weight: bold;
  color: #0060a9;
}
.block.product-masthead .stripe .item span.card-meta {
  font-size: 14px;
  color: #001543;
}
.block.product-masthead .stripe .item.repex {
  width: 27%;
}
.block.product-masthead .stripe .item.apr {
  width: 27%;
}
.block.product-masthead .stripe .item.limit {
  width: 18%;
}
.block.product-masthead .stripe sup {
  font-size: 14px;
  vertical-align: top;
}
.block.product-masthead .stripe a.button {
  float: right;
  padding: 25px 0px;
  width: 24%;
  margin-right: 20px;
  text-align: center;
  font-size: 20px;
}
.block.product-masthead .stripe a.button:hover {
  text-decoration: none;
}
.block.product-masthead .stripe a.button span {
  top: 50%;
  position: absolute;
  margin-top: -7px;
}
.partner-title {
  display: block;
  font-size: 32px;
  line-height: 1.4em;
  color: #fff;
}
.partner-card {
  display: block;
}
.partner-button {
  display: block;
}
@media all and (max-width: 834px) {
  .block.product-masthead .stripe {
    text-align: center;
  }
  .block.product-masthead .stripe a.button {
    width: 96%;
    margin: 0 auto;
    float: none;
    display: inline-block;
  }
  .block.product-masthead .stripe .item {
    margin-bottom: 20px;
  }
  .block.product-masthead .stripe .item.repex {
    width: 36%;
  }
  .block.product-masthead .stripe .item.apr {
    width: 36%;
  }
  .block.product-masthead .stripe .item.limit {
    width: 28%;
  }
}
@media all and (max-width: 629px) {
  .block.product-masthead .block-intro .block-title,
  .block.product-masthead .block-intro h1 {
    font-size: 30px;
    line-height: 35px;
  }
  .block.product-masthead .card-info {
    width: 100%;
    margin: 0 auto 20px;
  }
  .block.product-masthead img#card-image {
    display: block;
    margin: 0 auto 30px;
    width: 320px;
    max-width: 90%;
    float: none;
  }
  .block.product-masthead .stripe .row {
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .block.product-masthead .stripe .fee-row {
    font-size: 12px;
  }
  .block.product-masthead .stripe .fee-row strong {
    font-size: 20px;
  }
  .block.product-masthead .stripe .item {
    border-right: 0;
    display: block;
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px;
  }
  .block.product-masthead .stripe .item .value {
    font-size: 20px;
  }
  .block.product-masthead .stripe .item.repex {
    width: 39%;
  }
  .block.product-masthead .stripe .item.apr {
    width: 39%;
  }
  .block.product-masthead .stripe .item.limit {
    width: 22%;
  }
  .block.product-masthead .stripe .item span {
    font-size: 10px;
  }
  .block.product-masthead .stripe a.button {
    display: inline-block;
    float: none;
    width: 100%;
    padding: 20px 0;
    font-size: 16px;
  }
}
@media all and (max-width: 555px) {
  .block.product-masthead h1 p {
    font-size: 30px !important;
    line-height: 35px !important;
  }
  .block.product-masthead .savings-block {
    padding: 25px 60px;
  }
}
@media all and (max-width: 445px) {
  .block.product-masthead .card-info {
    margin-bottom: 0;
  }
  .block.product-masthead .stripe {
    margin: 0 0 20px;
  }
  .block.product-masthead .stripe .item {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    text-align: center;
  }
  .block.product-masthead .stripe .item:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .block.product-masthead .stripe .item.repex {
    width: 100%;
  }
  .block.product-masthead .stripe .item.apr {
    width: 100%;
  }
  .block.product-masthead .stripe .item.limit {
    width: 100%;
  }
  .block.product-masthead .stripe .item span {
    font-size: 10px;
  }
}
.block.eligibility .container .row:first-child {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.block.eligibility .section {
  background: #fff;
  padding: 20px 30px;
  padding-right: 0;
  margin-bottom: 20px;
}
.block.eligibility .section ul {
  margin-left: 20px;
}
.block.eligibility .section ul li {
  margin-bottom: 20px;
  list-style: disc;
  line-height: 22px;
}
.block.eligibility .section.bottom {
  padding: 20px 30px;
}
.block.eligibility .section.bottom span.icon.desktop-icon {
  font-size: 180px;
  float: left;
  color: #0060a9;
}
.block.eligibility .section.bottom p:last-of-type {
  margin-bottom: 0;
}
.block.eligibility .section.bottom .right-content {
  float: right;
  width: 79%;
}
.block.eligibility .mobile-icon {
  display: none;
}
@media all and (max-width: 1000px) {
  .block.eligibility .section.bottom .right-content {
    width: 73%;
  }
}
@media all and (max-width: 800px) {
  .block.eligibility .container .row:first-child {
    display: block;
  }
  .block.eligibility .desktop-icon {
    display: none;
  }
  .block.eligibility .mobile-icon {
    font-size: 45px;
    display: inline-block;
    position: relative;
    top: 12px;
  }
  .block.eligibility .section.bottom .right-content {
    width: 100%;
  }
}
@media all and (max-width: 599px) {
  .block.eligibility .container .row:first-child {
    display: block;
  }
  .block.eligibility .section {
    padding-right: 30px;
  }
  .block.eligibility .section h2 {
    margin-bottom: 21px;
  }
  .block.eligibility .section ul li {
    margin-bottom: 15px;
  }
  .block.eligibility .section ul li span {
    color: #333;
  }
}
@media all and (max-width: 380px) {
  .block.eligibility h3 {
    font-size: 26px;
  }
}
@media all and (max-width: 355px) {
  .block.eligibility h3 {
    font-size: 22px;
    margin-bottom: 5px;
  }
}
.show-overflow {
  overflow: visible !important;
}
.card-options {
  background-color: #0760a9;
  color: #fff;
  text-align: center;
  font-size: 1.5rem;
  line-height: 150%;
  padding: 20px 0px !important;
  margin-top: -10px;
}
.cards-nudge {
  margin-top: -150px;
  width: 95%;
}
.reduce-width {
  width: 60%;
  margin: 0 auto;
}
.arrow-down {
  margin: 0 auto;
  text-align: center;
  margin-top: -2px;
  z-index: 998;
  position: absolute;
  left: 50%;
  margin-left: -31px;
}
@media all and (max-width: 600px) {
  #what-do-you-know .block-intro {
    margin-bottom: 0 !important;
  }
  #what-do-you-know .block-intro .block-title {
    margin-bottom: 0 !important;
  }
}
#what-do-you-know p {
  color: #001543;
}
#what-do-you-know .icon {
  float: left;
  font-size: 70px;
  margin-right: 20px;
  color: #0060a9;
}
@media only screen and (max-width: 800px) {
  #what-do-you-know .icon {
    width: 100%;
  }
}
#what-do-you-know .icon-format-size {
  font-size: 55px;
}
@media only screen and (max-width: 800px) {
  #what-do-you-know .icon-format-size {
    width: 100%;
  }
}
@media only screen and (max-width: 600px) {
  #what-do-you-know .icon-format-size {
    font-size: 40px;
  }
}
@media only screen and (min-width: 601px) and (max-width: 800px) {
  #what-do-you-know .icon-format-size {
    padding-left: 0;
  }
}
#what-do-you-know .icon-format-size2 {
  font-size: 85px;
  margin: 0;
  padding: 0;
  margin-top: -13px;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  #what-do-you-know .icon-format-size2 {
    font-size: 60px;
    padding-right: 10px;
  }
}
#what-do-you-know .c4:first-child {
  padding-left: 10%;
}
#what-do-you-know .c4:last-child {
  padding-right: 10%;
}
@media only screen and (max-width: 800px) {
  #what-do-you-know .c4 {
    text-align: center;
    padding: 10px 60px 0;
  }
  #what-do-you-know .c4:first-child {
    padding-left: 60px;
  }
  #what-do-you-know .c4:last-child {
    padding-right: 60px;
  }
}
#what-do-you-know .what-do-you-know-blocks p {
  font-size: 18px;
  line-height: 25px;
}
@media only screen and (max-width: 895px) {
  #what-do-you-know .what-do-you-know-blocks p {
    font-size: 16px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 400px) {
  #what-do-you-know .what-do-you-know-blocks p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 600px) {
  #what-do-you-know .what-do-you-know-blocks {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 600px) {
  #what-do-you-know {
    padding-bottom: 0px;
  }
}
@media only screen and (min-width: 660px) {
  #what-do-you-know {
    border-bottom: 10px solid #f1f1f1;
  }
}
#card-options .block-buttons {
  margin-top: 10px;
}
#card-options .block-buttons a.button {
  padding: 10px 20px;
}
@media only screen and (max-width: 630px) {
  #card-options {
    margin-top: 70px;
  }
}
.block.bottom-content {
  font-size: 12px;
  line-height: 20px;
  margin-top: 0;
}
.block.bottom-content ul {
  margin-bottom: 20px;
}
.block.bottom-content ul li {
  list-style-type: disc;
  margin-left: 20px;
}
.block.bottom-content ol {
  margin-bottom: 20px;
}
.block.bottom-content ol li {
  list-style-type: decimal;
  margin-left: 20px;
}
.block.caveats {
  padding: 30px 0;
  color: #666666;
}
.block.caveats p {
  font-size: 12px;
  line-height: 20px;
  padding-top: 5px;
  margin-bottom: 15px;
}
#who-we-work-with {
  background-image: url('../uploads/bricks/who-we-work-with-bg.jpg');
  background-position: top center;
  min-height: 510px;
  text-align: center;
  padding: 60px;
  padding-bottom: 0;
  margin: 0 auto;
}
#who-we-work-with .customPrevBtn {
  text-align: left;
  position: absolute;
  left: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 50%;
}
#who-we-work-with .customNextBtn {
  text-align: right;
  position: absolute;
  right: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 50%;
}
#who-we-work-with .block-title {
  font-size: 2.2rem;
  display: block;
}
#who-we-work-with p {
  font-size: 1.4rem;
  width: 70%;
}
#who-we-work-with .item {
  position: relative;
}
#who-we-work-with img {
  width: 80%;
}
#who-we-work-with a.button {
  margin: 0 auto;
  padding: 23px 20px;
  background: #62bb46;
  font-weight: bold;
  display: block;
  color: #fff;
  font-size: 0.9rem;
  max-width: 210px;
  margin-top: 30px;
  height: 60px;
  text-align: left;
  background-image: url('../uploads/bricks/button-arrow-right.jpg');
  background-position: right;
  background-repeat: no-repeat;
}
#who-we-work-with-carousel {
  text-align: center;
  width: 80%;
  margin: auto;
  margin-top: 30px;
  overflow: visible;
  position: relative;
}
#who-we-work-with-carousel .owl-controls .owl-dots {
  display: inline-block;
}
#who-we-work-with-carousel .owl-controls .owl-dots span {
  background: none repeat scroll 0 0 #fff;
  border-radius: 20px;
  border: 2px solid #0060a9;
  display: block;
  float: left;
  height: 12px;
  margin: 5px 4px;
  width: 12px;
}
#who-we-work-with-carousel .owl-controls .owl-dots .active span {
  background: #0060a9;
}
#who-we-work-with-carousel .owl-dots {
  display: inline !important;
  width: 80px;
  left: 50%;
  margin-left: -40px;
  position: absolute;
  bottom: 0;
  z-index: 10;
}
#who-we-work-with-carousel i {
  line-height: 70%;
}
#who-we-work-with-carousel .owl-controls {
  width: 100%;
  padding-top: 0;
  margin-top: 60px;
  overflow: visible;
}
#who-we-work-with-carousel .item img {
  margin: auto;
}
@media screen and (max-width: 1200px) {
  #who-we-work-with .customPrevBtn,
  #who-we-work-with .customNextBtn {
    top: 55%;
  }
}
@media screen and (max-width: 1000px) {
  #who-we-work-with .customPrevBtn,
  #who-we-work-with .customNextBtn {
    top: 50%;
  }
}
@media screen and (max-width: 800px) {
  #who-we-work-with {
    padding: 50px 10px;
  }
  #who-we-work-with #who-we-work-with-carousel {
    width: 100%;
  }
  #who-we-work-with .customPrevBtn,
  #who-we-work-with .customNextBtn {
    top: 55%;
  }
  #who-we-work-with p {
    f1ont-size: 1.2rem;
    max-width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 600px) {
  #who-we-work-with {
    min-height: 300px;
  }
  #who-we-work-with p {
    font-size: 1rem !important;
    line-height: 130%;
  }
  #who-we-work-with img {
    width: 80%;
  }
  #who-we-work-with .customPrevBtn,
  #who-we-work-with .customNextBtn {
    top: 50%;
  }
}
.quote_block {
  padding: 50px 0;
  text-align: center;
}
.quote_block i:first-child {
  float: left;
  width: 10%;
  margin-right: 5%;
  text-align: right;
  font-size: 40px;
}
.quote_block i:last-child {
  float: right;
  width: 10%;
  margin-left: 5%;
  text-align: left;
  font-size: 40px;
}
.quote_block .content {
  float: left;
  width: 70%;
}
.quote_block .content p {
  text-align: center;
  font-size: 28px;
  font-style: italic;
  font-weight: 300;
  line-height: 30px;
}
.quote_block .content span {
  font-size: 12px;
}
@media all and (max-width: 360px) {
  .quote_block i:first-child,
  .quote_block i:last-child {
    font-size: 28px;
  }
}
#who-we-support {
  background-image: url('../uploads/bricks/who-we-support-bg.jpg');
  background-repeat: repeat-x;
  background-position: top center;
  min-height: 190px;
  text-align: center;
  padding: 60px 0px 60px 0px;
  z-index: 1;
}
#who-we-support .owl-controls .owl-dots {
  width: 80px;
}
#who-we-support .owl-controls .owl-dots span {
  background: none repeat scroll 0 0 #fff;
  border-radius: 20px;
  border: 2px solid #0060a9;
  display: block;
  float: left;
  height: 12px;
  margin: 5px 4px;
  width: 12px;
}
#who-we-support .owl-controls .owl-dots .active span {
  background: #0060a9;
}
#who-we-support .customPrevBtn {
  text-align: left;
  position: absolute;
  left: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 70%;
}
#who-we-support .customNextBtn {
  text-align: right;
  position: absolute;
  right: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 70%;
}
#who-we-support .block-title {
  font-size: 2.2rem;
  display: block;
}
#who-we-support p {
  font-size: 1.4rem;
  width: 50%;
}
#who-we-support img {
  width: 20%;
}
#who-we-support a.button {
  margin: 0 auto;
  padding: 23px 20px;
  background: #62bb46;
  margin-top: 50px;
  font-weight: bold;
  display: block;
  color: #fff;
  font-size: 0.9rem;
  max-width: 210px;
  height: 60px;
  text-align: left;
  background-image: url('../uploads/bricks/button-arrow-right.jpg');
  background-position: right;
  background-repeat: no-repeat;
}
#who-we-support-carousel {
  text-align: center;
  width: 80%;
  margin: auto;
  overflow: visible;
}
#who-we-support-carousel .item img {
  margin: auto;
}
.owl-controls .owl-dots {
  display: inline-block;
}
@media screen and (max-width: 800px) {
  #who-we-support {
    background: url('../uploads/bricks/who-we-support-bg-mobile.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 300px;
    padding: 20px 0px;
  }
  #who-we-support .block-title {
    font-size: 1.5rem;
    margin-bottom: 0;
    line-height: 100%;
  }
  #who-we-support p {
    width: 100%;
    padding: 20px;
    max-width: 100%;
    font-size: 1rem;
    line-height: 130%;
  }
  #who-we-support img {
    width: 40%;
  }
}
#our-awards {
  margin: auto;
  text-align: center;
  position: relative;
  padding: 60px 0px !important;
}
#our-awards .owl-controls .owl-dots {
  width: 80px;
}
#our-awards .block-intro {
  margin-bottom: 0px;
}
#our-awards .owl-controls .owl-dots span {
  background: none repeat scroll 0 0 #fff;
  border-radius: 20px;
  border: 2px solid #0060a9;
  display: block;
  float: left;
  height: 12px;
  margin: 5px 4px;
  width: 12px;
}
#our-awards .owl-controls .owl-dots .active span {
  background: #0060a9;
}
#our-awards .block-title {
  font-size: 2.2rem;
  display: block;
}
#our-awards .icon {
  font-size: 3.5rem;
}
#our-awards p {
  font-size: 1.4rem;
  width: 50%;
}
#our-awards img {
  width: 50%;
  margin-top: 20px;
}
#our-awards .customPrevBtn {
  text-align: left;
  position: absolute;
  left: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 50%;
}
#our-awards .customNextBtn {
  text-align: right;
  position: absolute;
  right: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 50%;
}
#our-awards-carousel {
  text-align: center;
  position: relative;
  width: 80%;
  margin: auto;
  overflow: visible;
}
#our-awards-carousel .owl-controls {
  top: 0;
  width: 100%;
  padding-top: 0;
  margin-top: 0;
  overflow: visible;
}
#our-awards-carousel .item img {
  margin: auto;
}
@media screen and (max-width: 800px) {
  #our-awards p {
    font-size: 1.3rem;
    width: 100%;
  }
  #our-awards img {
    width: 70%;
  }
}
#financial-education {
  margin: 0 auto;
  text-align: center;
  padding: 60px 0px !important;
  background: #F0F0F0;
}
#financial-education .block-title {
  font-size: 2.2rem;
  display: block;
}
#financial-education p {
  width: 100%;
  max-width: 100%;
  font-size: 1.4rem;
  margin-bottom: 30px;
}
#financial-education img {
  width: 40%;
  margin-top: 20px;
  margin-bottom: 30px;
}
#financial-education a {
  color: #0060a9;
  font-weight: bold;
  font-size: 0.9rem;
}
#financial-education .customPrevBtn {
  text-align: left;
  position: absolute;
  left: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 50%;
}
#financial-education .customNextBtn {
  text-align: right;
  position: absolute;
  right: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 50%;
}
#financial-education .owl-controls .owl-dots {
  width: 80px;
}
#financial-education .owl-controls .owl-dots span {
  background: none repeat scroll 0 0 #fff;
  border-radius: 20px;
  border: 2px solid #0060a9;
  display: block;
  float: left;
  height: 12px;
  margin: 5px 4px;
  width: 12px;
}
#financial-education .owl-controls .owl-dots .active span {
  background: #0060a9;
}
#financial-education-carousel {
  text-align: center;
  width: 80%;
  margin: auto;
  overflow: visible;
}
#financial-education-carousel .item img {
  margin: auto;
}
@media screen and (max-width: 800px) {
  #financial-education p {
    font-size: 1rem;
    line-height: 150%;
  }
  #financial-education img {
    width: 80%;
  }
}
.news-header {
  background: #ccd5dd;
  margin: 0 auto;
  overflow: visible;
  text-align: center;
  z-index: 1;
  padding: 40px 0 0;
}
.news-header .block-intro {
  margin-bottom: 0;
}
.news-header .container {
  padding: 0;
}
.news-header p {
  font-size: 1.5rem;
  line-height: 120%;
  margin-bottom: 80px;
  text-align: center;
}
.news-header .news-categories {
  margin: 20px auto 0 auto;
  width: 100%;
  position: relative;
  top: 20px;
}
@media screen and (max-width: 940px) {
  .news-header .news-categories {
    width: 65%;
    top: 30px;
  }
}
@media screen and (max-width: 500px) {
  .news-header .news-categories {
    width: 90%;
  }
}
@media screen and (max-width: 400px) {
  .news-header .news-categories {
    width: 98%;
  }
}
.news-header .news-categories .item {
  background: #fff;
  border-bottom: 1px solid #ccd5dd;
  color: #000;
  display: inline-block;
  font-weight: bold;
  height: 120px;
  margin: 0 15px;
  padding: 10px 0;
  position: relative;
  width: 120px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.news-header .news-categories .item:hover,
.news-header .news-categories .item:focus {
  background: #0060a9;
  color: #fff;
  text-decoration: none;
}
.news-header .news-categories .item:hover .icon,
.news-header .news-categories .item:focus .icon {
  color: #fff;
}
@media screen and (max-width: 940px) {
  .news-header .news-categories .item {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 500px) {
  .news-header .news-categories .item {
    height: 100px;
    width: 80px;
    padding: 10px 0;
    margin-bottom: 10px;
  }
}
.news-header .news-categories .item p {
  font-size: .7rem;
  text-transform: uppercase;
}
@media screen and (max-width: 500px) {
  .news-header .news-categories .item p {
    font-size: .6rem;
  }
}
.news-header .news-categories .item .iconholder {
  width: 100%;
}
.news-header .news-categories .item .icon {
  color: #0060a9;
  font-size: 85px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 500px) {
  .news-header .news-categories .item .icon {
    font-size: 65px;
  }
}
.news-header .news-categories .item .titleholder {
  height: 35px;
  bottom: 5px;
  position: absolute;
  width: 100%;
}
.news-content {
  background: #f1f1f1;
  padding-top: 90px;
}
.news-content article {
  background: #fff;
  border-bottom: 1px solid #ccd5dd;
  float: left;
  margin: 10px 0;
  width: 100%;
}
.news-content article h2 {
  color: #0060a9;
  font-size: 1.7rem;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 12px;
}
.news-content article a {
  color: #0060a9;
  font-weight: bold;
  display: block;
  margin-bottom: 15px;
}
.news-content article img {
  float: left;
  margin: 0 20px 15px 0;
  width: 45%;
}
@media screen and (max-width: 500px) {
  .news-content article img {
    width: 100%;
  }
}
.news-content article > div {
  padding: 20px 20px 0 20px;
}
.news-content article > div p {
  color: #666;
}
.news-content article > div p.content {
  clear: both;
}
.news-content article > div p.date {
  margin-bottom: 0;
}
@media screen and (max-width: 500px) {
  .news-content article {
    width: 100%;
  }
}
.news-content .news-col article:first-child,
.news-content .news-col article:nth-child(2) {
  padding-left: 0;
}
.news-content .news-col article:first-child img,
.news-content .news-col article:nth-child(2) img {
  padding-left: 0;
  width: 100%;
}
.news-content .news-col article:nth-child(1n) {
  float: left;
  width: 49%;
  display: block;
  margin-right: 2%;
}
@media screen and (max-width: 500px) {
  .news-content .news-col article:nth-child(1n) {
    width: 100%;
    margin-right: 0;
  }
}
.news-content .news-col article:nth-child(2n) {
  float: right;
  margin-right: 0;
}
.news-content .not-found {
  color: #666;
  font-size: 1.4rem;
  text-align: center;
}
.news-content .load-articles {
  background: #62bb46;
  color: #fff;
  display: none;
  margin: 20px auto;
  padding: 16px;
  text-align: center;
  width: 170px;
}
.news-content .load-articles.show {
  display: block;
}
@media screen and (max-width: 500px) {
  .news-content .load-articles {
    width: 100%;
  }
}
#opportunities {
  margin: 0 auto;
  text-align: center;
  padding: 60px 0px !important;
}
#opportunities .block-title {
  font-size: 2.2rem;
  display: block;
}
#opportunities .careers_img {
  width: 50%;
  float: left;
}
#opportunities .credit_cards {
  float: right;
  width: 50%;
}
#opportunities .c6 {
  margin: 0;
  text-align: left;
}
#opportunities h2 {
  font-weight: 400;
  color: #005da3;
  font-size: 1.5rem;
  line-height: 150%;
  margin-top: 20px;
}
#opportunities .pad-left {
  padding-left: 20px;
  height: 265px;
}
#opportunities a {
  color: #0060a9;
}
#opportunities .co_branded_cc {
  text-align: left;
  width: 50%;
  float: left;
}
#opportunities a.button {
  margin: 0 auto;
  padding: 10px;
  background: #62bb46;
  font-weight: bold;
  display: block;
  color: #fff;
  font-size: 0.9rem;
  width: 180px;
  height: 45px;
  float: left;
  text-align: left;
  background-image: url('../uploads/bricks/arrow-right-button-small.jpg');
  background-position: right center;
  background-repeat: no-repeat;
  color: #002d56;
}
#opportunities .careers_text {
  width: 50%;
  float: left;
  text-align: left;
  padding: 20px;
}
#opportunities p {
  font-size: 0.9rem;
  width: 80%;
}
#opportunities img {
  width: 100%;
}
@media screen and (max-width: 800px) {
  #opportunities .careers_img,
  #opportunities .careers_text {
    width: 100%;
  }
  #opportunities .credit_cards,
  #opportunities .co_branded_cc {
    width: 100%;
    float: left;
  }
  #opportunities a.button {
    position: relative;
    float: left;
    margin-top: 20px;
    color: #fff;
    padding: 5px;
    font-size: 1.2rem;
    font-weight: 100;
  }
}
.news-carousel {
  background: #f1f1f1;
}
.news-carousel .customNextBtn {
  width: 5%;
}
.news-carousel .customPrevBtn {
  width: 5%;
}
.news-carousel .newsroom-link {
  margin-top: 90px;
}
.news-carousel .newsroom-link a {
  padding: 15px 30px;
  font-size: 18px;
}
.news-preloader {
  display: block;
  text-align: center;
  color: #005da3;
}
.news-preloader i {
  font-size: 70px;
}
.news-preloader p {
  margin-top: 20px;
}
.customNextBtn {
  float: right;
  color: #4E9D3C;
  font-size: 40px;
  cursor: pointer;
  cursor: hand;
  text-align: right;
  margin-top: 230px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
.customPrevBtn {
  float: left;
  color: #4E9D3C;
  font-size: 40px;
  cursor: pointer;
  cursor: hand;
  margin-top: 230px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
}
#newsCarousel {
  width: 90%;
  float: left;
}
#newsCarousel .item {
  background: #fff;
  padding: 10px 10px 20px;
  margin: 0 0 40px;
  width: 100%;
}
@media all and (max-width: 800px) {
  #newsCarousel .item img {
    display: none;
  }
}
#newsCarousel .item p {
  text-align: left;
}
#newsCarousel .item .date {
  margin: 20px 0;
}
#newsCarousel .item .title {
  color: #40627e;
  font-size: 24px;
  margin-bottom: 10px;
}
#newsCarousel .item a.readMore {
  color: #1559af;
  font-weight: bold;
}
#newsCarousel .item i {
  color: #62bb46;
  margin-left: 10px;
}
#newsCarousel .owl-stage,
#newsCarousel .owl-item {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
#newsCarousel .owl-dot {
  background: #a6b3c0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  margin: 0 10px 0 0;
  display: inline-block;
}
#newsCarousel .owl-dot:last-child {
  margin-right: 0;
}
#newsCarousel .owl-dot.active {
  background: #1559af;
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
#newsCarousel .owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
}
#newsCarousel .owl-controls {
  width: 100%;
}
#newsCarousel .owl-dots {
  display: block;
  text-align: center;
}
@media all and (max-width: 800px) {
  #newsCarousel {
    left: 6%;
  }
  #newsCarousel .item .content {
    display: none !important;
  }
  .customNextBtn {
    width: 5%;
    position: absolute;
    bottom: -15px;
    right: 20px;
  }
  .customPrevBtn {
    width: 5%;
    position: absolute;
    bottom: -15px;
    left: 20px;
  }
}
.featured_carousel .item {
  text-align: center;
  color: #0060a9;
  height: auto;
}
.featured_carousel .item span {
  display: block;
  margin: 0 auto 10px;
  font-size: 90px;
}
.featured_carousel .item strong {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.featured_carousel .item p {
  width: 65%;
  margin: 0 auto;
  display: block;
}
.block.rewards {
  background: #f4f4f4;
}
.block.rewards .container {
  padding: 0 20px;
}
.block.rewards .block-intro p {
  display: block;
  width: 70%;
  margin: 0 auto;
  font-size: 25px;
  line-height: 35px;
  font-weight: 500;
}
.block.rewards .block-intro p sup {
  top: -10px;
}
.block.rewards .reward-items {
  text-align: center;
}
.block.rewards .reward-item {
  display: inline-block;
  vertical-align: top;
  width: 19%;
  margin: 0;
  padding: 0;
}
.block.rewards .reward-item img {
  max-width: 75%;
  margin: 0 auto 20px;
}
.block.rewards .reward-item p {
  width: 80%;
  margin: 0 auto;
  color: #0060a9;
  font-size: 14px;
  line-height: 22px;
}
@media all and (max-width: 660px) {
  .block.rewards .block-intro {
    margin-bottom: 20px;
  }
  .block.rewards .block-intro p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .block.rewards .reward-item {
    width: 32%;
    margin-bottom: 30px;
  }
  .block.rewards .reward-item:last-of-type {
    margin-bottom: 0;
  }
  .block.rewards .reward-item p {
    font-size: 13px;
  }
}
.card-table-intro-tabs {
  background: #f1f1f1;
  padding: 20px 0;
}
.card-table-intro-tabs .tabbed-area {
  max-width: 1100px;
  width: 80%;
  margin: 20px auto;
  background: #FFF;
}
.card-table-intro-tabs .tabbed-area .tab {
  border-right: 2px solid #f1f1f1;
  height: 50px;
  background: #d5e8f3;
  cursor: pointer;
  cursor: hand;
  padding: 10px;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: bold;
  width: 14.285714285714%;
}
.card-table-intro-tabs .tabbed-area .tab:last-child {
  border-right: 0;
}
.card-table-intro-tabs .tabbed-area .tab.active {
  background: #FFF;
}
.card-table-intro-tabs .tabbed-area .tab span {
  color: #005da3;
  display: table-cell;
  vertical-align: middle;
  height: 30px;
}
.card-table-intro-tabs .tabbed-area .tab i {
  font-size: 30px;
  float: left;
  margin-right: 10px;
  color: #005da3;
  top: 5px;
}
.card-table-intro-tabs .tabbed-content > div {
  display: none;
}
.card-table-intro-tabs .tabbed-content img {
  width: 100%;
}
.card-table-intro-tabs .tabbed-content .tab-content-first {
  display: block;
}
.card-table-intro-tabs .tabbed-content .tab-content-first .block#calculator {
  width: 80%;
  margin: 0 auto;
}
.card-table-intro-tabs .tabbed-content .tab-content-first .block#calculator a.info-icon {
  right: 0;
}
.card-table-intro-tabs .tabbed-content .tab-content-first .title {
  color: #005da3;
  text-align: center;
  font-size: 34px;
  margin-bottom: 20px;
  max-width: 90%;
  margin: 0 auto 30px;
}
.card-table-intro-tabs .tabbed-content .tab-content-first .strapline {
  margin-bottom: 30px;
  text-align: center;
  color: #666;
}
.card-table-intro-tabs .tabbed-content .tab-content-first .button {
  margin-top: 30px;
  display: table;
  margin: 30px auto 0;
  padding: 15px 30px;
}
.card-table-intro-tabs .tabbed-content .tab-content-first .button a {
  font-size: 18px;
}
.card-table-intro-blocks {
  display: none;
}
@media all and (max-width: 1100px) {
  .card-table-intro-tabs .tabbed-area .tab {
    font-size: 10px;
  }
}
@media all and (max-width: 1120px) {
  .card-table-intro-tabs .tabbed-area .tab {
    font-size: 12px;
    text-align: center;
  }
  .card-table-intro-tabs .tabbed-area .tab i {
    display: none;
  }
  .card-table-intro-tabs .tabbed-area .tab span {
    text-align: center;
    display: block;
    padding: 5px 0 0;
  }
  .tabbed-content #calculator .slider-container .ui-widget-content {
    width: 70%;
  }
}
@media all and (max-width: 700px) {
  .card-table-intro-tabs {
    display: none;
  }
  .card-table-intro-blocks {
    display: block;
    padding: 30px;
    margin: 20px 0 0;
    background: #0060a9;
  }
  .card-table-intro-blocks .blocks {
    margin-left: -5px;
    margin-right: -5px;
  }
  .card-table-intro-blocks .block-spacer {
    width: 100%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 10px;
  }
  .card-table-intro-blocks .block {
    display: block;
    width: 100%;
    padding: 0;
  }
  .card-table-intro-blocks .block .block-content {
    display: block;
    background: #fff;
    overflow: hidden;
    width: 100%;
    text-align: center;
    color: #0060a9;
  }
  .card-table-intro-blocks .block span {
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    width: 75%;
    line-height: 60px;
    font-size: 12px;
    text-align: left;
    margin-left: 5%;
    display: inline-block;
  }
  .card-table-intro-blocks .block i {
    font-size: 40px;
    display: block;
    float: left;
    padding: 10px;
    width: 20%;
    top: 5px;
  }
  .card-table-intro-blocks .block:hover {
    text-decoration: none;
  }
}
.news-article {
  background: #f1f1f1;
  padding-bottom: 0px;
  word-wrap: break-word;
}
.news-article .row {
  padding: 10px 20px;
}
.news-article blockquote {
  background-image: url('/uploads/global/quote-bg.jpg');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center 50px;
  position: relative;
  margin: 0 20px;
  width: inherit;
  font-family: 'open sans', sans-serif;
  font-weight: 300;
  font-style: italic;
  border-top: 2px solid #f1f1f1;
  border-bottom: 2px solid #f1f1f1;
  padding: 40px 90px;
}
.news-article blockquote strong {
  font-weight: normal;
}
@media all and (max-width: 890px) {
  .news-article blockquote {
    padding: 40px 60px;
  }
}
@media all and (max-width: 545px) {
  .news-article blockquote {
    background-position: center 50px;
    padding: 20px 30px;
  }
}
@media all and (max-width: 420px) {
  .news-article blockquote {
    padding: 20px 15px;
  }
}
.news-article blockquote p {
  font-size: 32px;
  line-height: 40px;
}
@media all and (max-width: 890px) {
  .news-article blockquote p {
    font-size: 24px;
    line-height: 30px;
  }
}
@media all and (max-width: 545px) {
  .news-article blockquote p {
    font-size: 20px;
    line-height: 26px;
  }
}
@media all and (max-width: 420px) {
  .news-article blockquote p {
    font-size: 16px;
    line-height: 22px;
  }
}
.news-article blockquote img.quote {
  position: absolute;
  top: 40px;
  left: 20px;
}
.news-article blockquote img.alt {
  position: absolute;
  top: 40px;
  right: 20px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.news-article blockquote strong {
  font-size: 14px;
  line-height: 22px;
  display: block;
  clear: both;
  font-style: normal;
}
@media all and (max-width: 545px) {
  .news-article blockquote strong {
    font-size: 12px;
    line-height: 18px;
  }
}
.news-article ul {
  display: block;
  margin: 0 0 20px 40px;
}
.news-article ul li {
  list-style: disc;
  line-height: 22px;
  margin-bottom: 10px;
}
.news-article ol {
  display: block;
  margin: 0 0 20px 40px;
}
.news-article ol li {
  list-style: decimal;
  line-height: 22px;
}
.news-article img {
  width: 100%;
}
.news-article p {
  margin: 0 20px 20px 20px;
}
.news-article p a {
  color: #0060a9;
}
.news-article .row {
  background: #fff;
  padding: 0 0 20px;
}
.news-article .info p {
  color: #666666;
  font-size: .9rem;
}
.news-article .info .meta {
  float: left;
  width: 70%;
  margin-top: 20px;
}
.news-article .info .meta h1 {
  color: #0060a9;
  font-size: 2.2rem;
  font-weight: 300;
  margin: 20px 20px 0;
}
@media only screen and (max-width: 450px) {
  .news-article .info .meta p > span {
    display: inline-block;
  }
}
@media only screen and (max-width: 450px) {
  .news-article .info .meta p .pipe {
    display: none;
  }
}
.news-article .info .meta .category {
  color: #0060a9;
}
@media only screen and (max-width: 700px) {
  .news-article .info .meta {
    width: 100%;
  }
}
.news-article .share {
  float: left;
  margin-left: 2%;
  text-align: right;
  width: 28%;
}
.news-article .share.mobile {
  display: none;
}
@media all and (max-width: 700px) {
  .news-article .share.mobile {
    display: block;
  }
}
@media all and (max-width: 700px) {
  .news-article .share.desktop {
    display: none;
  }
}
.news-article .share p {
  margin: 20px 20px 3px 0;
}
@media only screen and (max-width: 700px) {
  .news-article .share p {
    margin: 0 0 3px 0;
  }
}
.news-article .share ul {
  float: right;
  margin-right: 15px;
  overflow: hidden;
}
@media only screen and (max-width: 700px) {
  .news-article .share ul {
    margin: 0;
  }
}
.news-article .share ul > li {
  list-style: none;
  float: left;
  margin-right: 7px;
}
.news-article .share ul > li > a {
  color: #fff;
  display: block;
  padding: 8px 6px;
  text-align: center;
}
@media only screen and (max-width: 820px) {
  .news-article .share ul > li > a {
    padding: 4px 3px;
  }
}
@media only screen and (max-width: 735px) {
  .news-article .share ul > li > a {
    padding: 2px 4px;
    font-size: 12px;
  }
}
@media only screen and (max-width: 700px) {
  .news-article .share ul > li > a {
    padding: 8px 6px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 700px) {
  .news-article .share ul {
    float: left;
  }
}
@media only screen and (max-width: 700px) {
  .news-article .share {
    margin-left: 20px;
    text-align: left;
    width: 100%;
  }
}
.next-prev {
  padding: 50px 30px;
}
.next-prev a {
  color: #0060a9;
  display: none;
  float: left;
  font-size: .9rem;
}
.next-prev .next {
  float: right;
  text-align: right;
}
.related-articles {
  background: #d6e8f4;
  padding: 40px 0;
}
.related-articles article {
  margin: 0 0 0 0;
}
@media only screen and (max-width: 800px) {
  .related-articles article img {
    width: 45%;
  }
}
.related-articles .block-title {
  font-size: 40px;
}
.related-articles .news-col-1 > article:first-child img {
  width: 45%;
}
.related-articles .c6 {
  background: #fff;
}
@media only screen and (min-width: 800px) {
  .related-articles .loaded {
    display: flex;
  }
}
@media only screen and (max-width: 700px) {
  .related-articles {
    padding-top: 30px;
  }
}
img#card-image {
  max-width: 100%;
  height: auto;
}
.guided-search-step-bar {
  display: none;
  background: #ccd5dd;
  border-bottom: 2px solid #e1e4e5;
  padding: 10px 0;
  min-height: 50px;
  line-height: 35px;
}
.guided-search-step-bar .container {
  padding: 0 0 0 20px !important;
}
.guided-search-step-bar .container > div {
  float: left;
  width: 32%;
  margin-right: 1%;
  color: #335778;
  line-height: 42px;
}
.guided-search-step-bar .container > div:last-child {
  margin-right: 0;
}
.guided-search-step-bar .container > div.selection {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  height: 40px;
  width: 42%;
}
.guided-search-step-bar .container > div.selection .detailsHolder {
  width: auto;
  margin: 0 auto;
}
.guided-search-step-bar .container > div.selection .detailsHolder .iconHolder {
  float: left;
  line-height: 50px;
}
.guided-search-step-bar .container > div.selection .detailsHolder .iconHolder i {
  margin-right: 10px;
  font-size: 35px;
  display: inline-block;
}
.guided-search-step-bar .container > div.selection .detailsHolder .details {
  float: left;
}
.guided-search-step-bar .container > div.change-selection {
  width: 22%;
  text-align: right;
  cursor: pointer;
}
.guided-search:before {
  position: absolute;
  top: 0;
  background: #ccd5dd;
  height: 350px;
  content: "";
  width: 100%;
}
.guided-search .guided-search-categories {
  margin-top: 50px;
}
.guided-search .guided-search-categories i {
  display: block;
  text-align: center;
  font-size: 70px;
  color: #005da3;
}
.guided-search .guided-search-categories .icon-item {
  padding: 30px 20px;
}
.guided-search .guided-search-categories .icon-item strong {
  margin-bottom: 20px;
  line-height: 20px;
  height: 40px;
}
.guided-search .guided-search-categories .icon-item span {
  margin: 0 auto 20px;
  font-size: 80px;
}
.guided-search .guided-search-categories .icon-item:nth-child(3n) {
  margin-right: 0;
}
.guided-search .guided-search-categories .icon-item p {
  font-size: 16px;
  color: #666;
  font-weight: normal;
  line-height: 20px;
  max-width: 100%;
}
@media (min-width: 950px) {
  .guided-search .guided-search-categories .icon-item {
    width: 31.333333333333%;
  }
}
.guided-search.step-two {
  display: none;
}
.guided-search.step-two .guided-search-subcategories {
  margin-top: 50px;
}
.guided-search.step-two .guided-search-subcategories i {
  display: block;
  text-align: center;
  font-size: 70px;
  color: #005da3;
}
.guided-search.step-two .guided-search-subcategories .icon-item {
  padding: 30px 20px;
}
.guided-search.step-two .guided-search-subcategories .icon-item strong {
  margin-bottom: 20px;
  line-height: 20px;
  height: 40px;
}
.guided-search.step-two .guided-search-subcategories .icon-item span {
  margin: 0 auto 20px;
}
.guided-search.step-two .guided-search-subcategories .icon-item:nth-child(4n) {
  margin-right: 0;
}
.guided-search.step-two .guided-search-subcategories .icon-item p {
  font-size: 16px;
  color: #666;
  font-weight: normal;
  line-height: 20px;
  max-width: 100%;
}
.guided-search.step-three {
  display: none;
  padding: 0;
}
@media all and (max-width: 1000px) {
  .guided-search-step-bar .container .selection {
    width: 70% !important;
  }
  .guided-search-step-bar .container .change-selection {
    width: 25% !important;
  }
  .guided-search-step-bar .container .step {
    display: none;
  }
}
@media all and (max-width: 1000px) {
  .guided-search-step-bar {
    font-size: 14px;
  }
}
@media all and (max-width: 600px) {
  .guided-search-step-bar .container .selection {
    width: 85% !important;
  }
  .guided-search-step-bar .container .selection .detailsHolder .details {
    text-align: left;
  }
  .guided-search-step-bar .container .change-selection {
    width: 10% !important;
  }
  .guided-search-step-bar .container .change-selection span {
    display: none;
  }
}
@media all and (max-width: 430px) {
  .guided-search-step-bar .container {
    padding-left: 10px !important;
  }
  .guided-search-step-bar .container .selection {
    width: 90% !important;
  }
  .guided-search-step-bar .container .selection .details {
    font-size: 12px;
  }
  .guided-search-step-bar .container .change-selection {
    width: 5% !important;
  }
}
#payments-header {
  background: #f1f1f1;
  padding-bottom: 0px !important;
}
#payments-header .block-intro {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
#payments-header .white-strip {
  background: #fff;
  width: 100%;
  float: left;
  padding: 30px 0px;
}
#payments-header p {
  margin-top: 30px !important;
  width: 60%;
}
#my-account-header .block-intro {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
#my-account-header .block-intro p {
  margin-top: 20px;
}
@media screen and (max-width: 600px) {
  #my-account-header p {
    font-size: 1.2rem;
    line-height: 120%;
  }
}
#online-card-services {
  background: #f1f1f1;
}
#online-card-services .block-title {
  font-size: 2.2rem;
  float: left;
}
#online-card-services img {
  float: left;
  width: 40%;
}
#online-card-services .buttons {
  text-align: center;
  width: 100%;
}
#online-card-services button {
  padding: 20px 40px;
  border: none;
  font-size: 1.3rem;
  color: #fff;
}
#online-card-services .green {
  color: #62bb46;
}
#online-card-services .green-bg {
  background-color: #62bb46;
  margin-right: 30px;
}
#online-card-services .blue-bg {
  background-color: #002d56;
}
#online-card-services .ocs-text {
  padding: 0px 0px 0px 40px;
  width: 60%;
  float: left;
}
#online-card-services .ocs-text .block-title {
  width: 100%;
  text-align: left;
}
#online-card-services .ocs-text p,
#online-card-services .ocs-text ul li {
  text-align: left;
  font-size: 1.2rem;
  font-weight: 300;
  max-width: 100%;
  line-height: 120%;
}
#online-card-services .ocs-text ul {
  list-style-type: disc;
  list-style-position: inside;
  float: left;
  width: 100%;
  color: #62bb46;
  margin: 0;
  margin-top: 20px;
  padding: 0;
}
#online-card-services .ocs-text ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
#online-card-services .ocs-text ul li span {
  color: #333333;
  display: block;
  float: right;
  width: 90%;
}
@media screen and (max-width: 600px) {
  #online-card-services img {
    display: none;
  }
  #online-card-services .ocs-text {
    width: 100%;
    padding: 20px;
  }
  #online-card-services .ocs-text p,
  #online-card-services .ocs-text ul li {
    font-size: 1rem;
  }
  #online-card-services .block-title {
    font-size: 1.5rem;
  }
  #online-card-services button {
    padding: 20px 40px;
    border: none;
    font-size: 1rem;
    color: #fff;
  }
  #online-card-services .green-bg {
    margin-right: 20px;
  }
}
#payments-your-way {
  background: #f1f1f1;
}
#payments-your-way .block-title {
  font-size: 2.2rem;
  float: left;
}
#payments-your-way img {
  float: right;
  width: 40%;
}
#payments-your-way .green {
  color: #63ba4d;
}
#payments-your-way .pyw-text {
  padding: 0px 40px 0px 0px;
  width: 60%;
  float: left;
}
#payments-your-way .pyw-text .block-title {
  width: 100%;
  text-align: left;
}
#payments-your-way .pyw-text p,
#payments-your-way .pyw-text ul li {
  text-align: left;
  font-size: 1.2rem;
  font-weight: 300;
  max-width: 100%;
  line-height: 120%;
}
#payments-your-way .pyw-text p {
  margin-bottom: 20px;
}
#payments-your-way .pyw-text a {
  color: #0060a9;
}
@media screen and (max-width: 600px) {
  #payments-your-way img {
    display: none;
  }
  #payments-your-way .pyw-text {
    width: 100%;
    padding: 20px;
  }
  #payments-your-way .pyw-text p,
  #payments-your-way .pyw-text ul li {
    font-size: 1rem;
  }
  #payments-your-way .block-title {
    font-size: 1.5rem;
  }
  #payments-your-way button {
    padding: 20px 40px;
    border: none;
    font-size: 1rem;
    color: #fff;
  }
  #payments-your-way .green-bg {
    margin-right: 20px;
  }
}
#security-and-protection {
  margin: auto;
  text-align: center;
  position: relative;
  padding: 60px 0px !important;
}
#security-and-protection p {
  width: 70%;
  margin-bottom: 20px;
}
#security-and-protection .item {
  margin-top: 20px;
  float: left;
  width: 25%;
  padding: 0px 50px;
  text-align: center;
}
#security-and-protection .item p {
  margin-top: 10px;
  width: 100%;
}
#security-and-protection .item span {
  font-size: 1.3rem;
  font-weight: 600;
}
#security-and-protection .block-intro {
  margin-bottom: 0px;
}
#security-and-protection .block-title {
  display: block;
}
#security-and-protection i {
  font-size: 3.5rem;
  width: 100%;
  margin-bottom: 20px;
  color: #0060a9;
}
#security-and-protection img {
  width: 50%;
  margin-top: 20px;
}
#security-and-protection .customPrevBtn {
  text-align: left;
  position: absolute;
  left: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 65%;
}
#security-and-protection .customNextBtn {
  text-align: right;
  position: absolute;
  right: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 65%;
}
@media screen and (max-width: 800px) {
  #security-and-protection p {
    width: 100%;
    font-size: 1.2rem;
  }
  #security-and-protection .item {
    width: 50%;
    padding: 0px 10px;
  }
  #security-and-protection .item i {
    font-size: 3rem;
  }
  #security-and-protection .item span {
    font-size: 1.1rem;
  }
  #security-and-protection .item p {
    font-size: 1rem;
    width: 100%;
  }
  #security-and-protection .item img {
    width: 70%;
  }
}
#mobile-services-header .block-intro {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
#mobile-services-header .block-title {
  margin: 0 auto;
  width: 100%;
}
#mobile-services-header p {
  margin-top: 30px !important;
  width: 60%;
}
#mobile-card-services {
  background: #f1f1f1;
  padding-bottom: 0;
  position: relative;
}
#mobile-card-services .block-title {
  font-size: 2.2rem;
  margin-bottom: 20px;
  height: 50px;
}
#mobile-card-services .img_wrapper {
  position: relative;
  width: 30%;
  float: left;
  height: 450px;
}
#mobile-card-services img {
  float: left;
  vertical-align: bottom;
  width: 100%;
  position: absolute;
  bottom: 0;
}
#mobile-card-services .buttons {
  text-align: center;
  width: 100%;
}
#mobile-card-services button {
  padding: 20px 40px;
  border: none;
  font-size: 1.3rem;
  color: #fff;
}
#mobile-card-services .green {
  color: #62bb46;
}
#mobile-card-services .green-bg {
  background-color: #62bb46;
  margin-right: 30px;
}
#mobile-card-services .blue-bg {
  background-color: #002d56;
}
#mobile-card-services .mcs-text {
  padding: 0px 0px 0px 40px;
  width: 70%;
  float: left;
}
#mobile-card-services .mcs-text .block-title {
  width: 100%;
  text-align: left;
}
#mobile-card-services .mcs-text p,
#mobile-card-services .mcs-text ul li {
  text-align: left;
  font-size: 1.2rem;
  font-weight: 300;
  max-width: 100%;
  line-height: 120%;
}
#mobile-card-services .mcs-text p {
  margin-bottom: 20px;
  margin-top: 20px;
}
#mobile-card-services .mcs-text ul {
  list-style-type: disc;
  list-style-position: inside;
  float: left;
  width: 100%;
  color: #62bb46;
  margin: 0;
  margin-top: 20px;
  padding: 0;
}
#mobile-card-services .mcs-text ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
#mobile-card-services .mcs-text ul li span {
  color: #333333;
  display: block;
  float: right;
  width: 90%;
}
@media screen and (max-width: 940px) {
  #mobile-card-services .img_wrapper {
    width: 40%;
    height: 600px;
  }
  #mobile-card-services .mcs-text {
    width: 60%;
  }
}
@media screen and (max-width: 750px) {
  #mobile-card-services .img_wrapper {
    height: 650px;
  }
}
@media screen and (max-width: 675px) {
  #mobile-card-services .img_wrapper {
    height: 700px;
  }
}
@media screen and (max-width: 640px) {
  #mobile-card-services .img_wrapper {
    display: none;
  }
  #mobile-card-services .mcs-text {
    width: 100%;
    padding: 20px;
  }
  #mobile-card-services .mcs-text p,
  #mobile-card-services .mcs-text ul li {
    font-size: 1rem;
  }
  #mobile-card-services .block-title {
    font-size: 1.5rem;
  }
  #mobile-card-services button {
    padding: 20px 40px;
    border: none;
    font-size: 1rem;
    color: #fff;
  }
  #mobile-card-services .green-bg {
    margin-right: 20px;
  }
}
#mobile-card-services-app {
  margin: auto;
  background: #d6e8f4;
  text-align: center;
  position: relative;
  padding: 60px 0px !important;
}
#mobile-card-services-app .owl-controls .owl-dots {
  width: 80px;
}
#mobile-card-services-app .block-intro {
  margin-bottom: 0px;
}
#mobile-card-services-app .owl-controls .owl-dots {
  margin-top: 30px;
  width: auto;
}
#mobile-card-services-app .owl-controls .owl-dots .owl-dot {
  margin: 0 auto;
  float: left;
}
#mobile-card-services-app .owl-controls .owl-dots span {
  background: none repeat scroll 0 0 #fff;
  border-radius: 20px;
  border: 2px solid #0060a9;
  display: block;
  float: left;
  height: 12px;
  margin: 5px 4px;
  width: 12px;
}
#mobile-card-services-app .owl-controls .owl-dots .icon {
  font-size: 3.5rem !important;
  background: red;
  width: 100%;
  margin-bottom: 100px;
}
#mobile-card-services-app .owl-controls .owl-dots .active span {
  background: #0060a9;
}
#mobile-card-services-app .block-title {
  font-size: 2.2rem;
  display: block;
}
#mobile-card-services-app p {
  font-size: 1.4rem;
  width: 80%;
}
#mobile-card-services-app img {
  width: 50%;
  margin-top: 20px;
}
#mobile-card-services-app .customPrevBtn {
  text-align: left;
  position: absolute;
  left: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 65%;
}
#mobile-card-services-app .customNextBtn {
  text-align: right;
  position: absolute;
  right: 0;
  margin-top: -20px;
  width: 29px;
  z-index: 10;
  top: 65%;
}
#mobile-card-services-app-carousel {
  text-align: center;
  position: relative;
  width: 80%;
  margin: auto;
  margin-top: 30px;
  overflow: visible;
}
#mobile-card-services-app-carousel .owl-controls {
  top: 0;
  width: 100%;
  padding-top: 0;
  margin-top: 0;
  overflow: visible;
}
#mobile-card-services-app-carousel .item {
  color: #0060a9;
}
#mobile-card-services-app-carousel .item span {
  text-transform: uppercase;
  font-weight: 600;
  float: left;
  width: 100%;
  font-size: 1.3rem;
}
#mobile-card-services-app-carousel .item span.icon {
  font-size: 6rem;
  width: 100%;
  text-align: center;
  margin-bottom: 15px;
}
#mobile-card-services-app-carousel .item p {
  width: 100%;
  margin: 0 auto;
  margin-top: 15px;
  font-size: 1rem;
  width: 90%;
}
#download-the-app {
  background: #0060a9;
}
#download-the-app .left {
  width: 60%;
  float: left;
}
#download-the-app .right {
  float: left;
  width: 40%;
}
#download-the-app p {
  text-align: center;
  font-size: 2rem;
  line-height: 150%;
  color: #fff;
}
#download-the-app img {
  float: right;
  width: 48%;
  padding-left: 10px;
  margin-bottom: 10px;
}
@media screen and (max-width: 800px) {
  #download-the-app img {
    width: 90%;
  }
  #download-the-app p {
    margin-top: 20px;
    font-size: 1.5rem;
  }
  #mobile-card-services-app p {
    font-size: 1.3rem;
    width: 100%;
  }
  #mobile-card-services-app img {
    width: 70%;
  }
  #mobile-card-services-app .customPrevBtn,
  #mobile-card-services-app .customNextBtn {
    top: 75%;
  }
}
#mobile-text-service {
  background: #fff;
}
#mobile-text-service .block-title {
  font-size: 2.2rem;
}
#mobile-text-service img {
  float: right;
  width: 30%;
}
#mobile-text-service .green {
  color: #63ba4d;
}
#mobile-text-service .pyw-text {
  padding: 0px 40px 0px 0px;
  width: 70%;
  float: left;
}
#mobile-text-service .pyw-text .block-title {
  margin-top: 20px;
  width: 100%;
  text-align: left;
}
#mobile-text-service .pyw-text p,
#mobile-text-service .pyw-text ul li {
  text-align: left;
  font-size: 1.2rem;
  font-weight: 300;
  max-width: 100%;
  line-height: 120%;
}
#mobile-text-service .pyw-text ul {
  list-style-type: disc;
  list-style-position: inside;
  width: 100%;
  color: #62bb46;
  margin-top: 20px 0px !important;
  padding: 0;
  color: #333333;
}
#mobile-text-service .pyw-text ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  list-style: none;
}
#mobile-text-service .pyw-text ul li span {
  color: #333333;
  display: block;
  float: right;
  width: 95%;
}
#mobile-text-service .pyw-text ul li:before {
  content: "• ";
  color: #62bb46;
  list-style: none;
}
#mobile-text-service .pyw-text p {
  margin: 20px 0px;
}
#mobile-text-service .pyw-text a {
  color: #0060a9;
}
@media screen and (max-width: 600px) {
  #mobile-text-service img {
    display: none;
  }
  #mobile-text-service .pyw-text {
    width: 100%;
    padding: 20px;
  }
  #mobile-text-service .pyw-text p,
  #mobile-text-service .pyw-text ul li {
    font-size: 1rem;
  }
  #mobile-text-service .block-title {
    font-size: 1.5rem;
  }
  #mobile-text-service button {
    padding: 20px 40px;
    border: none;
    font-size: 1rem;
    color: #fff;
  }
  #mobile-text-service .green-bg {
    margin-right: 20px;
  }
}
#text-to-travel {
  background: #f1f1f1;
}
#text-to-travel .block-title {
  font-size: 2.2rem;
}
#text-to-travel img {
  float: left;
  width: 30%;
  padding-right: 20px;
}
#text-to-travel .green {
  color: #63ba4d;
}
#text-to-travel .ttt-text {
  padding: 0px 40px 0px 0px;
  width: 70%;
  float: left;
}
#text-to-travel .ttt-text .block-title {
  width: 100%;
  text-align: left;
}
#text-to-travel .ttt-text p,
#text-to-travel .ttt-text ul li {
  text-align: left;
  font-size: 1.2rem;
  font-weight: 300;
  max-width: 100%;
  line-height: 120%;
}
#text-to-travel .ttt-text ul {
  list-style-type: disc;
  list-style-position: inside;
  float: left;
  width: 100%;
  color: #62bb46;
  margin-top: 20px 0px !important;
  padding: 0;
}
#text-to-travel .ttt-text ul li {
  float: left;
  width: 100%;
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
}
#text-to-travel .ttt-text ul li span {
  color: #333333;
  display: block;
  float: right;
  width: 90%;
}
#text-to-travel .ttt-text p {
  margin: 20px 0px;
}
#text-to-travel .ttt-text a {
  color: #0060a9;
}
@media screen and (max-width: 600px) {
  #text-to-travel img {
    display: none;
  }
  #text-to-travel .ttt-text {
    width: 100%;
    padding: 20px;
  }
  #text-to-travel .ttt-text p,
  #text-to-travel .ttt-text ul li {
    font-size: 1rem;
  }
  #text-to-travel .block-title {
    font-size: 1.5rem;
    margin-top: 20px;
  }
  #text-to-travel button {
    padding: 20px 40px;
    border: none;
    font-size: 1rem;
    color: #fff;
  }
  #text-to-travel .green-bg {
    margin-right: 20px;
  }
}
#mobile-smallprint {
  text-align: left;
  padding: 30px 0px;
}
#mobile-smallprint .container {
  padding-bottom: 20px;
}
#mobile-smallprint a {
  color: #0060a9;
}
.page-intro.block {
  padding: 20px 0;
}
.page-intro-blocks {
  text-align: center;
  margin-bottom: 30px;
}
.page-intro-blocks span {
  font-size: 80px;
  width: 100%;
  margin-bottom: 20px;
  color: #0060a9;
}
.page-intro-blocks .title {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 10px;
  width: 80%;
  margin: 0 auto;
  color: #0060a9;
}
.page-intro-blocks p {
  margin-bottom: 0;
  max-width: 80%;
  margin: 0 auto;
}
@media all and (max-width: 800px) {
  .page-intro-blocks .c3 {
    width: 50%;
    float: left;
  }
  .page-intro-blocks .c3:nth-of-type(n+1) {
    width: 50%;
    float: right;
  }
}
@media all and (max-width: 425px) {
  .page-intro-blocks .c3 {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  .page-intro-blocks .c3:nth-of-type(n+1) {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}
#expanding-blocks {
  background: #f1f1f1;
}
#expanding-blocks a {
  color: #0060a9;
}
#expanding-blocks .block-intro {
  margin: 0 auto;
  text-align: center;
}
#expanding-blocks .block-title {
  font-size: 2.2rem;
}
#expanding-blocks .item {
  background: #fff;
  padding: 20px 20px 0px 20px;
  float: left;
  width: 100%;
  margin-top: 30px;
}
#expanding-blocks .item img {
  float: right;
  width: 50%;
  margin: -20px -20px 0px 0px;
}
#expanding-blocks .item p.first {
  width: 45%;
}
#expanding-blocks .item span {
  padding: 20px;
}
#expanding-blocks .item-title,
#expanding-blocks span {
  font-size: 1.6rem;
  color: #0060a9;
  font-weight: 100;
  line-height: 150%;
  margin-bottom: 20px;
}
#expanding-blocks ol {
  list-style-type: decimal;
  list-style-position: inside;
  color: #62bb46;
}
#expanding-blocks ol li {
  line-height: 120%;
  margin-bottom: 10px;
  float: left;
  width: 100%;
}
#expanding-blocks ol li span {
  color: #333;
}
#expanding-blocks .hidden {
  width: 100%;
  float: left;
  display: none;
  background: #fff;
}
#expanding-blocks .hidden button {
  background: none;
  border: none;
  float: right;
  outline: none;
  font-size: 1.5rem;
  color: #0061a9;
  line-height: 200%;
}
#expanding-blocks .hidden button i {
  font-size: 2.6rem;
  float: right;
  margin-top: 1px;
  margin-left: 20px;
}
@media screen and (max-width: 640px) {
  #expanding-blocks .item {
    padding: 20px 0px 20px 0px;
  }
  #expanding-blocks .item p.first {
    width: 100%;
  }
  #expanding-blocks .item img {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  #expanding-blocks .item .item-title,
  #expanding-blocks .item p,
  #expanding-blocks .item ol,
  #expanding-blocks .item ul {
    padding: 20px 0px;
    margin: 0;
  }
  #expanding-blocks .item p {
    padding: 0px 20px;
    width: 100%;
  }
  #expanding-blocks .item .item-title {
    padding: 0px 20px 0px 20px;
  }
}
#careers-content {
  padding-top: 90px;
  background: #f1f1f1;
  z-index: 2;
}
#careers-content img {
  width: 25%;
  margin-bottom: 15px;
  float: left;
  margin-right: 20px;
}
#careers-content .article {
  border-bottom: 1px solid #ccd5dd;
  margin: 20px 0px;
  background: #fff;
  padding-bottom: 20px;
  min-height: 320px;
}
#careers-content .copy {
  padding: 20px 20px 0px 20px;
}
#careers-content a {
  color: #0d68ad;
  font-weight: bold;
}
#careers-content img.first {
  width: 100%;
  padding-left: 0 !important;
}
#careers-content h2 {
  color: #0060a9;
  line-height: 120%;
  font-weight: 300;
  font-size: 1.7rem;
}
#careers-content .item .content {
  padding: 20px;
}
#careers-content p {
  color: #666 66;
}
#careers-content button {
  background: #62bb46;
  padding: 10px 30px;
  color: #fff;
  border: none;
  font-size: 1.0rem;
}
@media screen and (max-width: 800px) {
  #careers-content .c6 {
    padding: 0;
    margin: 0;
  }
  #careers-content img {
    width: 100%;
  }
  #careers-content a.loadmore {
    width: 100%;
  }
}
#support-search {
  background-image: url('../uploads/bricks/support-search-bg.jpg');
  background-repeat: repeat-x;
  background-size: 110%;
  background-position: center;
  min-height: 190px;
  text-align: center;
  padding: 80px 0px 80px 0px;
  z-index: 1;
}
#support-search .block-title {
  font-size: 3rem;
  display: block;
  color: #002d56;
}
#support-search p {
  font-size: 1.4rem;
  width: 50%;
  color: #002d56;
  margin-bottom: 30px;
}
#support-search input[type=text] {
  padding: 10px;
  border: none;
  height: 40px;
  width: 400px;
  border-top: 1px solid #dbdbdb;
}
#support-search button {
  height: 40px;
  width: 40px;
  text-align: center;
  background-color: #62bb46;
  color: #fff;
  top: -1px;
  border: none;
}
#support-search ::-webkit-input-placeholder,
#support-search :-moz-placeholder,
#support-search ::-moz-placeholder,
#support-search :-ms-input-placeholder {
  color: #333;
  opacity: 1;
}
#support-search img {
  width: 20%;
}
#support-search a.button {
  margin: 0 auto;
  padding: 23px 20px;
  background: #62bb46;
  margin-top: 50px;
  font-weight: bold;
  display: block;
  color: #fff;
  font-size: 0.9rem;
  max-width: 210px;
  height: 60px;
  text-align: left;
  background-image: url('../uploads/bricks/button-arrow-right.jpg');
  background-position: right;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1240px) {
  #support-search {
    background-size: 120%;
  }
}
@media screen and (max-width: 1145px) {
  #support-search {
    background-size: 130%;
  }
}
@media screen and (max-width: 1072px) {
  #support-search {
    background-size: 140%;
  }
}
@media screen and (max-width: 1000px) {
  #support-search {
    background-size: 150%;
  }
}
@media screen and (max-width: 920px) {
  #support-search {
    background-size: 180%;
  }
}
@media screen and (max-width: 800px) {
  #support-search {
    background-size: 300%;
  }
  #support-search .block-title {
    font-size: 1.5rem;
    margin-bottom: 0;
    line-height: 100%;
  }
  #support-search p {
    width: 100%;
    padding: 20px;
    max-width: 100%;
    font-size: 1rem;
    line-height: 130%;
  }
  #support-search input[type=text] {
    width: 70%;
  }
  #support-search img {
    width: 40%;
  }
}
#popular-faqs {
  background: #f1f1f1;
}
#popular-faqs .block-intro {
  text-align: center;
}
#popular-faqs .block-intro p {
  padding: 20px 0px;
}
#popular-faqs .item {
  background: #fff;
  background-image: url('../uploads/bricks/faq-item-bg.jpg');
  background-position: bottom right;
  background-repeat: no-repeat;
  width: 47%;
  display: inline-block;
  margin: 1%;
  padding: 40px 20px;
  font-size: 20px;
  color: #0060a9;
  border-bottom: 1px solid #ddd;
}
@media screen and (max-width: 800px) {
  #popular-faqs .item {
    width: 100%;
  }
}
#popular-topics {
  background: #d5e8f3;
}
#popular-topics .block-intro {
  text-align: center;
}
#popular-topics .block-intro p {
  padding: 20px 0px;
}
#popular-topics .row {
  text-align: center;
}
#popular-topics .item {
  background: #fff;
  width: 17%;
  vertical-align: top;
  display: inline-block;
  margin: 1%;
  font-weight: bold;
  height: 180px;
  padding: 30px 20px;
  font-size: 14px;
  color: #002d56;
  border-bottom: 1px solid #b5c5cf;
}
#popular-topics .icon {
  font-size: 80px;
  width: 100%;
  float: left;
  color: #0061a9;
  text-align: center;
  margin: 0 auto;
}
@media screen and (max-width: 800px) {
  #popular-topics .item {
    width: 47%;
  }
  #popular-topics .items {
    margin-top: 20px;
  }
}
.contact {
  background: #f1f1f1;
}
.contact .block-intro {
  text-align: center;
}
.contact .block-intro p {
  padding: 20px 0px;
}
.contact .cwe-container {
  background: #fff;
  padding: 30px 60px;
  color: #0060a9;
}
.contact .cwe-container p {
  color: #333333;
  font-size: 14px;
  line-height: 18px;
  padding-top: 10px;
}
.contact .cwe-container .cell {
  width: 100%;
  display: block;
  padding: 20px 0px 20px 0px;
  border-bottom: 1px solid #d9d9d9;
  overflow: hidden;
}
.contact .cwe-container .cell .left {
  display: block;
  float: left;
  max-width: 50%;
}
.contact .cwe-container .cell .left ul {
  margin-left: 20px;
  list-style: disc;
}
.contact .cwe-container .cell span {
  display: block;
  float: right;
  color: #002d56;
  text-align: right;
}
.contact .cwe-container .cell a {
  color: #0060a9;
}
@media screen and (max-width: 900px) {
  .contact .cwe-container {
    padding-top: 40px;
    margin-top: 40px;
  }
  .contact .cwe-container .cell .left {
    float: none;
    font-weight: bold;
    line-height: 20px;
    max-width: 100%;
  }
  .contact .cwe-container .cell span {
    text-align: left;
    float: none;
    padding-top: 10px;
    line-height: 20px;
  }
  .contact .cwe-container .cell p {
    font-weight: 100;
  }
}
.two-block-content {
  background: #f1f1f1;
  padding-top: 0;
}
.two-block-content .box-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.two-block-content .box-container .box {
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  width: 49%;
  background: #fff;
  padding: 20px;
  color: #0060a9;
  font-size: 30px;
  line-height: 70px;
}
.two-block-content .box-container .box:first-child {
  margin-right: 1.6%;
}
.two-block-content .box-container .box > * {
  clear: both;
}
.two-block-content .box-container .box p {
  font-size: 18px;
  color: #333333;
  margin-top: 10px;
}
.two-block-content .box-container .box ul {
  margin-left: 30px;
  font-size: 18px;
  list-style: disc;
}
.two-block-content .box-container .box ul li {
  line-height: 40px;
}
.two-block-content .box-container .box ol {
  margin-left: 30px;
  list-style-type: decimal;
  font-size: 18px;
}
.two-block-content .box-container .box ol li {
  line-height: 40px;
}
.two-block-content .box-container .box .icon {
  font-size: 70px;
  float: left;
}
.two-block-content .box-container .box a {
  color: #0060a9;
}
.two-block-content .box-container .box a i {
  color: #63ba4d;
}
@media screen and (max-width: 800px) {
  .two-block-content .box-container .box {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 800px) {
  .two-block-content .box-container {
    display: block;
  }
}
@media screen and (min-width: 801px) {
  .ie9 .two-block-content .container,
  .ie8 .two-block-content .container {
    padding-left: 0;
    padding-right: 0;
  }
  .ie9 .two-block-content .row,
  .ie8 .two-block-content .row {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: seperate;
    border-spacing: 20px;
  }
  .ie9 .two-block-content .box-container,
  .ie8 .two-block-content .box-container {
    display: table-row;
    width: 100%;
  }
  .ie9 .two-block-content .box-container .box,
  .ie8 .two-block-content .box-container .box {
    display: table-cell;
  }
}
.two-col-content-accordion {
  background: #f1f1f1;
}
.two-col-content-accordion ul {
  margin-bottom: 20px;
  margin-left: 20px;
}
.two-col-content-accordion ul li {
  list-style-type: disc;
  line-height: 20px;
  margin-bottom: 10px;
}
.two-col-content-accordion ol {
  margin-left: 25px;
  margin-bottom: 20px;
}
.two-col-content-accordion ol li {
  list-style-type: decimal;
  line-height: 20px;
  margin-bottom: 10px;
}
.two-col-content-accordion .column {
  float: left;
  width: 50%;
}
@media screen and (max-width: 600px) {
  .two-col-content-accordion .column {
    width: 100%;
  }
}
.two-col-content-accordion .item {
  font-size: 1rem;
  margin: 10px 1% 20px;
  background: #fff;
  padding: 15px;
  word-wrap: break-word;
}
.two-col-content-accordion .item .icon {
  font-size: 45px;
  float: left;
  top: 5px;
  right: 5px;
}
.two-col-content-accordion .item .fa {
  top: 5px;
}
.two-col-content-accordion .content {
  margin-top: 20px;
  display: none;
}
.two-col-content-accordion .content a {
  color: #0060a9;
}
.two-col-content-accordion .header {
  overflow: hidden;
}
.two-col-content-accordion .header span {
  font-size: 1.6rem;
  color: #0060a9;
  font-size: 100;
  line-height: 150%;
  float: left;
  width: 88%;
}
.two-col-content-accordion .header a {
  font-size: 2rem;
  color: #0060a9;
  line-height: 80%;
  float: right;
  vertical-align: top;
  padding: 0;
  display: block;
  width: 12%;
  max-width: 30px;
}
.left-right-image-content-block {
  padding: 50px 0;
}
.left-right-image-content-block ul {
  margin-bottom: 30px;
}
.left-right-image-content-block ul li {
  list-style-position: inside;
  list-style: disc;
  margin-bottom: 5px;
  margin-left: 20px;
}
.left-right-image-content-block ol {
  margin-bottom: 30px;
}
.left-right-image-content-block ol li {
  list-style-position: inside;
  list-style: decimal;
  margin-bottom: 5px;
  margin-left: 20px;
}
.left-right-image-content-block h2 {
  color: #005da3;
  font-size: 30px;
  font-weight: 300;
}
.left-right-image-content-block.image-left .image {
  float: left;
  width: 30%;
  margin-right: 5%;
}
.left-right-image-content-block.image-left .image img {
  width: 100%;
}
.left-right-image-content-block.image-left .content {
  float: right;
  width: 65%;
}
.left-right-image-content-block.image-right .image {
  float: right;
  width: 30%;
  margin-left: 5%;
}
.left-right-image-content-block.image-right .image img {
  width: 100%;
}
.left-right-image-content-block.image-right .content {
  float: left;
  width: 65%;
}
.left-right-image-content-block .buttons {
  text-align: center;
  margin: 40px 0 0;
}
.left-right-image-content-block .buttons > a {
  padding: 12px 30px 12px 20px;
  min-width: 150px;
  width: auto;
  text-decoration: none;
}
.left-right-image-content-block .buttons > a i {
  top: 17px;
  position: absolute;
  margin-left: 5px;
}
.left-right-image-content-block .buttons .left {
  margin-right: 20px;
}
@media all and (max-width: 650px) {
  .left-right-image-content-block {
    padding: 30px 0;
  }
  .left-right-image-content-block h2 {
    font-size: 22px;
  }
  .left-right-image-content-block.image-left .image,
  .left-right-image-content-block.image-right .image {
    text-align: center;
    width: 100%;
    margin-bottom: 30px;
  }
  .left-right-image-content-block.image-left .image img,
  .left-right-image-content-block.image-right .image img {
    width: 100%;
  }
  .left-right-image-content-block.image-left .content,
  .left-right-image-content-block.image-right .content {
    width: 100%;
    font-size: 14px;
  }
}
@media all and (max-width: 400px) {
  .left-right-image-content-block .buttons > a {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .left-right-image-content-block .buttons > a.left {
    margin-right: 0;
  }
  .left-right-image-content-block .buttons > a i {
    top: 14px;
  }
}
.strapline-cta {
  padding: 30px 0;
  overflow: hidden;
}
.strapline-cta .container {
  padding: 0 20px !important;
}
.strapline-cta .left {
  font-size: 28px;
  font-weight: 300;
  float: left;
  padding-top: 0;
  width: 60%;
}
.strapline-cta .right {
  text-align: right;
  float: right;
  width: 40%;
}
.strapline-cta .right .button_one,
.strapline-cta .right .button_two {
  width: 43%;
  display: inline-block;
}
.strapline-cta .right .button_one img,
.strapline-cta .right .button_two img {
  width: 100%;
}
.strapline-cta .right .button_one {
  margin-right: 20px;
}
@media all and (max-width: 929px) {
  .strapline-cta .left {
    font-size: 22px;
  }
}
@media all and (max-width: 720px) {
  .strapline-cta .left {
    font-size: 16px;
  }
  .strapline-cta .right .button_one {
    margin-right: 10px;
  }
}
@media all and (max-width: 545px) {
  .strapline-cta .left {
    width: 55%;
    font-size: 20px;
    line-height: 22px;
  }
  .strapline-cta .right {
    text-align: right;
    float: right;
    width: 40%;
  }
  .strapline-cta .right .button_one,
  .strapline-cta .right .button_two {
    width: 100%;
    display: block;
  }
  .strapline-cta .right .button_one img,
  .strapline-cta .right .button_two img {
    width: 100%;
  }
  .strapline-cta .right .button_one {
    margin-right: 20px;
  }
}
.three-block-carousel .customPrevBtn {
  left: 0;
  top: 50%;
  margin-top: 40px !important;
  position: absolute;
}
.three-block-carousel .customNextBtn {
  right: 0;
  top: 50%;
  margin-top: 40px !important;
  position: absolute;
  width: 9%;
}
.three-block-carousel .owl-carousel {
  float: left;
  width: 90%;
  margin-left: 5%;
}
.three-block-carousel .owl-carousel .owl-stage-outer.owl-height {
  height: auto !important;
}
@media only screen and (max-width: 599px) {
  .three-block-carousel .owl-carousel {
    float: none;
    margin: 0 auto;
    width: 80%;
  }
}
.three-block-carousel .owl-carousel .item {
  text-align: center;
}
.three-block-carousel .owl-carousel .item .icon i {
  font-size: 100px;
  margin-bottom: 30px;
  color: #005DA3;
}
.three-block-carousel .owl-carousel .item .title {
  color: #005DA3;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.three-block-carousel .owl-carousel .item .content {
  color: #005DA3;
  margin-bottom: 20px;
}
.three-block-carousel .owl-carousel .item a {
  color: #005DA3;
}
.three-block-carousel .owl-carousel .item a i {
  color: #62bb46;
  margin-top: 3px;
  position: absolute;
  margin-left: 5px;
}
.glossary-index {
  background: #d5e8f3;
  z-index: 1337;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 30px 0px;
  border-top: 1px solid #e7e7e7;
  font-weight: bold;
  font-size: 24px;
  line-height: 120%;
}
.glossary-index a {
  color: #022e59;
  padding: 0px 10px;
  cursor: pointer;
}
#glossary {
  background: #f1f1f1;
  margin-bottom: 50px;
}
#glossary .block-title {
  font-size: 35px;
}
#glossary .block-title:hover,
#glossary .block-title:focus {
  text-decoration: none;
}
#glossary .item {
  background: #fff;
  padding: 20px;
  margin-top: 20px;
}
#glossary .item ul {
  list-style: disc;
  margin: 0 0 20px 40px;
}
#glossary .item ul li {
  margin-bottom: 5px;
  line-height: 24px;
}
@media screen and (max-width: 800px) {
  .glossary-index {
    font-size: 20px;
    line-height: 150%;
  }
}
@media screen and (max-width: 600px) {
  .glossary-index {
    font-size: 14px;
    line-height: 150%;
  }
  .glossary-index a {
    padding: 0 7px;
  }
  #glossary {
    margin-bottom: 70px;
  }
}
.right-image-accordion h2 {
  font-size: 1.6rem;
  color: #0060a9;
  font-weight: 100;
  line-height: 150%;
  margin: 30px 0 20px;
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .right-image-accordion h2 {
    padding: 0 20px;
  }
}
@media screen and (max-width: 640px) {
  .right-image-accordion p {
    padding: 0 20px;
  }
}
.right-image-accordion a[data-toggle] {
  color: #0060a9;
  font-weight: bold;
}
.right-image-accordion img {
  float: right;
  width: 50%;
  margin: -20px -20px -20px 0;
}
@media screen and (max-width: 640px) {
  .right-image-accordion img {
    float: left;
    width: 100%;
    margin-bottom: 20px;
  }
}
.right-image-accordion .item:nth-child(even) img {
  float: left;
  padding-right: 20px;
  margin: -20px 0px -20px -20px;
}
@media screen and (max-width: 640px) {
  .right-image-accordion .item:nth-child(even) img {
    padding-right: 0;
    margin: -20px 0px 0px 0px;
  }
}
.right-image-accordion ol {
  list-style-type: decimal;
  list-style-position: inside;
  color: #62bb46;
}
.right-image-accordion ol li {
  line-height: 120%;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .right-image-accordion ol li {
    padding: 0 20px;
  }
  .right-image-accordion ol li p {
    padding: 0;
  }
}
.right-image-accordion ol li span {
  color: #333;
}
.right-image-accordion .item {
  background: #fff;
  padding: 20px;
  margin-bottom: 30px;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .right-image-accordion .item {
    padding: 20px 0 20px 0;
    margin-top: 20px;
  }
}
.right-image-accordion .excerpt {
  margin: 10px 0 20px;
}
.right-image-accordion .content {
  display: none;
  padding: 20px 20px 0;
}
.right-image-accordion .content .close {
  text-align: right;
}
.right-image-accordion .content .close a[data-toggle] {
  text-align: right;
  font-size: 1.2rem;
  line-height: 200%;
}
.right-image-accordion .content .close a[data-toggle]:hover,
.right-image-accordion .content .close a[data-toggle]:focus {
  text-decoration: none;
}
.right-image-accordion .content .close a[data-toggle] i {
  font-size: 1.6rem;
  margin-left: 5px;
}
#help-you-need {
  margin: auto;
  text-align: center;
  position: relative;
  padding: 60px 0px !important;
}
#help-you-need .block-intro {
  margin-bottom: 0px;
}
#help-you-need .block-title {
  font-size: 35px;
  display: block;
}
#help-you-need p {
  font-size: 1.4rem;
  width: 70%;
}
#help-you-need .item {
  width: 23%;
  text-align: center;
  display: inline-block;
  margin-right: 1%;
  margin-top: 20px;
}
#help-you-need a {
  color: #0060a9;
  margin: 0 auto;
}
#help-you-need a i {
  color: #62bb46;
}
.one-block-carousel .item {
  background-size: cover;
}
.one-block-carousel .item .customPrevBtn {
  left: 0;
  top: 50%;
  margin-top: -20px;
  position: absolute;
}
.one-block-carousel .item .customNextBtn {
  right: 0;
  top: 50%;
  margin-top: -20px;
  position: absolute;
}
.one-block-carousel .item .carouselInner {
  float: left;
  width: 90%;
  margin-left: 5%;
}
.one-block-carousel .item .carouselInner .content {
  width: 80%;
  margin: 20px auto;
}
.one-block-carousel .item .carouselInner .content a,
.one-block-carousel .item .carouselInner .content a:link,
.one-block-carousel .item .carouselInner .content a:visited {
  color: #0060a9;
}
.one-block-carousel .item .carouselInner .image {
  width: 80%;
  margin: 20px auto;
}
.one-block-carousel .item .carouselInner .videoHolder {
  width: 80%;
  margin: 20px auto;
  text-align: center;
}
.one-block-carousel .item .carouselInner .buttonHolder {
  text-align: center;
  margin: 30px 0;
}
.one-block-carousel .item .carouselInner .buttonHolder .button:hover,
.one-block-carousel .item .carouselInner .buttonHolder .button:focus {
  text-decoration: none;
}
@media all and (max-width: 660px) {
  .one-block-carousel .image img {
    width: 90% !important;
  }
}
#img_left_right_accordion {
  background: red !important;
}
#img_left_right_accordion img {
  float: left;
  margin: -20px 0px -20px -20px;
  padding-right: 20px;
  width: 53.8%;
}
#img_left_right_accordion .item_title {
  margin-top: 0px;
  margin-bottom: 0;
  font-size: 30px;
  color: #005da3;
  font-weight: 100;
  line-height: 150%;
  display: inline-block;
}
#img_left_right_accordion .img_right {
  float: right;
  margin: -20px -20px -20px 0px;
  padding-right: 0;
  padding-left: 20px;
}
#img_left_right_accordion p {
  margin-bottom: 0;
}
#img_left_right_accordion .footer_heading {
  text-align: center;
}
#img_left_right_accordion .footer_heading a {
  color: #0060a9 !important;
}
#img_left_right_accordion .footer_heading p {
  font-size: 24px;
  text-align: center;
  padding: 20px 0px;
  width: 80%;
  line-height: 30px;
  margin: 0 auto;
}
@media screen and (max-width: 950px) {
  #img_left_right_accordion .item p {
    font-size: 14px;
    line-height: 20px;
  }
  #img_left_right_accordion .item .item_title {
    font-size: 24px;
  }
  #img_left_right_accordion .item img {
    width: 55%;
  }
}
@media screen and (max-width: 850px) {
  #img_left_right_accordion .item {
    padding: 0;
  }
  #img_left_right_accordion .item .item_title {
    font-size: 20px;
  }
  #img_left_right_accordion .item p {
    padding: 0px 20px 20px 20px;
    font-size: 16px;
    line-height: 22px;
  }
  #img_left_right_accordion .item .item_title {
    padding: 20px 20px 0px 20px;
  }
  #img_left_right_accordion img,
  #img_left_right_accordion .img_right {
    width: 100% !important;
    margin: 0;
    padding: 0;
  }
  #img_left_right_accordion .footer_heading p {
    font-size: 18px;
    line-height: 24px;
  }
}
.wrapper {
  background: #f1f1f1;
  width: 100%;
  padding-top: 30px;
}
.wrapper.wrapper-pad-bottom {
  padding-bottom: 40px;
}
.top-content {
  padding: 30px;
  background: #fff;
  margin-top: 20px;
}
.top-content img {
  max-width: 100%;
  height: auto;
}
.top-content ul {
  margin-bottom: 20px;
  margin-left: 20px;
}
.top-content ul li {
  list-style-type: disc;
  line-height: 20px;
  margin-bottom: 10px;
}
.top-content ol {
  margin-left: 20px;
  margin-bottom: 20px;
}
.top-content ol li {
  list-style-type: decimal;
  line-height: 20px;
  margin-bottom: 10px;
}
#dual-card-compare {
  background: #f1f1f1;
  padding: 40px 0;
}
#dual-card-compare ul li {
  background-image: url('/uploads/mastheads/green-tick.png');
  background-repeat: no-repeat;
  background-position: 0 5px;
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  padding-left: 35px;
  min-height: 20px;
  max-width: 85%;
  margin: 0 auto;
  text-align: left;
}
#dual-card-compare .item {
  width: 47%;
  display: inline-block;
  margin-left: 1%;
  margin-right: 1%;
  vertical-align: top;
  background: #fff;
  text-align: center;
  padding: 20px 0px;
}
#dual-card-compare .item p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  text-align: left;
  margin-bottom: 20px;
}
#dual-card-compare .item strong {
  color: #002d56;
  text-align: left;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 20px;
  margin-top: 20px;
  display: inline;
}
#dual-card-compare .item img {
  width: 80%;
}
#dual-card-compare .item .card-image {
  margin-bottom: 20px;
}
#dual-card-compare .item .row_image img,
#dual-card-compare .item .row_repex img {
  width: 100%;
  height: auto;
}
#dual-card-compare .item hr {
  border: none;
  border-bottom: 1px solid #f1f1f1;
  margin: 20px 0px;
}
#dual-card-compare .item .title {
  display: block;
  font-size: 36px;
  color: #0061a9;
  text-align: center;
  width: 100%;
  line-height: 50px;
  font-weight: 300;
  margin: 0 auto 20px;
  max-width: 95%;
  word-wrap: break-word;
}
#dual-card-compare .item .icon {
  font-size: 50px;
  color: #8fc0e6;
  float: left;
}
#dual-card-compare .item .icon.icon.icon-chevron {
  font-size: inherit;
  color: inherit;
  float: none;
  top: 3px;
}
#dual-card-compare .item .annual-fee {
  line-height: 50px;
}
#dual-card-compare .item .align-left {
  display: block;
  max-width: 80%;
  padding: 0;
  text-align: left;
  margin: 0 auto;
}
#dual-card-compare .item .regular-weight {
  font-weight: 100;
}
#dual-card-compare .item a.button {
  background: #62bb46;
  color: #fff;
  width: 100%;
  border: none;
  display: block;
  margin-top: 30px;
  font-size: 24px;
  padding: 20px 0px;
  text-align: center;
}
@media all and (max-width: 920px) {
  #dual-card-compare .item a.button {
    font-size: 18px;
  }
}
#dual-card-compare .item a.button:hover {
  text-decoration: none;
}
@media screen and (max-width: 700px) {
  #dual-card-compare .item {
    width: 100%;
  }
  #dual-card-compare .item:nth-child(1) {
    margin-bottom: 30px;
  }
}
.four-image-blocks {
  margin: auto;
  padding: 60px 0;
  text-align: center;
}
.four-image-blocks p {
  font-size: 1.1rem;
  margin-bottom: 5px;
}
.four-image-blocks a {
  color: #0060a9;
  margin: 0 auto;
}
.four-image-blocks a i {
  color: #62bb46;
}
.four-image-blocks .item {
  display: inline-block;
  margin-right: 1%;
  margin-top: 20px;
  text-align: center;
  width: 23%;
  vertical-align: top;
}
@media only screen and (max-width: 700px) {
  .four-image-blocks .item {
    width: 48%;
  }
}
@media only screen and (max-width: 400px) {
  .four-image-blocks .item {
    margin-right: 0;
    width: 100%;
  }
}
.four-image-blocks .item img {
  max-width: 50%;
  margin-bottom: 10px;
}
.four-image-blocks .item .sub-text {
  width: 65%;
  margin: 0 auto;
}
.four-image-blocks .item .sub-text p {
  font-size: 14px;
  line-height: 22px;
}
@media only screen and (max-width: 700px) {
  .four-image-blocks .item .sub-text {
    width: 90%;
  }
}
.full-width-module {
  background: #f1f1f1;
}
.full-width-module h2 {
  color: #0060a9;
  font-size: 24px;
  font-weight: 300;
}
.full-width-module a {
  color: #0060a9;
  font-weight: 600;
}
.full-width-module p {
  font-size: 15px;
}
.full-width-module .container {
  background: #fff;
}
.full-width-module .full-width-content {
  margin-bottom: 40px;
}
.full-width-module .button {
  background: #62bb46;
  color: #fff;
  font-weight: 300;
  display: inline-block;
  padding: 10px;
}
.full-width-module .button:hover,
.full-width-module .button:focus {
  text-decoration: none;
}
img {
  -ms-interpolation-mode: bicubic;
}
.one-image-col {
  background: orange;
}
.one-image-col ul {
  margin-bottom: 20px;
}
.one-image-col ul li {
  list-style-type: disc;
  margin-left: 20px;
  margin-bottom: 10px;
}
.one-image-col ol {
  margin-bottom: 20px;
}
.one-image-col ol li {
  list-style-type: decimal;
  margin-left: 20px;
  margin-bottom: 10px;
}
.one-image-col .block-intro p {
  max-width: 60%;
}
.one-image-col .featured-image {
  display: block;
  margin: 0 auto 40px;
  max-width: 100%;
}
.one-image-col .content-block {
  word-break: break-word;
}
.one-image-col .content-block a {
  font-weight: 600;
  color: #0060a9;
}
@media all and (max-width: 600px) {
  .one-image-col .block-intro p {
    max-width: 80%;
  }
}
.show-lightbox {
  position: fixed;
  bottom: 30px;
  right: 30px;
  padding: 10px 20px;
  background-color: #CCC;
  color: #000;
  cursor: pointer;
  cursor: hand;
}
.lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0060A9;
  background-color: rgba(0,96,169,0.8);
  z-index: 999;
}
.lightbox .inner {
  position: absolute;
  top: 20%;
  left: 50%;
  width: 600px;
  margin-left: -300px;
  background: #FFF;
  padding: 40px;
  max-height: 60%;
  overflow-y: scroll;
}
.lightbox .inner .title {
  font-size: 30px;
  font-weight: 300;
  color: #0060a9;
  margin-bottom: 20px;
  word-wrap: break-word;
  padding-right: 30px;
}
.lightbox .inner .content {
  line-height: 28px;
  word-wrap: break-word;
}
.lightbox .inner .buttons {
  margin-top: 30px;
}
.lightbox .inner .buttons a {
  cursor: pointer;
  cursor: hand;
}
.lightbox .inner .buttons .leaving-first {
  border: 1px solid #001543;
  background: #001543;
  color: #FFF;
  padding: 10px 20px 10px 10px;
  margin-right: 20px;
  text-decoration: none;
}
.lightbox .inner .buttons .leaving-first:hover {
  text-decoration: none;
}
.lightbox .inner .buttons .leaving-first i {
  color: #62bb46;
  position: absolute;
  top: 15px;
}
.lightbox .inner .buttons .leaving-second {
  border: 1px solid #62bb46;
  background: #62bb46;
  color: #FFF;
  padding: 10px;
  text-decoration: none;
}
.lightbox .inner .buttons .leaving-second:hover {
  text-decoration: none;
}
.lightbox .close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 30px;
  color: #0060a9;
  cursor: pointer;
  cursor: hand;
  z-index: 999;
}
@media all and (max-width: 700px) {
  .lightbox .inner {
    position: absolute;
    top: 20px;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    background: #FFF;
    padding: 20px 20px 40px;
    font-size: 12px;
    max-height: 87%;
  }
  .ie9 .lightbox .inner .buttons .leaving-first,
  .ie9 .lightbox .inner .buttons .leaving-second {
    font-size: 12px;
    width: 100%;
    margin-bottom: 10px;
    display: block !important;
  }
  .ie9 .lightbox .inner .buttons .leaving-first .icon,
  .ie9 .lightbox .inner .buttons .leaving-second .icon {
    position: absolute;
    right: 5px;
    top: 13px;
  }
}
@media all and (max-width: 600px) {
  .lightbox .inner .buttons .leaving-first,
  .lightbox .inner .buttons .leaving-second {
    font-size: 12px;
    width: 100%;
    margin-bottom: 10px;
    display: block;
  }
  .lightbox .inner .buttons .leaving-first .icon,
  .lightbox .inner .buttons .leaving-second .icon {
    position: absolute;
    right: 5px;
    top: 13px;
  }
}
.block#timeline {
  background: #555;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  -ms-behavior: url(/images/background-size.polyfill.min.htc);
}
.block#timeline .block-buttons {
  position: relative;
  z-index: 9999;
  top: -50px;
}
@media all and (max-width: 940px) {
  .block#timeline .block-intro {
    display: none;
  }
}
.block#timeline .mobile-title {
  display: none;
  margin-left: 20px;
  position: relative;
  top: 10px;
}
@media all and (max-width: 940px) {
  .block#timeline .mobile-title {
    display: inline-block;
  }
  .block#timeline .mobile-title h1,
  .block#timeline .mobile-title .block-title {
    font-size: 30px;
    color: #0060a9;
  }
}
@media all and (max-width: 460px) {
  .block#timeline .mobile-title h1,
  .block#timeline .mobile-title .block-title {
    font-size: 20px;
    color: #0060a9;
  }
}
@media all and (max-width: 420px) {
  .block#timeline .mobile-title {
    top: 30px;
  }
}
.sub-text {
  text-align: center;
  color: #fff;
}
.sub-text p {
  width: 1060px;
  max-width: 95%;
  display: block;
  margin: 0 auto;
  text-align: center;
  font-size: 12px;
  line-height: 20px;
}
.mini-card {
  display: block;
  margin: 0 auto -55px;
  width: 160px;
  max-width: 160px;
  z-index: 998;
}
#cd-timeline {
  margin-top: 3em;
  margin-bottom: 3em;
  position: relative;
  padding: 2em 0;
}
#cd-timeline:before {
  left: 50%;
  margin-left: -2px;
  content: '';
  position: absolute;
  top: 0;
  height: 100%;
  width: 2px;
  background: #fff;
  z-index: 0;
}
.cd-timeline-block {
  position: relative;
  margin: -25px 0 20px 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0 !important;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
.cd-timeline-block a {
  display: block;
  position: static;
  text-decoration: none;
}
.cd-timeline-img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -3px;
  margin-top: -3px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  box-shadow: 0 0 0 2px white, inset 0 2px 0 rgba(0,0,0,0.08), 0 2px 0 2px rgba(0,0,0,0.05);
  z-index: 99;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
}
.cd-timeline-img img {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
  left: 50%;
  top: 50%;
  margin-left: -12px;
  margin-top: -12px;
}
.cd-timeline-img.cd-picture {
  background: #0060a9;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: #0A2C4C;
  color: #fff;
  padding: 15px 25px 25px;
  margin-left: 0;
  width: 100%;
}
.cd-timeline-content:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  height: 0;
  width: 0;
  border-color: transparent;
  border: 18px solid transparent;
  border-right-color: #0A2C4C;
  margin-top: -18px;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content .icon {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  color: #8fc0e6;
  font-size: 50px;
  font-size: 52px;
  margin-left: -10px;
}
.cd-timeline-content span.text {
  display: block;
  width: auto;
  margin-left: 45px;
  padding-top: 8px;
}
.cd-timeline-content h4 {
  color: #bbd9f1;
  font-weight: 300;
  color: #fff;
  font-size: 24px;
  position: relative;
}
.cd-timeline-content p {
  font-size: 16px;
  clear: both;
  margin-top: 20px;
}
.cd-timeline-content p sup {
  font-size: 12px;
  vertical-align: top;
  margin-top: -5px;
}
.cd-timeline-content .cd-read-more,
.cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content {
  float: right;
}
.cd-timeline-block:nth-child(even) .cd-timeline-content:before {
  top: 50%;
  right: auto;
  left: 100%;
  border-color: transparent;
  border-before-color: #0A2C4C;
  border-color: rgba(0,0,0,0);
  border: 18px solid rgba(0,0,0,0);
  border-left-color: #0A2C4C;
  margin-top: -18px;
}
.cd-timeline-block:nth-child(odd) {
  float: right;
  width: 45%;
  clear: both;
}
.cd-timeline-block:nth-child(even) {
  float: left;
  width: 45%;
  clear: both;
}
.cd-timeline-block:nth-child(even) .cd-timeline-img {
  left: 110.9%;
}
.cd-timeline-block:nth-child(odd) .cd-timeline-img {
  left: -11.3%;
  right: auto;
}
@media all and (max-width: 940px) {
  .cd-timeline-block:nth-child(even) .cd-timeline-content:before {
    left: auto;
    right: 100%;
    border-left-color: transparent;
    border-right-color: #0A2C4C;
  }
  .mini-card {
    display: inline-block;
    margin: 0 0 -55px -10px;
  }
  .cd-timeline-content .icon {
    font-size: 40px;
    margin-top: 5px;
  }
  .cd-timeline-content span.text {
    margin-left: 35px;
    padding: 10px 0;
    font-size: 18px;
    margin-bottom: -10px;
  }
  .block#timeline .block-buttons a.button {
    text-align: center;
    margin: 0 auto;
    width: 90%;
    display: block;
  }
  #cd-timeline:before {
    left: 30px;
  }
  .cd-timeline-content {
    padding: 5px 25px;
  }
  .cd-timeline-content h4 {
    margin-bottom: 0;
  }
  .cd-timeline-content p:last-of-type {
    margin-bottom: 10px;
  }
  .cd-timeline-img {
    left: -1px;
  }
  .cd-timeline-block {
    margin: 20px 0 10px 30px;
    width: 100%;
  }
  .cd-timeline-block:nth-child(odd) {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .cd-timeline-block:nth-child(even) {
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content,
  .cd-timeline-block:nth-child(odd) .cd-timeline-content {
    float: left;
    width: 85%;
    margin-left: 35px;
  }
  .cd-timeline-block:nth-child(odd) .cd-timeline-content:before {
    top: 50%;
    left: auto;
    right: 100%;
    border-color: rgba(0,0,0,0);
    border-right-color: #0A2C4C;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-img {
    left: 0;
  }
  .cd-timeline-block:nth-child(odd) .cd-timeline-img {
    left: 0;
  }
}
@media all and (max-width: 600px) {
  .cd-timeline-content span.text {
    margin-bottom: 0;
  }
}
@media all and (max-width: 520px) {
  .cd-timeline-content h4 {
    font-size: 18px;
  }
  .cd-timeline-content .icon {
    font-size: 35px;
    margin-right: 10px;
  }
  .cd-timeline-content span.text {
    padding: 10px 0;
  }
}
@media all and (max-width: 420px) {
  .mini-card {
    width: 100px;
    margin: 0 0 -55px -10px;
  }
  .cd-timeline-block {
    margin: 20px 0 10px 5px;
  }
  .cd-timeline-content p {
    font-size: 12px;
    line-height: 18px;
  }
  #cd-timeline:before {
    left: 5px;
  }
  .cd-timeline-content .icon {
    font-size: 35px;
    margin-right: 10px;
  }
  .cd-timeline-content span.text {
    padding: 10px 0;
  }
}
@media all and (max-width: 395px) {
  .cd-timeline-content .icon {
    font-size: 30px;
    margin-top: 8px;
  }
  .cd-timeline-content h4 {
    font-size: 14px;
  }
}
@media all and (max-width: 350px) {
  .cd-timeline-content span.text {
    font-size: 16px;
  }
}
#generic-text-block {
  word-wrap: break-word;
}
#generic-text-block strong {
  display: inline;
}
#generic-text-block h1,
#generic-text-block h2,
#generic-text-block h3,
#generic-text-block h4,
#generic-text-block h5,
#generic-text-block h6 {
  font-weight: 300;
  color: #0060a9;
  margin-bottom: 20px;
}
#generic-text-block h1 {
  font-size: 40px;
  line-height: 48px;
}
#generic-text-block h2 {
  font-size: 35px;
  line-height: 43px;
}
#generic-text-block h3 {
  font-size: 30px;
  line-height: 38px;
}
#generic-text-block h4 {
  font-size: 25px;
  line-height: 33px;
}
#generic-text-block h5 {
  font-size: 20px;
  line-height: 28px;
}
#generic-text-block h6 {
  font-size: 15px;
  line-height: 23px;
}
#generic-text-block .title {
  display: block;
  color: #0060a9;
  font-size: 30px;
  width: 100%;
  margin-bottom: 20px;
}
#generic-text-block a {
  color: #0060a9;
}
#generic-text-block ul {
  margin-bottom: 20px;
  margin-left: 20px;
}
#generic-text-block ul li {
  list-style-type: disc;
  line-height: 20px;
  margin-bottom: 10px;
}
#generic-text-block ol {
  margin-left: 25px;
  margin-bottom: 20px;
}
#generic-text-block ol li {
  list-style-type: decimal;
  line-height: 20px;
  margin-bottom: 10px;
}
.image-accordion {
  background: #d6e8f4;
}
.image-accordion a {
  color: #0060a9;
}
.image-accordion strong,
.image-accordion b {
  font-weight: bold;
}
.image-accordion i,
.image-accordion em {
  font-style: italic;
}
.image-accordion ul,
.image-accordion ol {
  margin-left: 20px;
}
@media all and (max-width: 640px) {
  .image-accordion ul,
  .image-accordion ol {
    margin-left: 40px;
  }
}
.image-accordion ul li {
  list-style-type: disc;
  line-height: 20px;
  margin-bottom: 10px;
}
.image-accordion h2 {
  font-size: 1.6rem;
  color: #0060a9;
  font-weight: 100;
  line-height: 150%;
  margin: 10px 0 20px;
  display: block;
  word-wrap: break-word;
}
@media all and (max-width: 700px) {
  .image-accordion h2 {
    font-size: 1.2rem;
  }
}
@media all and (max-width: 640px) {
  .image-accordion h2 {
    padding: 0 20px;
    margin-top: 30px;
  }
}
.image-accordion h3 {
  font-size: 1.6rem;
  color: #0060a9;
  margin-bottom: 20px;
}
@media all and (max-width: 700px) {
  .image-accordion p {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .image-accordion p {
    padding: 0 20px;
  }
}
.image-accordion .readmore a {
  color: #0060a9;
  font-weight: bold;
}
.image-accordion .image-left .image {
  position: absolute;
  left: 0;
  width: 50%;
}
@media screen and (max-width: 850px) {
  .image-accordion .image-left .image {
    width: 45%;
  }
}
@media screen and (max-width: 640px) {
  .image-accordion .image-left .image {
    float: left;
    position: relative;
    width: 100%;
    margin: -20px -20px -20px 0;
  }
}
.image-accordion .image-left .image img {
  width: 100%;
}
.image-accordion .image-left .intro {
  float: right;
  min-height: 280px;
  padding: 20px;
  width: 50%;
}
@media screen and (max-width: 850px) {
  .image-accordion .image-left .intro {
    width: 55%;
  }
}
@media screen and (max-width: 640px) {
  .image-accordion .image-left .intro {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    min-height: inherit;
  }
}
.image-accordion .image-left .intro .excerpt {
  margin: 10px 0 20px;
  word-wrap: break-word;
}
.image-accordion .image-right .intro {
  min-height: 280px;
  padding: 20px;
  width: 50%;
}
@media screen and (max-width: 850px) {
  .image-accordion .image-right .intro {
    width: 55%;
  }
}
@media all and (max-width: 640px) {
  .image-accordion .image-right .intro {
    width: 100%;
    min-height: inherit;
  }
}
.image-accordion .image-right .intro .excerpt {
  margin: 10px 0 20px;
  word-wrap: break-word;
}
.image-accordion .image-right .image {
  position: absolute;
  right: 0;
  width: 50%;
}
@media screen and (max-width: 850px) {
  .image-accordion .image-right .image {
    width: 45%;
  }
}
@media screen and (max-width: 640px) {
  .image-accordion .image-right .image {
    float: left;
    position: relative;
    width: 100%;
    margin: -20px 0 20px 0;
  }
}
.image-accordion .image-right .image img {
  width: 100%;
}
.image-accordion ol {
  list-style-type: decimal;
}
.image-accordion ol li {
  line-height: 120%;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .image-accordion ol li p {
    padding: 0;
  }
}
.image-accordion ol li span {
  color: #333;
}
.image-accordion .item {
  background: #fff;
  min-height: 280px;
  margin-bottom: 30px;
}
@media screen and (max-width: 640px) {
  .image-accordion .item {
    padding: 20px 0 20px 0;
    margin-top: 20px;
  }
}
.image-accordion .content {
  display: none;
  padding: 40px 20px 0;
}
@media all and (max-width: 768px) {
  .image-accordion .content {
    padding: 0 20px;
  }
}
.image-accordion .content .close {
  padding: 0 0 20px;
  text-align: right;
}
.image-accordion .content .close a[data-toggle] {
  text-align: right;
  font-size: 1.2rem;
  line-height: 200%;
}
.image-accordion .content .close a[data-toggle]:hover,
.image-accordion .content .close a[data-toggle]:focus {
  text-decoration: none;
}
.image-accordion .content .close a[data-toggle] i {
  font-size: 1.6rem;
  margin-left: 5px;
}
.block#calculator {
  padding: 0 0px 65px 0px;
}
#calculator {
  font-size: 20px;
}
#calculator .dropdown-toggle {
  display: block;
  font-weight: bold;
  color: #005da3;
  cursor: pointer;
  cursor: hand;
}
#calculator a.info-icon {
  display: block;
  font-size: 50px;
  color: #0060a9;
  text-decoration: none;
  position: relative;
  right: -20px;
  top: 20px;
  float: right;
}
#calculator a.info-icon.mobile {
  display: none;
}
#calculator a.info-icon:hover {
  color: #e1e1e1;
  text-decoration: none;
}
#calculator .inputs {
  margin-bottom: 30px;
  position: relative;
}
#calculator .title {
  color: #0060a9;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 17px;
  height: 25px;
}
#calculator .product-calculator-input-container {
  position: relative;
  padding-left: 60px;
}
#calculator .product-calculator-percent-container {
  padding-left: 0;
  padding-right: 60px;
}
#calculator input,
#calculator .product-calculator-input-icon {
  background: #f5f5f5;
  display: inline-block;
  border-radius: 0 2px 2px 0;
  border: 2px solid #dedede;
  margin: 0 auto 20px;
  font-size: 46px;
  text-align: center;
  padding: 5px 0;
  width: 100%;
  height: 76px;
}
#calculator input.saving,
#calculator .product-calculator-input-icon.saving {
  color: #62bb46;
  background: #fff;
}
#calculator .product-calculator-input-icon {
  width: 60px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 2px 0 0 2px;
  border-right: none;
  line-height: 61px;
}
#calculator .product-calculator-percent-container input {
  border-radius: 2px 0 0 2px;
}
#calculator .product-calculator-percent-container .product-calculator-input-icon {
  left: auto;
  right: 0;
  border-right: 2px solid #dedede;
  border-left: none;
  border-radius: 0 2px 2px 0;
}
#calculator .col {
  text-align: center;
}
#calculator .calc-smallprint {
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  color: #666;
  word-break: break-word;
}
#calculator .saving-caveat {
  font-size: 15px;
  line-height: 22px;
  width: 80%;
  margin: 0 auto;
}
#calculator .saving-caveat-mobile {
  display: none;
}
#calculator strong {
  display: inline;
}
.ui-slider-horizontal .ui-slider-range-min {
  background: #62bb46;
}
@media all and (max-width: 1100px) {
  #calculator .title {
    font-size: 15px;
  }
  #calculator .product-calculator-input-container {
    padding-left: 50px;
  }
  #calculator .product-calculator-percent-container {
    padding-left: 0;
    padding-right: 50px;
  }
  #calculator input,
  #calculator .product-calculator-input-icon {
    font-size: 36px;
    height: 65px;
  }
  #calculator .product-calculator-input-icon {
    line-height: 50px;
    width: 50px;
  }
}
@media all and (max-width: 950px) {
  #calculator .title {
    font-size: 16px;
    height: 40px;
  }
  #calculator input,
  #calculator .product-calculator-input-icon {
    font-size: 32px;
  }
}
@media all and (max-width: 860px) {
  #calculator input,
  #calculator .product-calculator-input-icon {
    font-size: 28px;
  }
}
@media all and (max-width: 767px) {
  #calculator {
    padding: 40px 0;
  }
  #calculator a.info-icon {
    display: none;
  }
  #calculator a.info-icon.mobile {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
  }
  #calculator .product-calculator-input-container {
    width: 40%;
    float: right;
  }
  #calculator input,
  #calculator .product-calculator-input-container .product-calculator-input-icon {
    border-width: 1px;
    margin: 0;
    font-size: 28px;
    text-align: center;
    padding: 6px 0;
    background: #f5f5f5;
  }
  #calculator .slider-container {
    margin: 80px auto 30px;
    width: 90%;
  }
  #calculator .slider-container .ui-widget-content {
    clear: both;
    width: 100%;
  }
  #calculator .ui-slider-horizontal .ui-slider-handle {
    margin-left: 0;
  }
  #calculator .title {
    float: left;
    margin-top: 18px;
    font-weight: 600;
    font-size: 20px;
    text-align: left;
    width: 45%;
    height: inherit;
  }
  #calculator .title span.saving-caveat-mobile {
    color: #333;
    display: block;
    font-size: 14px;
    margin-top: 10px;
    font-weight: 300;
  }
  #calculator .col.border-bottom-mobile {
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  #calculator .saving-caveat {
    display: none;
  }
  #calculator .calc-smallprint {
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    color: #666;
  }
  #calculator .calc-smallprint span {
    display: block;
  }
  #calculator .calc-smallprint p {
    width: 100%;
  }
  #calculator .calc-smallprint .draw p {
    width: 100%;
  }
}
@media all and (max-width: 605px) {
  .block#calculator {
    padding: 0 0 30px;
  }
  .block#calculator .container {
    padding: 0 20px;
  }
  .block#calculator .title {
    width: 55%;
  }
  .block#calculator .slider-container .ui-widget-content {
    width: 80%;
  }
}
@media all and (max-width: 535px) {
  .block#calculator a.info-icon.mobile {
    font-size: 30px;
  }
  .block#calculator input,
  .block#calculator .product-calculator-input-icon {
    font-size: 20px;
    padding: 5px 0;
    margin-top: 13px;
  }
  .block#calculator .title {
    width: 55%;
    font-size: 14px;
    line-height: 18px;
  }
  .block#calculator .title span.saving-caveat-mobile {
    font-size: 10px;
  }
}
.page_home .block#timeline {
  padding: 80px 0 0;
}
.page_support .block#faqs {
  background: #f4f4f4;
  padding: 80px 0;
}
.page_support .block#faqs .container {
  background: #fff;
  padding: 40px 0;
}
.page_support .masthead {
  height: 350px;
}
@media all and (max-width: 600px) {
  .page_support .masthead {
    height: auto;
  }
}
.page_american-express-benefits-and-rewards #caveats {
  border-top: 1px solid #f4f4f4;
}
.browser-banner {
  display: none;
}
.main .slim-banner .container {
  padding: 0 20px;
}
@media all and (max-width: 699px) {
  .main .slim-banner .container {
    padding: 0 20px;
  }
}
.slim-banner {
  background-color: #fff;
  padding: 15px 0;
}
.slim-banner .card-image {
  width: 75px;
  float: left;
  margin-top: 5px;
}
@media all and (max-width: 805px) {
  .slim-banner .card-image {
    width: 50px;
  }
}
@media all and (max-width: 705px) {
  .slim-banner .card-image {
    width: 50px;
    display: block;
    float: none;
    margin: 0 auto 5px;
    width: 80px;
  }
}
.slim-banner .title {
  float: left;
  margin-left: 20px;
  font-weight: 300;
  color: #0060a9;
  font-size: 25px;
  margin-top: 10px;
}
@media all and (max-width: 1100px) {
  .slim-banner .title {
    font-size: 20px;
    max-width: 70%;
  }
}
@media all and (max-width: 980px) {
  .slim-banner .title {
    font-size: 16px;
    margin-left: 3%;
    max-width: 70%;
  }
}
@media all and (max-width: 805px) {
  .slim-banner .title {
    margin-left: 20px;
    margin-top: 9px;
  }
}
@media all and (max-width: 760px) {
  .slim-banner .title {
    font-size: 14px;
    margin-top: 7px;
  }
}
@media all and (max-width: 705px) {
  .slim-banner .title {
    width: 90%;
    max-width: 100%;
    float: none;
    margin: 0 auto 3px;
    text-align: center;
  }
}
.slim-banner a.btn {
  float: right;
  padding: 10px 20px;
  margin-top: 5px;
  display: block;
}
@media all and (max-width: 876px) {
  .slim-banner a.btn {
    font-size: 12px;
    margin-top: 5px;
  }
}
@media all and (max-width: 705px) {
  .slim-banner a.btn {
    margin: 3px auto 0;
    float: none;
    width: 45%;
    text-align: center;
  }
}
@media all and (max-width: 440px) {
  .slim-banner a.btn {
    width: 100%;
    text-align: center;
  }
}
.block.eligibility-form {
  padding: 0 !important;
}
.block.eligibility-form .block.page-intro {
  padding-bottom: 0;
}
.block.eligibility-form .block.page-intro .block-intro {
  margin-bottom: 0;
}
.block.eligibility-form .block.page-intro .block-intro h1 {
  margin-bottom: 10px;
}
.block.eligibility-form .block.page-intro .block-intro p {
  font-size: 16px;
  line-height: 24px;
  max-width: 100%;
}
.block.eligibility-form fieldset {
  margin-bottom: 20px;
}
.block.eligibility-form .elig-intro {
  margin-top: 20px;
}
.block.eligibility-form .elig-intro p {
  margin-bottom: 15px;
}
.block .container.form.first {
  padding-bottom: 30px;
}
form.eligibility-check-form p {
  font-size: 14px;
}
form.eligibility-check-form hr {
  height: 1px;
  border: 0;
  background: #e1e1e1;
  margin-bottom: 10px;
}
form.eligibility-check-form .categories {
  margin: 20px auto 0;
}
@media all and (max-width: 600px) {
  form.eligibility-check-form .categories {
    display: none;
  }
}
form.eligibility-check-form .categories h3 {
  margin-bottom: 10px;
  line-height: 36px;
}
form.eligibility-check-form .categories .box {
  background: #eee;
  width: 32.66%;
  margin-right: 1%;
  float: left;
  text-align: center;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  display: table;
  height: 135px;
  margin-bottom: 10px;
}
form.eligibility-check-form .categories .box:nth-of-type(3n) {
  margin-right: 0;
}
form.eligibility-check-form .categories .box:hover {
  cursor: pointer;
}
form.eligibility-check-form .categories .box p {
  font-size: 14px;
  line-height: 18px;
  width: 90%;
  margin: 0 auto;
  color: #666;
}
@media all and (max-width: 600px) {
  form.eligibility-check-form .categories .box {
    width: 100%;
  }
}
form.eligibility-check-form .categories .box .content {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
form.eligibility-check-form .categories .box:last-of-type {
  margin-right: 0;
}
form.eligibility-check-form .categories .box .icon {
  display: inline-block;
  color: #0060a9;
  font-size: 45px;
  margin: 0 auto;
}
form.eligibility-check-form .categories .box strong {
  display: block;
  font-size: 16px;
  color: #0060a9;
  margin-bottom: 5px;
}
form.eligibility-check-form .categories .box.active {
  background: #0060a9;
}
form.eligibility-check-form .categories .box.active .icon {
  color: #fff;
}
form.eligibility-check-form .categories .box.active strong {
  color: #fff;
}
form.eligibility-check-form .categories .box.active p {
  color: #fff;
}
form.eligibility-check-form .cat-error {
  color: red;
  font-weight: bold;
  display: none;
  background: #FFF1EF;
  padding: 15px 0;
  font-size: 14px;
  margin-bottom: -10px;
}
@media all and (max-width: 600px) {
  form.eligibility-check-form .cat-error {
    display: none !important;
  }
}
form.eligibility-check-form input[type="checkbox"] {
  display: none;
}
form.eligibility-check-form input[type="checkbox"] + label span {
  display: inline-block;
  float: left;
  width: 19px;
  height: 19px;
  margin: 8px 4px 0 0;
  vertical-align: middle;
  background: #fff;
  border: 2px solid #0060a9;
  cursor: pointer;
}
form.eligibility-check-form input[type="checkbox"]:checked + label span {
  background: url('../uploads/content/checkbox-tick.jpg') no-repeat;
  background-size: 15px;
}
form.eligibility-check-form input[type="number"] {
  -moz-appearance: textfield;
}
form.eligibility-check-form .block.elig-benefits {
  padding: 30px 0;
  border-bottom: 1px solid #f1f1f1;
}
form.eligibility-check-form input::-webkit-outer-spin-button,
form.eligibility-check-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form.eligibility-check-form input {
  width: 85%;
  padding: 5px 0 5px 10px;
  font-size: 14px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  background: #fff;
  cursor: text;
  outline: none;
  -webkit-transition: border 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  border-radius: 0;
  box-shadow: 0;
  -webkit-appearance: none !important;
  -moz-appearance: none;
}
form.eligibility-check-form input:focus {
  border: 1px solid #0060a9;
}
form.eligibility-check-form input.money {
  background-color: #fff;
  background-image: url('../uploads/content/elig-pound.jpg');
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 30px;
  background-size: 26px;
}
form.eligibility-check-form input.narrow {
  width: 100px;
  max-width: 100%;
}
@media all and (max-width: 800px) {
  form.eligibility-check-form input {
    width: 60%;
  }
}
@media all and (max-width: 600px) {
  form.eligibility-check-form input {
    width: 85%;
  }
}
@media all and (max-width: 321px) {
  form.eligibility-check-form input {
    font-size: 16px;
  }
  form.eligibility-check-form input:focus {
    font-size: 16px;
  }
}
form.eligibility-check-form .product-select {
  display: none;
}
form.eligibility-check-form .transfer-amount {
  display: none;
}
form.eligibility-check-form .address-months,
form.eligibility-check-form .address-months-two {
  display: none;
}
form.eligibility-check-form select {
  background: #fff url('../uploads/content/select-arrow.jpg') no-repeat right;
  background-size: 32px;
  border: 1px solid #ccc;
  width: 268px;
  max-width: 85%;
  padding: 5px 35px 5px 5px;
  line-height: auto;
  border-radius: 0;
  height: 31px;
  -moz-appearance: none !important;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  margin-bottom: 10px;
  outline: none;
  -webkit-transition: border 0.2s ease-in-out;
  -moz-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
form.eligibility-check-form select::-ms-expand {
  display: none;
}
form.eligibility-check-form select:focus {
  border: 1px solid #0060a9;
}
@media all and (max-width: 321px) {
  form.eligibility-check-form select {
    font-size: 16px;
    height: 35px;
  }
  form.eligibility-check-form select:focus {
    font-size: 16px;
  }
}
form.eligibility-check-form label {
  line-height: 20px;
  color: #666;
  margin-bottom: 5px;
  display: block;
  max-width: 90%;
  font-size: 14px;
}
form.eligibility-check-form .placeholder {
  color: #aaa;
}
form.eligibility-check-form .reset {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  text-decoration: underline;
}
form.eligibility-check-form .submit-details .text strong {
  display: inline;
}
form.eligibility-check-form .submit-details .text a {
  color: #444;
}
form.eligibility-check-form .c4 {
  background-color: #f9f9f9;
  border: 1px solid #e1e1e1;
  padding: 10px;
  padding-top: 0;
  min-height: 428px;
}
@media all and (max-width: 850px) {
  form.eligibility-check-form .c4 {
    width: 100%;
    height: auto;
    min-height: 0;
    margin-bottom: 15px;
  }
}
form.eligibility-check-form .c4 .row-title {
  position: relative;
  width: auto;
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 0;
  background: #0060a9;
  color: #fff;
  margin-bottom: 10px;
}
form.eligibility-check-form .c4 .row-title:after {
  display: block;
  clear: both;
  content: "";
  height: 0;
}
form.eligibility-check-form .c4 .row-title span.icon {
  position: absolute;
  top: 7px;
  left: 5px;
  font-size: 25px;
}
form.eligibility-check-form .c4 .row-title span.title {
  float: left;
  margin-left: 35px;
  font-size: 16px;
  max-width: 80%;
}
form.eligibility-check-form a.btn {
  display: inline-block;
  padding: 8px 15px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 14px;
}
form.eligibility-check-form a.btn:hover {
  text-decoration: none;
}
form.eligibility-check-form a.btn-find-address {
  color: #fff;
  background: #002d56;
  margin-right: 10px;
}
form.eligibility-check-form a.btn-find-address .fa-spin {
  display: inline-block;
  margin-left: 5px;
  font-size: 16px;
  display: none;
}
form.eligibility-check-form a.btn-address {
  background: #e9e8e3;
  color: #002d56;
  border: 1px solid #e9e8e3;
}
form.eligibility-check-form .radio-item {
  background: #f1f1f1;
  padding: 8px 10px;
  float: left;
  width: auto;
  margin-bottom: 12px;
}
form.eligibility-check-form .radio-item:first-of-type {
  margin-right: 20px;
}
form.eligibility-check-form a.button {
  display: inline-block;
  background: #62bb46;
  color: #fff;
  border: 0;
  padding: 15px 30px;
  font-size: 18px;
}
form.eligibility-check-form .manual-address.one,
form.eligibility-check-form .manual-address.two {
  display: none;
}
form.eligibility-check-form .previous-address {
  display: none;
}
form.eligibility-check-form .input-group {
  margin-bottom: 5px;
}
form.eligibility-check-form .input-group .success-icon {
  display: none;
  position: absolute;
  bottom: 10px;
  right: 0;
  margin-top: 5px;
  font-size: 25px;
  color: #62bb46;
}
form.eligibility-check-form .input-group.valid .success-icon {
  display: block;
}
form.eligibility-check-form .input-group .error-icon {
  display: none;
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 20px;
  color: red;
}
form.eligibility-check-form .input-group.product {
  display: none;
}
form.eligibility-check-form .input-group.error {
  border-top: 1px solid #ffa799;
  border-bottom: 1px solid #ffa799;
  background: #fff1ef;
  padding: 5px 10px;
  margin-left: -10px;
  margin-right: -10px;
}
form.eligibility-check-form .input-group.error label {
  color: red;
  font-weight: bold;
  width: 100%;
  max-width: 97%;
}
form.eligibility-check-form .input-group.error input {
  border: 2px solid #ff5a3f;
}
form.eligibility-check-form .input-group.error select {
  border: 2px solid #ff5a3f;
}
form.eligibility-check-form .input-group.error .error-icon {
  display: block;
}
form.eligibility-check-form .input-group.mobile-categories {
  display: none;
  border: 1px solid #0060a9;
  padding: 0 15px 15px;
  margin-bottom: 15px;
  width: auto;
  margin: 0 auto;
}
form.eligibility-check-form .input-group.mobile-categories label {
  margin-bottom: 15px;
}
form.eligibility-check-form .input-group.mobile-categories select {
  width: 100%;
}
form.eligibility-check-form .input-group.mobile-categories .title {
  background: #0060a9;
  color: #fff;
  padding: 10px 0;
  text-indent: 10px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 10px;
  font-size: 16px;
  posiiton: relative;
}
form.eligibility-check-form .input-group.mobile-categories span.text {
  float: left;
  margin-left: 30px;
}
form.eligibility-check-form .input-group.mobile-categories span.icon {
  position: absolute;
  top: 8px;
  left: 0px;
  font-size: 25px;
}
form.eligibility-check-form .input-group.mobile-categories span.icon.success-icon {
  top: 0;
  right: 5px;
  bottom: 30px;
  left: auto;
}
@media all and (max-width: 600px) {
  form.eligibility-check-form .input-group.mobile-categories {
    display: block;
  }
}
form.eligibility-check-form .input-group label.error {
  font-weight: bold;
  color: red;
  font-size: 11px;
  line-height: 15px;
}
.submit-details {
  padding: 20px 0;
  background: #E6F0F9;
  width: 100%;
}
.submit-details input {
  float: left;
}
.submit-details label {
  margin-bottom: 0;
  line-height: 0;
}
.submit-details .container {
  padding: 0 20px !important;
}
.submit-details .content {
  float: left;
  width: 65%;
  line-height: 20px;
}
.submit-details .content.error {
  color: red;
}
@media all and (max-width: 865px) {
  .submit-details .content {
    float: none;
    display: block;
    width: 100%;
    max-width: 515px;
    margin: 0 auto;
  }
}
.submit-details .text {
  float: left;
  margin-left: 10px;
  text-align: left;
}
@media all and (max-width: 1030px) {
  .submit-details .text {
    font-size: 14px;
  }
}
@media all and (max-width: 865px) {
  .submit-details .text {
    float: right;
    width: 93%;
  }
}
@media all and (max-width: 515px) {
  .submit-details .text {
    width: 90%;
  }
}
@media all and (max-width: 370px) {
  .submit-details .text {
    width: 88%;
  }
}
@media all and (max-width: 800px) {
  .submit-details {
    width: 100%;
  }
}
.submit-details label.error {
  display: none !important;
}
.submit-details.error {
  color: red;
  font-weight: bold;
}
.submit-details button#eligibility-submit {
  width: auto;
  position: relative;
  top: 2px;
  margin: 0;
}
@media all and (max-width: 950px) {
  .submit-details button#eligibility-submit {
    padding: 10px 15px;
    display: block;
    margin: 10px auto 0;
    float: none;
  }
}
@media all and (max-width: 599px) {
  .submit-details button#eligibility-submit {
    width: 100%;
  }
}
.alert {
  background: #fff;
  padding: 20px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.alert .text-content {
  width: auto;
  margin-left: 45px;
}
.alert .text-content p {
  margin-bottom: 5px;
  font-size: 14px;
}
@media all and (max-width: 499px) {
  .alert .text-content {
    margin-left: 0;
  }
}
.alert .title {
  font-weight: bold;
}
@media all and (max-width: 499px) {
  .alert .title {
    margin-bottom: 10px;
  }
}
.alert .icon.info-tooltip {
  float: left;
  font-size: 25px;
  color: #fff;
  background: red;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
}
@media all and (max-width: 499px) {
  .alert .icon.info-tooltip {
    display: none;
  }
}
.alert .icon.fa-times {
  position: absolute;
  top: 7px;
  right: 7px;
  font-size: 14px;
  color: #e1e1e1;
  cursor: pointer;
}
.alert.error {
  display: none;
  border: 1px solid red;
}
.alert.error .title {
  color: red;
}
#eligibility-submit {
  background: #62bb46;
  color: #fff;
  border: 0;
  padding: 12px 35px 7px;
  font-size: 18px;
  display: block;
  margin: 20px auto 0;
  float: right;
  cursor: pointer;
}
#eligibility-submit span {
  float: right;
  padding-left: 7px;
  padding-top: 3px;
}
.page_eligibility-declined #generic-text-block {
  padding: 40px 0;
}
.page_compare-credit-cards .block-intro {
  margin-bottom: 0;
}
.page_compare-credit-cards .block-intro p {
  font-size: 23px;
}
.page_compare-credit-cards .block-intro p span {
  font-size: 18px;
}
.page_eligibility-check-iframe .block.eligibility-form {
  margin-top: -30px;
}
.page_eligibility-check-iframe .input-group.product {
  display: block;
}
.page_eligibility-check-iframe .categories {
  display: none;
}
.page_eligibility-check-iframe header {
  display: none !important;
}
.page_eligibility-check-iframe footer {
  display: none;
}
.page_eligibility-check-iframe #copyright {
  display: none;
}
.page_eligibility-check-iframe .product-select {
  display: block;
}
.page_eligibility-check-iframe .details-header {
  display: none;
}
.page_eligibility-check-iframe .container.form {
  padding: 0 20px;
}
.modal-overlay {
  background: #0060a9;
  background: rgba(195,195,195,0.95);
  display: none;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9977;
}
.pws-modal {
  display: none;
  background: #fff;
  padding: 60px 20px;
  position: fixed;
  z-index: 9988;
  width: 580px;
  border: 1px solid #e1e1e1;
  text-align: center;
  top: 50%;
  left: 50%;
  margin-left: -290px;
  margin-top: -16%;
}
@media all and (max-width: 620px) {
  .pws-modal {
    margin-top: -30%;
    width: 520px;
    margin-left: -260px;
  }
}
@media all and (max-width: 545px) {
  .pws-modal {
    margin-top: -265px;
    width: 460px;
    margin-left: -230px;
  }
}
@media all and (max-width: 480px) {
  .pws-modal {
    width: 300px;
    margin-left: -150px;
  }
}
.pws-modal .title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 20px;
  color: #0060a9;
  text-align: center;
}
.pws-modal p {
  margin: 0 auto;
  width: 420px;
  font-size: 14px;
  line-height: 22px;
}
@media all and (max-width: 620px) {
  .pws-modal p {
    width: 80%;
  }
}
.pws-modal .fa {
  text-align: center;
  font-size: 40px;
  margin-bottom: 20px;
  color: #0060a9;
}
.pws-modal .modal-buttons {
  margin-top: 15px;
}
.pws-modal .modal-buttons a.btn {
  font-size: 14px;
  padding: 15px 20px;
  display: inline-block;
  background-color: #e1e1e1;
  color: #333;
  width: 225px;
  max-width: 100%;
  margin-right: 5px;
}
.pws-modal .modal-buttons a.btn.green {
  background: #62bb46;
  color: #fff;
}
@media all and (max-width: 545px) {
  .pws-modal .modal-buttons a.btn {
    margin-bottom: 10px;
  }
}
.block .block-intro .block-title,
.block .block-intro h1.elig-success {
  font-size: 34px;
}
.block .block-intro .block-title strong,
.block .block-intro h1.elig-success strong {
  font-weight: 300;
}
.block .block-intro .block-title .icon,
.block .block-intro h1.elig-success .icon {
  color: #62bb46;
  display: inline-block;
  position: relative;
  top: 16px;
  font-size: 55px;
}
.page_eligibility-red .categories,
.page_eligibility-red header,
.page_eligibility-red footer,
.page_eligibility-red #copyright,
.page_eligibility-red .details-header {
  display: none;
}
.page_eligibility-red form .c4 .row-title {
  background-color: #E31B23;
}
.page_eligibility-red form.eligibility-check-form a.btn-find-address {
  background-color: #E31B23;
}
.page_eligibility-red form.eligibility-check-form a.btn-address {
  color: #E31B23;
}
.page_eligibility-red .submit-details {
  background: #f9f9f9;
}
.page_eligibility-red #eligibility-submit {
  background: #E31B23;
}
.page_eligibility-red input[type="checkbox"] + label span {
  border: 2px solid #E31B23;
}
.page_eligibility-mono .categories,
.page_eligibility-mono header,
.page_eligibility-mono footer,
.page_eligibility-mono #copyright,
.page_eligibility-mono .details-header {
  display: none;
}
.page_eligibility-mono form .c4 .row-title {
  background-color: #c3c3c3;
}
.page_eligibility-mono form.eligibility-check-form a.btn-find-address {
  background-color: #c3c3c3;
}
.page_eligibility-mono form.eligibility-check-form a.btn-address {
  color: #c3c3c3;
}
.page_eligibility-mono .submit-details {
  background: #f9f9f9;
}
.page_eligibility-mono #eligibility-submit {
  background: #c3c3c3;
}
.page_eligibility-mono input[type="checkbox"] + label span {
  border: 2px solid #c3c3c3;
}
.other-title {
  display: none;
}
.address-results {
  display: none;
  overflow-y: scroll;
  height: 270px;
  margin-bottom: 5px;
}
.address-results .your-address {
  background: #f4f4f4;
  border: 1px solid #e1e1e1;
  padding: 10px;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 5px;
  display: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.address-results .your-address:hover {
  cursor: pointer;
}
.address-results .your-address.active {
  background-color: #0060a9;
  color: #fff;
}
.address-results.error {
  border: 1px solid red;
  padding: 5px;
  background: #fff1ef;
}
.address-results.error p {
  font-weight: bold;
  color: red;
}
.address-results p {
  margin-bottom: 5px;
  font-size: 14px;
  color: #333;
}
.address-search label.address-error {
  border: 1px solid red;
  width: 100%;
  max-width: 100%;
  display: block;
  padding: 10px;
  margin: 0 0 10px 0;
  background: #FFF1EF;
  color: red;
  font-weight: bold;
}
.help-message,
.above-100000,
.below-7000 {
  display: none;
  clear: both;
  font-size: 12px;
  width: 100%;
  color: #999;
  margin-bottom: 10px;
  transition: all 0.4s ease-in-out;
}
.timeout-trigger {
  display: none;
}
.elig-title {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.block .block-intro p.elig-para {
  font-size: 22px;
}
.ie-spinner {
  display: none;
  margin: 0 auto 10px;
}
.block.blue-container {
  background-color: #E6F0F9;
  padding: 30px 0;
}
.block-intro.eligible {
  margin-bottom: 20px;
}
.block-intro.eligible p {
  font-size: 18px;
}
.slim-banner-image {
  background: #fff;
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}
.slim-banner-image > img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.slim-banner-image > img.desktop-image {
  height: 70px;
}
.slim-banner-image > img.tablet-image,
.slim-banner-image > img.mobile-image {
  display: none;
}
@media all and (max-width: 1170px) {
  .slim-banner-image > img.desktop-image {
    display: none;
  }
  .slim-banner-image > img.tablet-image {
    display: block;
  }
  .slim-banner-image > img.mobile-image {
    display: none;
  }
}
@media all and (max-width: 720px) {
  .slim-banner-image > img.tablet-image {
    display: none;
  }
  .slim-banner-image > img.mobile-image {
    display: block;
  }
}
@media (max-width: 1000px) {
  .spending-personality-profiler iframe {
    overflow: hidden;
  }
}
.main .container {
  padding: 20px 20px 0;
}
.main .container > div:first-child {
  margin-top: 0;
}
.top-content {
  width: 100%;
}
.bottom-content {
  width: 100%;
  margin-top: 20px;
}
.video {
  width: 100%;
  padding: 20px !important;
  background: #FFF;
}
.video .youtube_video {
  display: block;
  margin: 0 auto;
  height: 355px;
  padding-bottom: 20px;
  text-align: center;
}
.video .transcript .content {
  margin-top: 20px;
  display: none;
}
.video .transcript h3 {
  height: 40px;
  line-height: 40px;
  width: 20%;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: #003a6c;
  cursor: pointer;
  cursor: hand;
}
.video .description {
  margin: 20px 0;
}
.blocked-content {
  width: 100%;
}
.blocked-content .blocked-content-block {
  width: 23.5%;
  float: left;
  text-align: center;
  margin-right: 2%;
  margin-bottom: 20px;
}
.blocked-content .blocked-content-block:nth-of-type(4n+4) {
  margin-right: 0;
}
.blocked-content .blocked-content-block:nth-of-type(5n+5) {
  clear: left;
}
.blocked-content .blocked-content-block .image_xor_icon {
  font-size: 50px;
  color: #005da3;
}
.blocked-content .blocked-content-block .title a {
  display: inline-block;
  font-weight: bold;
  margin-bottom: 20px;
}
.blocked-content .blocked-content-block .title a:hover {
  text-decoration: none;
}
.mobile_title {
  display: none;
}
.masthead_content {
  width: 25%;
  margin: 0 auto;
  position: absolute;
}
.masthead_content a:hover {
  text-decoration: none;
}
.masthead_content .button {
  text-align: center;
  padding: 10px;
}
.masthead_content.top_left {
  left: 20px;
  top: 20px;
}
.masthead_content.top_middle {
  left: 20px;
  top: 20px;
}
.masthead_content.top_right {
  right: 20px;
  top: 20px;
}
.masthead_content.bottom_left {
  left: 20px;
  bottom: 20px;
}
.masthead_content.bottom_middle {
  left: 20px;
  bottom: 20px;
}
.masthead_content.bottom_right {
  right: 20px;
  bottom: 20px;
}
.contact_row_outer_container {
  background-color: #E9E8E3;
  padding: 7px;
  margin-bottom: 10px;
}
.contact_row_outer_container h3 {
  color: #000;
  margin-bottom: 0px;
  padding: 10px 0;
  cursor: pointer;
  cursor: hand;
}
.contact_row_outer_container h3 i {
  float: right;
  margin-right: 10px;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}
.contact_row_outer_container h3 i.active {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contact_row_inner_container {
  background-color: #fff;
  display: none;
  padding: 15px;
  margin-top: 10px;
}
.contact_row_inner_container h4 {
  font-weight: bold;
}
.contact_row {
  padding: 15px 0;
  border-bottom: 1px #ccc dashed;
}
.contact_row:last-child {
  border-bottom: none;
}
.contact_row.no-border {
  padding: 20px 0;
}
.contact-us .description {
  float: left;
  width: 48%;
  margin-right: 2%;
  line-height: 20px;
}
.contact-us .description strong {
  margin-top: 10px;
}
.contact-us .contact_details {
  float: left;
  width: 49%;
  margin-left: 1%;
  font-weight: bold;
}
.contact-us .contact_details span {
  display: block;
  margin-top: 10px;
  line-height: 20px;
  font-weight: normal;
}
.faqs_container {
  width: 100%;
}
.faqs_left_col {
  float: left;
  width: 35%;
  margin-right: 2%;
}
.faqs_left_col > div {
  background: #EBEBEB;
  margin-bottom: 10px;
  border: 1px solid #999;
  padding: 20px;
}
.faqs_left_col input {
  width: 100%;
  margin-bottom: 15px;
}
.faqs_left_col input:last-child {
  margin-bottom: 0px;
}
.faqs_left_col input[type=submit] {
  border: 0;
}
.faqs_left_col strong {
  margin-right: 8%;
  width: 16%;
}
.faqs_left_col select {
  width: 74%;
  margin-bottom: 15px;
}
.faqs_left_col .faqs_browse select {
  width: 100%;
}
.faqs_right_col {
  float: left;
  width: 63%;
  border: 1px solid #999;
}
.faqs_right_col h4 {
  width: 100%;
  padding: 10px;
  color: #fff;
  background: #005DA3;
}
.faqs_right_col .top_ten_faqs {
  background: #EBEBEB;
}
.faqs_right_col .top_ten_row {
  padding: 15px;
  border-bottom: 1px dotted #999;
}
.faqs_right_col .top_ten_row:last-child {
  border-bottom: none;
}
.faqs_right_col .top_ten_row .number {
  float: left;
  width: 4%;
  margin-right: 10px;
}
@media all and (max-width: 1000px) {
  .blocked-content {
    width: 100%;
  }
  .blocked-content .blocked-content-block {
    width: 32%;
    float: left;
    text-align: center;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .blocked-content .blocked-content-block:nth-of-type(3n+3) {
    margin-right: 0;
  }
  .blocked-content .blocked-content-block:nth-of-type(3n+4) {
    clear: left;
  }
  .blocked-content .blocked-content-block:nth-of-type(4n+4) {
    margin-right: 2%;
  }
  .blocked-content .blocked-content-block:nth-of-type(5n+5) {
    clear: none;
  }
}
@media all and (max-width: 800px) {
  .blocked-content {
    width: 100%;
  }
  .blocked-content .blocked-content-block {
    width: 49%;
    float: left;
    text-align: center;
    margin-right: 2%;
    margin-bottom: 20px;
  }
  .blocked-content .blocked-content-block:nth-of-type(2n+2) {
    margin-right: 0;
  }
  .blocked-content .blocked-content-block:nth-of-type(2n+1) {
    margin-right: 2%;
  }
  .blocked-content .blocked-content-block:nth-of-type(3n+4) {
    clear: none;
  }
  .blocked-content .blocked-content-block:nth-of-type(4n+4) {
    margin-right: 0;
  }
  .blocked-content .blocked-content-block:nth-of-type(5n+5) {
    clear: none;
  }
}
@media all and (max-width: 600px) {
  .blocked-content {
    width: 100%;
  }
  .blocked-content .blocked-content-block {
    width: 100%;
    float: left;
    clear: both;
    text-align: center;
    margin-bottom: 20px;
  }
  .contact-us .description {
    width: 100%;
  }
  .contact-us .contact_details {
    width: 100%;
    margin: 10px 0px 0px 0px;
  }
}
.brick {
  width: 32%;
  float: left;
  margin-right: 2%;
}
.brick:last-child {
  margin-right: 0;
}
@media all and (max-width: 450px) {
  header > .container .logo {
    width: 75px;
  }
  header > .container .olcs {
    width: 100%;
  }
  header > .container .olcs .bottom .links {
    float: left;
  }
}
@media all and (max-width: 400px) {
  header > .container .logo {
    width: 75px;
  }
  header > .container .olcs {
    width: 100%;
  }
  header > .container .olcs .demo {
    display: none;
  }
  header > .container .olcs .bottom {
    padding: 5px;
  }
  header > .container .olcs .bottom .button {
    width: 100%;
    text-align: center;
  }
  header > .container .olcs .bottom .links {
    float: left;
    margin-left: 0;
  }
  header > .container .olcs .bottom .links li {
    margin-top: 5px;
  }
}
.brick-banners .brick a .button {
  width: 100%;
  height: 40px;
  text-align: center;
  font-size: 1.2em;
  line-height: 40px;
}
.brick-banners .brick a img {
  width: 100%;
}
.brick-banners .brick a:hover {
  text-decoration: none;
}
.brick_text {
  display: none;
}
.representative_example {
  width: 100%;
  padding: 20px;
  background-color: #FFFFFF;
  border: 1px solid #e9e9e7;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
}
.representative_example .repex {
  color: #62bb46;
}
.caveats {
  width: 100%;
  text-align: left;
  font-size: 12px;
  line-height: 16px;
}
.caveats .number {
  font-size: 8px;
  width: 2%;
  float: left;
}
.caveats .content {
  float: left;
  width: 98%;
}
.featured-summary {
  width: 100%;
  padding: 20px;
  background-color: #FFFFFF;
  text-align: left;
  line-height: 20px;
}
.featured-summary .featured_image {
  float: left;
  width: 28%;
  margin-right: 2%;
}
.featured-summary .featured_image img {
  width: 100%;
}
.featured-summary .featured_content {
  float: left;
  width: 70%;
  height: 100%;
  display: inline;
}
.call-to-action .button {
  float: right;
  text-align: center;
}
.card-intro {
  padding: 20px;
  width: 100%;
  background-color: #FFFFFF;
}
.card-intro .card-intro-header {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
}
.card-features-and-benefits {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
}
.card-features {
  padding: 20px;
  background-color: #FFFFFF;
  display: block;
  width: 49%;
  margin-right: 1%;
  float: left;
}
.card-benefits {
  padding: 20px;
  background-color: #FFFFFF;
  width: 49%;
  margin-left: 1%;
  float: left;
  text-align: left;
}
.card-benefits .bullet {
  font-size: 30px;
  color: #62bb46;
  width: 10%;
  float: left;
}
.card-benefits .content {
  float: left;
  width: 90%;
}
footer {
  padding-bottom: 20px;
  background-color: #6E6E6E;
  color: white;
  margin-bottom: 20px;
  font-size: 12px;
}
footer ul li {
  font-size: 12px;
  margin-bottom: 10px;
}
footer ul .fa {
  font-size: 12px;
  margin-right: 10px;
  line-height: auto;
  color: #62bb46;
}
.footer_nav_left {
  float: left;
  width: 20%;
}
.footer_nav_right {
  float: left;
  width: 20%;
}
.newsroom_widget {
  border-left: 1px;
  border-style: dotted;
  padding-left: 20px;
  float: right;
  width: 45%;
  margin-left: 15%;
}
.newsroom_widget .news-content .slides ul {
  width: 50%;
}
.newsroom_widget li {
  display: block;
}
.newsroom_widget li a {
  text-decoration: none;
  color: white;
  line-height: 16px;
  padding: 0;
  margin: 0 0 10px 0;
  border-bottom: 0;
  font-weight: normal;
  font-size: 12px;
}
.newsroom_widget li img {
  float: right;
  padding: 0;
  background: transparent;
  margin-left: 20px;
}
.newsroom_widget li p {
  float: left;
  width: 60%;
}
.bottom_strip {
  width: 100%;
  margin-top: 30px;
}
.bottom_strip ul {
  width: 55%;
  float: left;
}
.bottom_strip ul li {
  font-weight: bold;
  border-right: 1px;
  border-style: solid;
  border-color: #FFF;
  padding-right: 10px;
  padding-left: 10px;
  display: inline;
}
.bottom_strip ul li:last-child {
  border-right: none;
}
.bottom_strip ul li:first-child {
  padding-left: 0px;
}
.bottom_strip .copyright {
  float: right;
}
.social-bar {
  width: 100%;
  background-color: #A49D97;
  color: #FFF;
  min-height: 40px;
  font-size: 12px;
  margin: 0 0 20px 0;
}
.social-bar .social-icons {
  width: 20%;
  float: left;
  font-size: 25px;
  line-height: 40px;
  color: #FFF;
}
.social-icons .fa {
  font-size: 25px;
  margin-right: 10px;
  line-height: 40px;
  color: white;
}
.social-bar .share-info {
  width: 80%;
  float: left;
}
.social-bar .share-info p {
  font-size: 12px;
  margin-top: 5px;
  line-height: 15px;
}
#about_us {
  color: white;
}
#about_us .title {
  text-align: center;
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 30px;
}
#about_us .strapline {
  text-align: center;
  font-size: 18px;
  line-height: 35px;
  display: block;
  max-width: 800px;
  margin: 0 auto 50px;
  font-weight: 400px;
  color: #fff;
}
#about_us .about_section_icon {
  text-align: center;
  font-size: 48px;
  margin-bottom: 20px;
}
#about_us .about_items {
  width: 100%;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
#about_us .about_items .about_item {
  width: 26%;
  float: left;
  margin-right: 5%;
  text-align: center;
}
#about_us .about_items .about_item:first-child {
  margin-left: 6%;
}
#about_us .about_items .about_item:last-child {
  margin-right: 6%;
}
#about_us .about_items .about_item i {
  font-size: 48px;
}
@media all and (max-width: 800px) {
  .featured-summary {
    padding: 20px;
    width: 100%;
    background-color: #FFFFFF;
    text-align: left;
    line-height: 20px;
  }
  .featured-summary .featured_image {
    width: 50%;
    margin-left: 25%;
    margin-right: 25%;
  }
  .featured-summary .featured_image img {
    width: 100%;
  }
  .featured-summary .featured_content {
    float: left;
    width: 100%;
  }
  .card-features-and-benefits {
    display: block;
  }
  .card-features-and-benefits .card-benefits {
    margin-top: 20px;
  }
  .card-features {
    background-color: #FFFFFF;
    display: block;
    width: 100%;
    margin-right: 0;
  }
  .card-benefits {
    background-color: #FFFFFF;
    width: 100%;
    margin-left: 0;
    text-align: left;
  }
  .card-benefits .bullet {
    font-size: 30px;
    color: #62bb46;
    width: 10%;
    float: left;
    margin-right: 2%;
  }
  .card-benefits .content {
    float: left;
    width: 88%;
  }
}
@media all and (max-width: 600px) {
  .brick-banners .brick {
    background-color: #fff;
    margin-right: none;
    width: 100%;
    margin: 0 auto 20px;
    float: none;
  }
  .brick-banners .brick a img {
    width: 50%;
    float: left;
    padding: 10px;
    height: 100px;
  }
  .brick-banners .brick a span {
    width: 50%;
    float: left;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    color: blue;
    height: 100px;
    padding: 10px;
    font-size: 15px;
  }
  .brick-banners .brick a .button {
    height: 30px;
    font-size: 1em;
    line-height: 30px;
  }
  .brick-banners .brick a .button {
    clear: both;
  }
  .brick_text {
    display: block;
  }
  .featured-summary {
    margin-bottom: 20px;
  }
  .featured-summary .featured_image {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
  .featured-summary .featured_content {
    width: 100%;
    height: 100%;
    display: inline;
  }
  .card-benefits .bullet {
    font-size: 30px;
    color: #62bb46;
    width: 15%;
    float: left;
    margin-right: 5%;
  }
  .card-benefits .content {
    float: left;
    width: 80%;
  }
}
#benefits {
  color: #fff;
}
.benefits_col {
  float: left;
  width: 33.33%;
  text-align: center;
  padding: 0% 2%;
  border-right: 1px solid #67A2CE;
}
.benefits_col span {
  font-size: 80px;
}
.benefits_col:last-child {
  margin-right: 0;
  border-right: none;
}
.benefits_col .title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 10px;
}
.benefits_col .content {
  line-height: 30px;
}
@media all and (max-width: 659px) {
  .benefits_col {
    float: none;
    width: 100%;
    padding: 30px 0;
    border-right: 0;
    border-bottom: 1px solid #67A2CE;
  }
  .benefits_col:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
  }
}