.hidden-xs { display: block !important; } table.hidden-xs { display: table; } tr.hidden-xs { display: table-row !important; } th.hidden-xs, td.hidden-xs { display: table-cell !important; } @media (max-width: 767px) { .hidden-xs, tr.hidden-xs, th.hidden-xs, td.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-xs.hidden-sm, tr.hidden-xs.hidden-sm, th.hidden-xs.hidden-sm, td.hidden-xs.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-xs.hidden-md, tr.hidden-xs.hidden-md, th.hidden-xs.hidden-md, td.hidden-xs.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-xs.hidden-lg, tr.hidden-xs.hidden-lg, th.hidden-xs.hidden-lg, td.hidden-xs.hidden-lg { display: none !important; } } .hidden-sm { display: block !important; } table.hidden-sm { display: table; } tr.hidden-sm { display: table-row !important; } th.hidden-sm, td.hidden-sm { display: table-cell !important; } @media (max-width: 767px) { .hidden-sm.hidden-xs, tr.hidden-sm.hidden-xs, th.hidden-sm.hidden-xs, td.hidden-sm.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm, tr.hidden-sm, th.hidden-sm, td.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-sm.hidden-md, tr.hidden-sm.hidden-md, th.hidden-sm.hidden-md, td.hidden-sm.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-sm.hidden-lg, tr.hidden-sm.hidden-lg, th.hidden-sm.hidden-lg, td.hidden-sm.hidden-lg { display: none !important; } } .hidden-md { display: block !important; } table.hidden-md { display: table; } tr.hidden-md { display: table-row !important; } th.hidden-md, td.hidden-md { display: table-cell !important; } @media (max-width: 767px) { .hidden-md.hidden-xs, tr.hidden-md.hidden-xs, th.hidden-md.hidden-xs, td.hidden-md.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-md.hidden-sm, tr.hidden-md.hidden-sm, th.hidden-md.hidden-sm, td.hidden-md.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md, tr.hidden-md, th.hidden-md, td.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-md.hidden-lg, tr.hidden-md.hidden-lg, th.hidden-md.hidden-lg, td.hidden-md.hidden-lg { display: none !important; } } .hidden-lg { display: block !important; } table.hidden-lg { display: table; } tr.hidden-lg { display: table-row !important; } th.hidden-lg, td.hidden-lg { display: table-cell !important; } @media (max-width: 767px) { .hidden-lg.hidden-xs, tr.hidden-lg.hidden-xs, th.hidden-lg.hidden-xs, td.hidden-lg.hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-lg.hidden-sm, tr.hidden-lg.hidden-sm, th.hidden-lg.hidden-sm, td.hidden-lg.hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-lg.hidden-md, tr.hidden-lg.hidden-md, th.hidden-lg.hidden-md, td.hidden-lg.hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg, tr.hidden-lg, th.hidden-lg, td.hidden-lg { display: none !important; } } .visible-print, tr.visible-print, th.visible-print, td.visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } .hidden-print, tr.hidden-print, th.hidden-print, td.hidden-print { display: none !important; } } .navbar { background-image: -webkit-linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5); background-image: linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF54B4EB', endColorstr='#FF1D9CE5', GradientType=0); border-bottom: 1px solid #178acc; filter: none; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar .navbar-nav > li > a { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .navbar-brand { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .navbar-inverse { background-image: -webkit-linear-gradient(#04519b, #044687 60%, #033769); background-image: linear-gradient(#04519b, #044687 60%, #033769); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF04519B', endColorstr='#FF033769', GradientType=0); filter: none; border-bottom: 1px solid #022241; } .btn, .btn--cta, .btn--warren, .ctaBanner button, .hero__ctaBox button, .pagination ul li a, .moneytransfer__form button, .btn--video, .invisibleSelect--ui .invisibleSelect__label, .categories__tag { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .btn .caret, .btn--cta .caret, .btn--warren .caret, .ctaBanner button .caret, .hero__ctaBox button .caret, .pagination ul li a .caret, .moneytransfer__form button .caret, .btn--video .caret, .invisibleSelect--ui .invisibleSelect__label .caret, .categories__tag .caret { border-top-color: #fff; } .btn-default, .invisibleSelect--ui .invisibleSelect__label, .categories__tag { background-image: -webkit-linear-gradient(white, #fff 60%, whitesmoke); background-image: linear-gradient(white, #fff 60%, whitesmoke); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5', GradientType=0); border-bottom: 1px solid #e6e6e6; } .btn-default:hover, .invisibleSelect--ui .invisibleSelect__label:hover, .categories__tag:hover { color: #555555; } .btn-default .caret, .invisibleSelect--ui .invisibleSelect__label .caret, .categories__tag .caret { border-top-color: #555555; } .btn-default, .invisibleSelect--ui .invisibleSelect__label, .categories__tag { background-image: -webkit-linear-gradient(white, #fff 60%, whitesmoke); background-image: linear-gradient(white, #fff 60%, whitesmoke); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5', GradientType=0); border-bottom: 1px solid #e6e6e6; } .btn-primary, .ctaBanner--rateAlert button, .ctaBanner--inbox button, .ctaBanner--exchangeRates button, .hero__ctaBox button, .moneytransfer__form button { background-image: -webkit-linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5); background-image: linear-gradient(#54b4eb, #2FA4E7 60%, #1d9ce5); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF54B4EB', endColorstr='#FF1D9CE5', GradientType=0); border-bottom: 1px solid #178acc; } .btn-success { background-image: -webkit-linear-gradient(#88c149, #73A839 60%, #699934); background-image: linear-gradient(#88c149, #73A839 60%, #699934); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF88C149', endColorstr='#FF699934', GradientType=0); border-bottom: 1px solid #59822c; } .btn-info { background-image: -webkit-linear-gradient(#04519b, #033C73 60%, #02325f); background-image: linear-gradient(#04519b, #033C73 60%, #02325f); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF04519B', endColorstr='#FF02325F', GradientType=0); border-bottom: 1px solid #022241; } .btn-warning { background-image: -webkit-linear-gradient(#ff6707, #DD5600 60%, #c94e00); background-image: linear-gradient(#ff6707, #DD5600 60%, #c94e00); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFF6707', endColorstr='#FFC94E00', GradientType=0); border-bottom: 1px solid #aa4200; } .btn-danger { background-image: -webkit-linear-gradient(#e12b31, #C71C22 60%, #b5191f); background-image: linear-gradient(#e12b31, #C71C22 60%, #b5191f); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE12B31', endColorstr='#FFB5191F', GradientType=0); border-bottom: 1px solid #9a161a; } h1, h2, h3, h4, .accordion__title, h5, h6 { color: #317EAC; } .pagination .active > a, .pagination .active > a:hover { border-color: #ddd; } .panel-primary .panel-title { color: #fff; } .panel-success .panel-heading { background-color: #73A839; color: #fff; } .panel-success .panel-title { color: #fff; } .panel-warning .panel-heading { background-color: #DD5600; color: #fff; } .panel-warning .panel-title { color: #fff; } .panel-danger .panel-heading { background-color: #C71C22; color: #fff; } .panel-danger .panel-title { color: #fff; } .panel-info .panel-heading { background-color: #033C73; color: #fff; } .panel-info .panel-title { color: #fff; } /* e7 */ /* Retina Images */ /* Sprite properties */ [class^="i--"], [class*="i--"], [class^="flags--"], [class*="flags--"], .btn--arrow:after, .btn--cta:after, .btn--warren:after, .ctaBanner button:after, .hero__ctaBox button:after, .pagination ul li a:after, .moneytransfer__form button:after, .btn--video:after, html.csschecked .radio--tick label:before, .form--quickSearch:after, .invisibleSelect__label:after, .header__logo, .modalTrigger--phone:after, .header__nav--mobile .nav__trigger:after, .body--adwords-landing .header .header__logo, .disclaimer-toggle a:after, .list--ticks li:before, .ctaBanner--inbox .ctaBanner__title:before, .ctaBanner--exchangeRates .ctaBanner__title:before, .modal-header .close, .table--sortable .sorting:after, .table--sortable .sorting_desc:after, .table--sortable .sorting_asc:after, .ctaBox__complementary .complementary__action span:after, .accordion__title:after { background-image: url("../../../images/sprite.png"); background-repeat: no-repeat; text-indent: -999em; line-height: 100%; vertical-align: middle; display: inline-block; } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { [class^="i--"], [class*="i--"], [class^="flags--"], [class*="flags--"], .btn--arrow:after, .btn--cta:after, .btn--warren:after, .ctaBanner button:after, .hero__ctaBox button:after, .pagination ul li a:after, .moneytransfer__form button:after, .btn--video:after, html.csschecked .radio--tick label:before, .form--quickSearch:after, .invisibleSelect__label:after, .header__logo, .modalTrigger--phone:after, .header__nav--mobile .nav__trigger:after, .body--adwords-landing .header .header__logo, .disclaimer-toggle a:after, .list--ticks li:before, .ctaBanner--inbox .ctaBanner__title:before, .ctaBanner--exchangeRates .ctaBanner__title:before, .modal-header .close, .table--sortable .sorting:after, .table--sortable .sorting_desc:after, .table--sortable .sorting_asc:after, .ctaBox__complementary .complementary__action span:after, .accordion__title:after { background-image: url("../../../images/sprite@2x.png"); background-size: 1710px 100px; } } /* Sprite access */ /* Prevent text selection */ .header, .header__nav--mobile .nav__trigger, .table--locked, .table--sortable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*-------------------------------------------------------------------------------- Spill Relies on a parent container, usually surrounding the entire content, that has overflow:hidden; - Apply this to spill the background colour to the left/right until it hits the edge of the viewport. Sean Bullock - sean@bluespore.com --------------------------------------------------------------------------------*/ /* Debug */ .mediaDetector { position: fixed; top: 0; right: 0; width: 50px; height: 20px; background: pink; color: #fff; padding: 5px; font-size: 11px; z-index: 9999; } .mediaDetector:before { content: 'Phone'; } @media (min-width: 768px) and (max-width: 992px) { .mediaDetector { background: brown; } .mediaDetector:before { content: "Tablet"; } } @media (min-width: 992px) and (max-width: 1200px) { .mediaDetector { background: green; } .mediaDetector:before { content: "Desk"; } } @media (min-width: 1200px) { .mediaDetector { background: red; } .mediaDetector:before { content: "Large"; } } .swatch { position: fixed; top: 0; left: 0; content: ''; display: block; width: auto; height: auto; } .swatch div { height: 10px; width: 8px; font-size: 8px; line-height: 10px; color: #fff; text-align: center; } .swatch div:first-child { background: #2FA4E7; } .swatch div:nth-child(2) { background: #73A839; } .swatch div:nth-child(3) { background: #DD5600; } .swatch div:nth-child(4) { background: #C71C22; } .swatch div:nth-child(5) { background: #033C73; } .swatch div:nth-child(6) { background: #222222; } .swatch div:nth-child(7) { background: #333333; } .swatch div:nth-child(8) { background: #555555; } .swatch div:nth-child(9) { background: #999999; } .swatch div:nth-child(10) { background: #eeeeee; } p, .text-pp li, .list--ticks li { font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 300; font-style: normal; font-size: 16px; line-height: 22px; color: #555555; } p.intro { font-size: 22px; line-height: 30px; color: #999999; padding: 0px 0px 20px 0px; } h1, .modal-title { font-size: 24px; font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 400; font-style: normal; color: #299de2; line-height: 30px; } h2, .header__nav ul > li > a, .header__nav--mobile .nav__trigger, .mobileNav a, .feature-block__title, .quoteBox__author, .ctaBox__complementary .complementary__body span, .currencyRate { font-size: 21px; font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 600; font-style: normal; color: #555555; line-height: 30px; } h3, .modalTrigger--phone { font-size: 18px; line-height: 30px; color: #999999; font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 400; font-style: normal; } h4, .accordion__title { color: #2FA4E7; } .text--center { text-align: center !important; } .text--left { text-align: left !important; } .text--right { text-align: right !important; } .text--smoke { color: #555555 !important; } .text--smokeLight { color: #999999 !important; } .text--smokeDark { color: #333333 !important; } .text--navy { color: #0B3966 !important; } .wysiwyg-content img[style*="float: right;"], .wysiwyg-content iframe[style*="float: right;"], .wysiwyg-content iframe[align="right"] { margin: 0 0 20px 20px; } .wysiwyg-content img[style*="float: left;"], .wysiwyg-content iframe[style*="float: left;"], .wysiwyg-content iframe[align="left"] { margin: 0 20px 20px 0; } @media only screen and (max-width: 620px) { .wysiwyg-content img[style], .wysiwyg-content iframe[style], .wysiwyg-content iframe[align] { display: block; margin: 20px auto; width: 100% !important; max-width: 100% !important; float: none !important; height: auto !important; } } /* Helpers */ .soft--ends, .banner--quotes--blogwidget, .banner--quotes--about { padding-top: 40px; padding-bottom: 40px; } .soft--sides { padding-left: 40px; padding-right: 40px; } .soft--left { padding-left: 40px; } .soft--right { padding-right: 40px; } .bg--primary { background: #2FA4E7; } .spill--left { position: relative; } .spill--left:before { content: ''; background-color: inherit; top: 0; bottom: 0; position: absolute; right: 100%; width: 100em; } .text-pp { margin-bottom: 40px; } .text-pp > *:first-child { margin-top: 0; } /* Sprites */ .i--logo, .header__logo { width: 359px; height: 51px; background-position: 0 0; } .i--logo--white, .body--adwords-landing .header .header__logo { width: 359px; height: 51px; background-position: -1291px 0; } .i--envelopeBang { width: 70px; height: 41px; background-position: -370px 0; } .i--envelopeArrow, .ctaBanner--inbox .ctaBanner__title:before, .ctaBanner--exchangeRates .ctaBanner__title:before { width: 70px; height: 41px; background-position: -450px 0; } .i--circle-up-down, .ctaBanner--exchangeRates .ctaBanner__title:before { width: 48px; height: 48px; background-position: -1663px 0; } .i--smartPhone { width: 22px; height: 41px; background-position: -530px 0; } .i--checkTick, html.csschecked .radio--tick input:checked + label:before { width: 35px; height: 30px; background-position: -638px 0; } .i--checkTickHover, html.csschecked .radio--tick input:checked + label:hover:before { width: 35px; height: 30px; background-position: -638px -40px; } .i--checkEmpty, html.csschecked .radio--tick label:before { width: 35px; height: 30px; background-position: -678px 0; } .i--checkEmptyHover, html.csschecked .radio--tick label:hover:before { width: 35px; height: 30px; background-position: -678px -40px; } .i--tick, .list--ticks li:before { width: 18px; height: 15px; background-position: -720px 0; } .i--chevronRightWhite, .btn--arrow:after, .btn--cta:after, .btn--warren:after, .ctaBanner button:after, .hero__ctaBox button:after, .pagination ul li a:after, .moneytransfer__form button:after, .btn--video:after, .ctaBox__complementary .complementary__action span:after { width: 12px; height: 18px; background-position: -749px 0; } .i--chevronRightSmoke, .no-touch .table--sortable tr:not(:hover) .btn:not(.btn--cta):not(.btn--warren):after, .no-touch .table--sortable tr:not(:hover) .btn--cta:not(.btn--cta):not(.btn--warren):after, .no-touch .table--sortable tr:not(:hover) .btn--warren:not(.btn--cta):not(.btn--warren):after, .no-touch .table--sortable tr:not(:hover) .ctaBanner button:not(.btn--cta):not(.btn--warren):after, .ctaBanner .no-touch .table--sortable tr:not(:hover) button:not(.btn--cta):not(.btn--warren):after, .no-touch .table--sortable tr:not(:hover) .hero__ctaBox button:not(.btn--cta):not(.btn--warren):after, .hero__ctaBox .no-touch .table--sortable tr:not(:hover) button:not(.btn--cta):not(.btn--warren):after, .no-touch .table--sortable tr:not(:hover) .pagination ul li a:not(.btn--cta):not(.btn--warren):after, .pagination ul li .no-touch .table--sortable tr:not(:hover) a:not(.btn--cta):not(.btn--warren):after, .no-touch .table--sortable tr:not(:hover) .moneytransfer__form button:not(.btn--cta):not(.btn--warren):after, .moneytransfer__form .no-touch .table--sortable tr:not(:hover) button:not(.btn--cta):not(.btn--warren):after, .no-touch .table--sortable tr:not(:hover) .btn--video:not(.btn--cta):not(.btn--warren):after, .no-touch .table--sortable tr:not(:hover) .invisibleSelect--ui .invisibleSelect__label:not(.btn--cta):not(.btn--warren):after, .invisibleSelect--ui .no-touch .table--sortable tr:not(:hover) .invisibleSelect__label:not(.btn--cta):not(.btn--warren):after, .no-touch .table--sortable tr:not(:hover) .categories__tag:not(.btn--cta):not(.btn--warren):after { width: 12px; height: 18px; background-position: -769px 0; } .i--chevronRightSky, .btn--arrow.btn-link--sky:after, .btn-link--sky.btn--cta:after, .btn-link--sky.btn--warren:after, .ctaBanner button.btn-link--sky:after, .hero__ctaBox button.btn-link--sky:after, .pagination ul li a.btn-link--sky:after, .moneytransfer__form button.btn-link--sky:after, .btn-link--sky.btn--video:after { width: 12px; height: 18px; background-position: -789px 0; } .i--chevronRightNavy, .btn--arrow.btn-link--navy:after, .btn-link--navy.btn--cta:after, .btn-link--navy.btn--warren:after, .ctaBanner button.btn-link--navy:after, .hero__ctaBox button.btn-link--navy:after, .pagination ul li a.btn-link--navy:after, .moneytransfer__form button.btn-link--navy:after, .btn-link--navy.btn--video:after { width: 12px; height: 18px; background-position: -809px 0; } .i--chevronRightCharcoal, .btn--cta.btn-default:after, .btn-default.btn--warren:after, .invisibleSelect--ui .btn--warren.invisibleSelect__label:after, .btn--warren.categories__tag:after, .invisibleSelect--ui .btn--cta.invisibleSelect__label:after, .invisibleSelect--ui .ctaBanner button.invisibleSelect__label:after, .ctaBanner .invisibleSelect--ui button.invisibleSelect__label:after, .invisibleSelect--ui .hero__ctaBox button.invisibleSelect__label:after, .hero__ctaBox .invisibleSelect--ui button.invisibleSelect__label:after, .invisibleSelect--ui .pagination ul li a.invisibleSelect__label:after, .pagination ul li .invisibleSelect--ui a.invisibleSelect__label:after, .invisibleSelect--ui .moneytransfer__form button.invisibleSelect__label:after, .moneytransfer__form .invisibleSelect--ui button.invisibleSelect__label:after, .ctaBanner button.btn-default:after, .ctaBanner button.categories__tag:after, .hero__ctaBox button.btn-default:after, .hero__ctaBox button.categories__tag:after, .btn--cta.categories__tag:after, .pagination ul li a.categories__tag:after, .moneytransfer__form button.categories__tag:after, .pagination ul li a.btn-default:after, .moneytransfer__form button.btn-default:after { width: 12px; height: 18px; background-position: -829px 0; } .i--phone, .modalTrigger--phone:after { width: 22px; height: 21px; background-position: -849px 0; } .i--phoneHover, .modalTrigger--phone:hover:after { width: 22px; height: 21px; background-position: -849px -23px; } .i--phoneWhite, .modalTrigger--phone.btn:after, .modalTrigger--phone.btn--cta:after, .modalTrigger--phone.btn--warren:after, .ctaBanner button.modalTrigger--phone:after, .hero__ctaBox button.modalTrigger--phone:after, .pagination ul li a.modalTrigger--phone:after, .moneytransfer__form button.modalTrigger--phone:after, .modalTrigger--phone.btn--video:after, .invisibleSelect--ui .modalTrigger--phone.invisibleSelect__label:after, .modalTrigger--phone.categories__tag:after, .modalTrigger--phone.btn:hover:after, .modalTrigger--phone.btn--cta:hover:after, .modalTrigger--phone.btn--warren:hover:after, .ctaBanner button.modalTrigger--phone:hover:after, .hero__ctaBox button.modalTrigger--phone:hover:after, .pagination ul li a.modalTrigger--phone:hover:after, .moneytransfer__form button.modalTrigger--phone:hover:after, .modalTrigger--phone.btn--video:hover:after, .modalTrigger--phone.categories__tag:hover:after, .body--adwords-landing .header .header__requestCall .i--phone, .body--adwords-landing .header .header__requestCall .modalTrigger--phone:after { width: 22px; height: 21px; background-position: -824px -23px; } .i--popout { width: 15px; height: 15px; background-position: -880px 0; } .i--popoutHover { width: 15px; height: 15px; background-position: -880px -30px; } .i--hamburger, .header__nav--mobile .nav__trigger:after { width: 20px; height: 12px; background-position: -910px 0; } .i--hamburgerHover, .header__nav--mobile .nav__trigger:hover:after, .header__nav--mobile .nav__trigger--active:after { width: 20px; height: 12px; background-position: -910px -30px; } .i--cross, .modal-header .close { width: 16px; height: 14px; background-position: -939px 0; } .i--crossHover { width: 16px; height: 14px; background-position: -939px -30px; } .i--directional, .invisibleSelect__label:after, .table--sortable th.sorting:after { width: 10px; height: 16px; background-position: -959px 0; } .i--directionalHover, .table--sortable th.sorting:hover:after { width: 10px; height: 16px; background-position: -959px -30px; } .i--pointDown, .table--sortable th.sorting_desc:after { width: 10px; height: 6px; background-position: -979px 0; } .i--pointDownHover, .table--sortable th.sorting_desc:hover:after { width: 10px; height: 6px; background-position: -979px -30px; } .i--pointUp, .table--sortable th.sorting_asc:after { width: 10px; height: 6px; background-position: -1165px 0; } .i--pointUpHover, .table--sortable th.sorting_asc:hover:after { width: 10px; height: 6px; background-position: -1165px -30px; } .i--twitter { width: 23px; height: 19px; background-position: -1000px 0; } .i--twitterHover, .i--twitter:hover { width: 23px; height: 19px; background-position: -1000px -30px; } .i--facebook { width: 22px; height: 22px; background-position: -1040px 0; } .i--facebookHover, .i--facebook:hover { width: 22px; height: 22px; background-position: -1040px -30px; } .i--googleplus { width: 23px; height: 22px; background-position: -1079px 0; } .i--googleplusHover, .i--googleplus:hover { width: 23px; height: 22px; background-position: -1079px -30px; } .i--linkedin { width: 23px; height: 22px; background-position: -1199px 0; } .i--linkedinHover, .i--linkedin:hover { width: 23px; height: 22px; background-position: -1199px -30px; } .i--circleArrow { width: 32px; height: 30px; background-position: -1109px 0; background-color: #fff; border-radius: 100px; } .i--thumbUp { width: 14px; height: 15px; background-position: -1145px 0; } .i--search, .form--quickSearch:after { width: 16px; height: 17px; background-position: -1178px 0; } .i--searchHover { width: 16px; height: 17px; background-position: -1178px 0; } .i--plus, .accordion__title.collapsed:after { width: 15px; height: 17px; background-position: -1225px 0; } .i--plus-blue, .disclaimer-toggle a.collapsed:after, .accordion__title.collapsed:hover:after { width: 15px; height: 17px; background-position: -1225px -17px; } .i--minus, .accordion__title:after { width: 15px; height: 17px; background-position: -1242px 0; } .i--minus-blue, .disclaimer-toggle a:after, .accordion__title:hover:after { width: 15px; height: 17px; background-position: -1242px -17px; } .i--smartPhone + .i--envelopeBang { margin-left: 7px; } .i--videoplay, .btn--video:after { height: 18px; width: 26px; background-position: -1263px 0; } .i--videoplay:hover, .btn--video:hover:after { background-position: -1263px -22px; } /* Left Arrow Addition */ .leftarrow, .pagination ul li.prev a:before, .btn--backtoblog:before { background-image: url("../../../images/leftarrow.png"); background-repeat: no-repeat; text-indent: -999em; line-height: 100%; vertical-align: middle; display: inline-block; width: 11px; height: 18px; } @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) { .leftarrow, .pagination ul li.prev a:before, .btn--backtoblog:before { background-image: url("../../../images/leftarrow@2x.png"); background-size: 21px 35px; width: 22px; height: 36px; } } /* Flags */ [class^="flags--"], [class*="flags--"] { width: 45px; height: 30px; } .flags--USD { background-position: 0px -70px; } .flags--EUR { background-position: -50px -70px; } .flags--GBP { background-position: -100px -70px; } .flags--JPY { background-position: -150px -70px; } .flags--CNY, .flags--CHY { background-position: -200px -70px; } .flags--FJD { background-position: -250px -70px; } .flags--HKD { background-position: -300px -70px; } .flags--INR { background-position: -350px -70px; } .flags--IDR { background-position: -400px -70px; } .flags--DKK { background-position: -450px -70px; } .flags--KES { background-position: -500px -70px; } .flags--XPF { background-position: -550px -70px; } .flags--NZD { background-position: -600px -70px; } .flags--NOK { background-position: -650px -70px; } .flags--PGK { background-position: -700px -70px; } .flags--PHP { background-position: -750px -70px; } .flags--SAR { background-position: -800px -70px; } .flags--SGD { background-position: -850px -70px; } .flags--ZAR { background-position: -900px -70px; } .flags--LKR { background-position: -950px -70px; } .flags--SEK { background-position: -1000px -70px; } .flags--CHF { background-position: -1050px -70px; } .flags--THB { background-position: -1100px -70px; } .flags--AED { background-position: -1150px -70px; } .flags--VUV { background-position: -1200px -70px; } .flags--PKR { background-position: -1250px -70px; } .flags--MYR { background-position: -1300px -70px; } .flags--KRW { background-position: -1350px -70px; } .flags--MXN { background-position: -1400px -70px; } .flags--TRY { background-position: -1450px -70px; } .flags--ILS { background-position: -1500px -70px; } .flags--CAD { background-position: -1550px -70px; } /* Extensions */ .btn-navy, .pagination ul li a { background-image: -webkit-linear-gradient(top, #195794 0%, #042340 100%); background-image: linear-gradient(to bottom, #195794 0%, #042340 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF195794', endColorstr='#FF042340', GradientType=0); border: solid 1px #000406; color: #fff; } .btn-navy:hover, .pagination ul li a:hover, .btn-navy:active, .pagination ul li a:active { color: #fff; } .btn-navy:active, .pagination ul li a:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); background-image: -webkit-linear-gradient(top, #042340 0%, #195794 100%); background-image: linear-gradient(to bottom, #042340 0%, #195794 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF042340', endColorstr='#FF195794', GradientType=0); outline: 0; } /* CTA */ .btn--cta, .btn--warren, .ctaBanner button, .hero__ctaBox button, .pagination ul li a, .moneytransfer__form button { font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 21px; line-height: 100%; } .btn--cta.btn-default, .btn-default.btn--warren, .invisibleSelect--ui .btn--warren.invisibleSelect__label, .btn--warren.categories__tag, .invisibleSelect--ui .btn--cta.invisibleSelect__label, .invisibleSelect--ui .ctaBanner button.invisibleSelect__label, .ctaBanner .invisibleSelect--ui button.invisibleSelect__label, .invisibleSelect--ui .hero__ctaBox button.invisibleSelect__label, .hero__ctaBox .invisibleSelect--ui button.invisibleSelect__label, .invisibleSelect--ui .pagination ul li a.invisibleSelect__label, .pagination ul li .invisibleSelect--ui a.invisibleSelect__label, .invisibleSelect--ui .moneytransfer__form button.invisibleSelect__label, .moneytransfer__form .invisibleSelect--ui button.invisibleSelect__label, .ctaBanner button.btn-default, .ctaBanner button.categories__tag, .hero__ctaBox button.btn-default, .hero__ctaBox button.categories__tag, .btn--cta.categories__tag, .pagination ul li a.categories__tag, .moneytransfer__form button.categories__tag, .pagination ul li a.btn-default, .moneytransfer__form button.btn-default { color: #555555; text-shadow: none; font-size: 18px; } .btn--cta.btn-default:after, .btn-default.btn--warren:after, .invisibleSelect--ui .btn--warren.invisibleSelect__label:after, .btn--warren.categories__tag:after, .invisibleSelect--ui .btn--cta.invisibleSelect__label:after, .invisibleSelect--ui .ctaBanner button.invisibleSelect__label:after, .ctaBanner .invisibleSelect--ui button.invisibleSelect__label:after, .invisibleSelect--ui .hero__ctaBox button.invisibleSelect__label:after, .hero__ctaBox .invisibleSelect--ui button.invisibleSelect__label:after, .invisibleSelect--ui .pagination ul li a.invisibleSelect__label:after, .pagination ul li .invisibleSelect--ui a.invisibleSelect__label:after, .invisibleSelect--ui .moneytransfer__form button.invisibleSelect__label:after, .moneytransfer__form .invisibleSelect--ui button.invisibleSelect__label:after, .ctaBanner button.btn-default:after, .ctaBanner button.categories__tag:after, .hero__ctaBox button.btn-default:after, .hero__ctaBox button.categories__tag:after, .btn--cta.categories__tag:after, .pagination ul li a.categories__tag:after, .moneytransfer__form button.categories__tag:after, .pagination ul li a.btn-default:after, .moneytransfer__form button.btn-default:after { margin-top: 0; } .btn--cta i, .btn--warren i, .ctaBanner button i, .hero__ctaBox button i, .pagination ul li a i, .moneytransfer__form button i { vertical-align: top; margin-left: 5px; } .btn--warren { font-size: 38px; } .btn--video { color: #555555; font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 200; font-style: normal; font-size: 18px; line-height: 100%; text-shadow: none; } /* Arrow button */ .btn--arrow, .btn--cta, .btn--warren, .ctaBanner button, .hero__ctaBox button, .pagination ul li a, .moneytransfer__form button, .btn--video { /* Font adjustments for btn-link */ /* Arrow colour mods */ } .btn--arrow:after, .btn--cta:after, .btn--warren:after, .ctaBanner button:after, .hero__ctaBox button:after, .pagination ul li a:after, .moneytransfer__form button:after, .btn--video:after { content: ''; margin-left: 15px; margin-top: -2px; } .btn--arrow.btn-link, .btn-link.btn--cta, .btn-link.btn--warren, .ctaBanner button.btn-link, .hero__ctaBox button.btn-link, .pagination ul li a.btn-link, .moneytransfer__form button.btn-link, .btn-link.btn--video { font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 600; font-style: normal; font-size: 17px; } /* Btn Link */ .btn-link { text-shadow: none; padding-left: 0; padding-right: 0; } .btn-link--sky { color: #2FA4E7; } .btn-link--sky:hover { color: #2FA4E7; } .btn-link--navy { color: #042340; } .btn-link--navy:hover { color: #042340; } /* Scale modifiers */ .btn--smallText { font-family: "Source Sans Pro", Arial, sans-serif; font-size: 16px !important; } /* Tags */ label { font-size: 1.1em; color: #555555; } .label--preferredCurrency { color: #999999; max-width: 65px; margin: -5px 5px 0; display: block; } @media (max-width: 767px) { .label--preferredCurrency { max-width: 100%; } } /** * Remove ms clear button */ ::-ms-clear { height: 0; width: 0; } /* Parsley */ input.parsley-error { box-shadow: 0 0 5px 0 rgba(199, 28, 34, 0.6); border: 1px solid #f00; } .parsley-errors-list { display: none; padding: 10px 30px; margin-top: 10px; } .parsley-errors-list.filled { display: block; } /* Form element modifiers */ .form-group--med { width: 180px; } .form-group--med button, .form-group--med input[type="submit"] { display: block; width: 100%; } .form-control { font-size: 17px; } /* Tick checkbox */ html.csschecked .radio--tick input { display: none; } html.csschecked .radio--tick label { padding-left: 42px; position: relative; } html.csschecked .radio--tick label:hover { cursor: pointer; } html.csschecked .radio--tick label:before { content: ''; display: block; position: absolute; left: 0; top: -4px; } .form-group .checkbox label { font-weight: normal; font-size: 0.95em; } .input-group .parsley-errors-list { display: none; } /* Icons in input groups */ .input-group-addon { font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 600; font-size: 1.2em; } .input-group-addon i { vertical-align: bottom !important; } /* Form types */ .form--quickSearch { position: relative; margin-top: 20px; } .form--quickSearch:after { content: ''; position: absolute; top: 11px; right: 10px; } @media (max-width: 767px) { .form--quickSearch { margin: 0 0 15px; } } /* Custom select areas */ .invisibleSelect { position: relative; overflow: hidden; } .invisibleSelect select { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: block; opacity: 0; min-height: 40px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } .invisibleSelect select:hover { cursor: pointer; } .invisibleSelect__label:after { content: ''; margin: -3px 0 0 3px; } .invisibleSelect:hover__label { background: #555555; } .invisibleSelect--ui .invisibleSelect__label { width: auto; max-width: 100%; text-align: left; border: 1px solid #ccc; position: relative; text-shadow: none; padding-right: 30px; font-family: "Source Sans Pro", Arial, sans-serif; line-height: 21px; font-weight: 600; font-size: 1.2em; } .invisibleSelect--ui .invisibleSelect__label:after { position: absolute; top: 11px; right: 10px; margin: 0; } .invisibleSelect__label.input-group-addon { background: #fff; border-left: 0; } /* Conversion success blip */ @keyframes blip { 0% { border: 1px solid green; box-shadow: 0 0 0 0 rgba(0, 128, 0, 0); } 10% { border-color: #00b300; box-shadow: 0 0 12px 0px rgba(0, 128, 0, 0.6); } 100% { border-color: transparent; box-shadow: 0 0 0 0 rgba(0, 128, 0, 0); } } .blip--success { animation: blip 3s cubic-bezier(0.23, 1, 0.32, 1); } .input--loading { background: #fff url("../../../images/ajax.gif") 90% 50% no-repeat !important; } /* Header */ .header { background-image: -webkit-linear-gradient(top, #fff 90%, #F2F2F2 100%); background-image: linear-gradient(to bottom, #fff 90%, #F2F2F2 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF2F2F2', GradientType=0); height: 160px; overflow: hidden; } .header .logo--img { max-width: 100%; margin-top: 20px; } @media (min-width: 992px) { .header [class*="col"] { height: 160px; } } @media (max-width: 767px) { .header { position: absolute; top: 0; left: 0; right: 0; overflow: visible; z-index: 1000; height: 130px; } .header .logo--img { margin: 10px auto; display: block; } } .header__logo { margin-top: 50px; } @media (max-width: 991px) { .header__logo { margin-top: 20px; } } .header__requestCall { text-align: right; width: 100%; height: 100px; line-height: 100px; font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 300; font-size: 18px; color: #999999; } @media screen and (max-width: 1020px) { .header__requestCall { line-height: 100%; padding-top: 30px; } .header__requestCall span { display: block; width: 100%; } } @media (min-width: 768px) and (max-width: 992px) { .header__requestCall { line-height: 100%; height: auto; margin-bottom: 40px; } .header__requestCall span { display: none; } .header__requestCall .modalTrigger--phone { width: 100%; display: block; } } @media (max-width: 767px) { .header__requestCall { height: auto; float: right; line-height: 100%; padding-top: 0; } } .modalTrigger--phone { font-weight: 600; margin-left: 20px; color: #999999; } .modalTrigger--phone:after { content: ''; margin-left: 15px; line-height: 100px; } .header__requestCall .modalTrigger--phone:after { display: none; } .modalTrigger--phone.btn, .modalTrigger--phone.btn--cta, .modalTrigger--phone.btn--warren, .ctaBanner button.modalTrigger--phone, .hero__ctaBox button.modalTrigger--phone, .pagination ul li a.modalTrigger--phone, .moneytransfer__form button.modalTrigger--phone, .modalTrigger--phone.btn--video, .invisibleSelect--ui .modalTrigger--phone.invisibleSelect__label, .modalTrigger--phone.categories__tag { color: #fff !important; } .modalTrigger--phone:hover { text-decoration: none; color: #555555; } @media (max-width: 767px) { .modalTrigger--phone { float: right; line-height: 55px; } } /* Navigation */ .header__nav { width: 100%; } .header__nav ul { float: right; border-bottom: 0; } .header__nav ul > li { margin-left: 10px; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .header__nav ul > li:first-child { margin-left: 0; } .header__nav ul > li.active a { background-image: -webkit-linear-gradient(top, #195794 0%, #042340 100%); background-image: linear-gradient(to bottom, #195794 0%, #042340 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF195794', endColorstr='#FF042340', GradientType=0); border-color: #000406; color: #fff; } .header__nav ul > li.active a.tab--lightBlue { background-image: -webkit-linear-gradient(top, #54B4EB 0%, #2FA4E7 100%); background-image: linear-gradient(to bottom, #54B4EB 0%, #2FA4E7 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF54B4EB', endColorstr='#FF2FA4E7', GradientType=0); border-color: #1684c2; } .header__nav ul > li.active a:hover, .header__nav ul > li.active a:active { color: #fff; } .header__nav ul > li.tab--regular a { font-size: 15px; border: none; background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #999999; padding: 0; width: auto; } .header__nav ul > li.tab--regular a:hover { box-shadow: none; background: none; color: #555555; } .header__nav ul > li.tab--regular.active a { background: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); border: none; color: #042340; } .header__nav ul > li > a { background-image: -webkit-linear-gradient(top, #fff 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5', GradientType=0); font-weight: 400; font-size: 18px; line-height: 60px; padding: 0 15px; border: solid #ccc; border-width: 1px 1px 0 1px; border-radius: 15px 15px 0 0; color: #555555; text-align: center; } .header__nav ul > li > a:hover { border-color: #cccccc; box-shadow: 0 -1px 2px 1px rgba(153, 153, 153, 0.15); } @media (min-width: 992px) and (max-width: 1200px) { .header__nav { position: relative; bottom: -9px; } .header__nav ul > li { margin-left: 10px; } .header__nav ul > li > a { font-size: 16px !important; width: auto; line-height: 50px; padding: 0 9px; } } @media (min-width: 768px) and (max-width: 992px) { .header__nav { position: relative; bottom: -9px; margin: 0 auto; width: 580px; } .header__nav ul > li > a { font-size: 16px !important; width: auto; line-height: 50px; padding: 0 9px; } } /* Header swap Container for elements which are swapped in/out */ .header__swap { position: relative; } @media (max-width: 767px) { .header__swap { margin-top: 14px; } .header__swap:before { content: ''; display: block; left: -15px; right: -15px; top: 0; background: #eeeeee; height: 1px; position: absolute; } } /* Header nav mobile */ .header__nav--mobile { opacity: 1; transition: opacity 1s ease; } .body--loading .header__nav--mobile { opacity: 0; } .header__nav--mobile .nav__trigger { color: #999999; } .header__nav--mobile .nav__trigger:after { content: ''; margin-left: 20px; } .header__nav--mobile .nav__trigger:hover, .header__nav--mobile .nav__trigger--active { cursor: pointer; color: #555555; } @media (max-width: 767px) { .header__nav--mobile .nav__trigger { line-height: 55px; display: inline-block; } } .mobileNav { display: block; left: -15px; list-style: none; margin: 0; padding: 0; right: -15px; position: absolute; top: 100%; background: white; border-top: 1px solid #E6E6E6; } .mobileNav a { font-size: 18px; line-height: 55px; display: block; padding: 0 15px; border-bottom: 1px solid #E6E6E6; color: #999999; } .mobileNav a:active, .mobileNav a:hover { color: #333333; background: #eeeeee; text-decoration: none; } /** * Simple */ .body--adwords-landing .header { position: absolute; top: 0; left: 0; right: 0; background: transparent; } .body--adwords-landing .header .header__logo { margin-top: 50px; } .body--adwords-landing .header .header__requestCall { padding: 48px 0 0 0; height: auto; line-height: 50px; } .body--adwords-landing .header .header__requestCall, .body--adwords-landing .header .header__requestCall a, .body--adwords-landing .header .header__requestCall a:hover { color: #fff; } @media (max-width: 991px) { .body--adwords-landing .header .header__requestCall { display: block !important; padding-top: 50px; line-height: 1; text-align: center; float: none; } .body--adwords-landing .header .header__requestCall span { display: none; } .body--adwords-landing .header .header__requestCall .modalTrigger--phone { float: none; line-height: 20px; } } @media screen and (max-width: 767px) { .body--adwords-landing .header .header__requestCall { padding: 0; } } .body--adwords-landing .header .logo--img { margin-top: 40px !important; } /* Footer */ .footer { background-image: -webkit-linear-gradient(top, #F2F2F2 5%, #fff 20%); background-image: linear-gradient(to bottom, #F2F2F2 5%, #fff 20%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2F2F2', endColorstr='#FFFFFFFF', GradientType=0); border-top: 1px solid #ccc; padding: 45px 0 20px; } .footer small { color: #a6a6a6; } .footer li { margin: 0 10px 10px 0; padding: 0; } .footer li > ul li { margin-right: 2px; } .footer a { color: #999999; font-weight: 600; font-size: 14px; } @media (max-width: 767px) { .footer .list--main > li { float: left; width: 50%; margin: 0; padding: 0 10px 10px 0; } } @media (min-width: 992px) { .footer .list--main .social { float: right; } .footer .list--main .social, .footer .list--main .social li:last-child { padding-right: 0; margin-right: 0; } } .footer__complementary { padding-top: 25px; } .footer__complementary a { font-size: 1em; } @media (max-width: 767px) { .footer__complementary { padding-top: 20px; } } .footer__left { text-align: left; } .footer__right { text-align: right; } @media (max-width: 767px) { .footer__left, .footer__right { text-align: left; padding-top: 20px; } } .disclaimer-toggle { display: block; margin-bottom: 22px; } .disclaimer-toggle a { color: #2FA4E7; } .disclaimer-toggle a:after { content: ''; margin-left: 5px; } .footer__disclaimer #disclaimer * { font-size: 14px; } /* E7 Credit */ /* For IE8 it won't accept a base64 encoded font */ @font-face { font-family: 'e7-logo'; src: url("https://www.thecurrencyshop.com.au/dist/css/fonts/e7-logo.eot"); } @font-face { font-family: 'e7-logo'; src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6xDYsAAAC8AAAAYGNtYXAAcwCHAAABHAAAAERnYXNwAAAAEAAAAWAAAAAIZ2x5ZnHwzAIAAAFoAAAAxGhlYWQBKzohAAACLAAAADZoaGVhB8IDxAAAAmQAAAAkaG10eAYAAAAAAAKIAAAADGxvY2EACgBiAAAClAAAAAhtYXhwAAcAQQAAApwAAAAgbmFtZbV5CUsAAAK8AAABOXBvc3QAAwAAAAAD+AAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAABAACAAYQPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAACAAYf/9//8AAAAgAGH//f///+H/oQADAAEAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAA/8AEAAPAABQAKQA+AAABIg4CFRQeAjMyPgI1NC4CIxEiLgI1ND4CMzIeAhUUDgIjEyIuAjU0PgIzMh4CFRQOAiMCAGq7i1BQi7tqaruLUFCLu2orTDghIThMKytMOCEhOEwr/hQjGw8PGyMUFCMbDw8bIxQDwFCLu2pqu4tQUIu7amq7i1D9MSA4TCsrTDghIThMKytMOCABbA8bIxQUIxsPDxsjFBQjGw8AAAABAAAAAQAAsxfayl8PPPUACwQAAAAAAM8F+tIAAAAAzwX60gAA/8AEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAAAAAAAAAAAKAGIAAQAAAAMAPwADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBlADcALQBsAG8AZwBvAFYAZQByAHMAaQBvAG4AIAAwAC4AMABlADcALQBsAG8AZwBvZTctbG9nbwBlADcALQBsAG8AZwBvAFIAZQBnAHUAbABhAHIAZQA3AC0AbABvAGcAbwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAR0AAoAAAAABCwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAQgAAAEIx04NEU9TLzIAAAH8AAAAYAAAAGAOsQ2LY21hcAAAAlwAAABEAAAARABzAIdnYXNwAAACoAAAAAgAAAAIAAAAEGhlYWQAAAKoAAAANgAAADYBKzohaGhlYQAAAuAAAAAkAAAAJAfCA8RobXR4AAADBAAAAAwAAAAMBgAAAG1heHAAAAMQAAAABgAAAAYAA1AAbmFtZQAAAxgAAAE5AAABObV5CUtwb3N0AAAEVAAAACAAAAAgAAMAAAEABAQAAQEBCGU3LWxvZ28AAQIAAQA++BwC+BsD+BgEHgoACXZWJf+Lix4KAAl2ViX/i4sMB4tL+pT6VAUdAAAAcg8dAAAAdxEdAAAACR0AAAD/EgAEAQEIDxIVZTctbG9nb2U3LWxvZ291MjB1NjEAAAIBiQABAAMBAQQHgv6UDvyUDviU+lQV+6+L+3n7eYv7rwiL+6/3eft596+LCPevi/d593mL968Ii/ev+3n3efuviwiL/WMV+weLLuiL9wcIi/cH6Oj3B4sI9weL6C6L+wcIi/sHLi77B4sI95L4ARVVi2C2i8AIi8G2tsGLCMCLtmCLVQiLVmBgVosIDvqUFPqUFYsMCgADBAABkAAFAAACmQLMAAAAjwKZAswAAAHrADMBCQAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAEAAIABhA8D/wP/AA8AAQAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAMAAAAAgACAACAAAAIABh//3//wAAACAAYf/9////4f+hAAMAAQAAAAAAAAAAAAEAAf//AA8AAQAAAAEAAEm7+7BfDzz1AAsEAAAAAADPBfrSAAAAAM8F+tIAAP/ABAADwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAAAwAAAAACAAAABAAAAAAAUAAAAwAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGUANwAtAGwAbwBnAG8AVgBlAHIAcwBpAG8AbgAgADAALgAwAGUANwAtAGwAbwBnAG9lNy1sb2dvAGUANwAtAGwAbwBnAG8AUgBlAGcAdQBsAGEAcgBlADcALQBsAG8AZwBvAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff"); font-weight: normal; font-style: normal; } .e7-credit { font-size: 11px; line-height: 15px; font-family: Arial, sans-serif; text-align: right; color: #999999; } @media (max-width: 767px) { .e7-credit { margin-top: 20px; text-align: left; } } .e7-credit__link { color: #999999; transition: all 0.3s ease; } .e7-credit__logo { display: inline-block; margin: 0 1px 0 1px; font-family: 'e7-logo'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; vertical-align: top; font-size: 15px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .e7-credit__logo:before { content: "\61"; } .e7-credit__link sup { vertical-align: top; font-size: 10px; position: relative; top: -3px; left: 1px; line-height: 15px; } .e7-credit__link:hover { text-decoration: none; color: #555555; } /* Lists */ .list--blank, .list--thumbs, .list--ticks, .list--actionLinks { margin: 0 0 20px; padding: 0; list-style: none; } .list--blank { margin-left: 30px; } .list--blank li { margin-bottom: 10px; } .list--blank > li { margin-left: 0; } .list--blank ul, .list--blank ol { padding-left: 30px; list-style: none !important; } .list--thumbs li { display: inline-block; height: 100px; vertical-align: top; width: 33.3%; padding: 0 10px; text-align: center; } .list--thumbs img { max-width: 100%; } @media screen and (max-width: 380px) { .list--thumbs li { width: 50%; } } @media screen and (max-width: 315px) { .list--thumbs li { width: 100%; } } .list--thumbs--full li { width: 16.666666667%; } @media screen and (max-width: 790px) { .list--thumbs--full li { width: 33.3%; } } @media screen and (max-width: 420px) { .list--thumbs--full li { width: 50%; } } .list--ticks li { color: #999999; padding-left: 30px; margin: 0 0 15px; position: relative; font-size: 18px; } .list--ticks li:before { content: ''; position: absolute; top: 4px; left: 0; } .list--circled-numbers { counter-reset: item; padding: 0; margin: 10px 0 0 0; } .list--circled-numbers > li { position: relative; padding: 0 0 0 45px; display: block; margin: 0 0 20px; min-height: 40px; } .list--circled-numbers > li:before { background-image: -webkit-linear-gradient(top, #54B4EB 0%, #2FA4E7 100%); background-image: linear-gradient(to bottom, #54B4EB 0%, #2FA4E7 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF54B4EB', endColorstr='#FF2FA4E7', GradientType=0); border-color: #1684c2; position: absolute; left: 0; top: -5px; border-radius: 50%; margin: 0 20px 0 -1px !important; content: counter(item) !important; counter-increment: item; display: block; width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; font-weight: bold; } .list--twoCol li { display: inline-block; vertical-align: top; width: 45%; } .list--twoCol li:nth-child(2n) { margin-left: 10px; } @media (max-width: 767px) { .list--twoCol li { width: 100%; margin-left: 0 !important; } } .list--actionLinks { margin: 0; } .list--actionLinks li { margin: 0; padding: 0; float: left; width: 50%; } @media (min-width: 768px) and (max-width: 992px) { .list--actionLinks li { width: 100%; } } @media (max-width: 767px) { .list--actionLinks li { width: 100%; } } @media screen and (max-width: 565px) { .modal-content .list--actionLinks li { width: 100%; float: none; } .modal-content .list--actionLinks a { font-size: 14px; } } /* Media list */ .media-list .media { border-bottom: 1px solid #999999; padding-bottom: 20px; } @media (max-width: 991px) { .media-list .pull-right, .media-list .pull-left { float: none !important; margin: 0 0 30px !important; display: block; } } /** * Feature blocks */ .feature-block { margin: 0 0 25px; /* Body wrapper */ /* Option aside */ } .feature-block ul { padding-left: 17px; } .feature-block iframe { width: 480px; height: auto; min-height: 270px; max-width: 100%; max-height: auto; } .feature-block__title { background-image: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5', GradientType=0); font-size: 23px; border-radius: 10px 10px 0 0; padding: 15px 20px; vertical-align: middle; border: 1px solid #E6E6E6; } .feature-block__body { padding: 20px 15px; border: solid #E6E6E6; border-width: 0 1px 1px 1px; } .feature-block__aside img { margin: 0 auto 25px; display: block; max-width: 100%; height: auto; } .feature-block__aside .btn, .feature-block__aside .btn--cta, .feature-block__aside .btn--warren, .feature-block__aside .ctaBanner button, .ctaBanner .feature-block__aside button, .feature-block__aside .hero__ctaBox button, .hero__ctaBox .feature-block__aside button, .feature-block__aside .pagination ul li a, .pagination ul li .feature-block__aside a, .feature-block__aside .moneytransfer__form button, .moneytransfer__form .feature-block__aside button, .feature-block__aside .btn--video, .feature-block__aside .invisibleSelect--ui .invisibleSelect__label, .invisibleSelect--ui .feature-block__aside .invisibleSelect__label, .feature-block__aside .categories__tag { margin: 0 auto 25px; } .ctaBanner { border-width: 1px 0 1px 0; padding: 30px 0; text-align: center; } .ctaBanner p { font-size: 16px; margin-bottom: 20px; } .ctaBanner .form-group { vertical-align: top; } .ctaBanner .form-group:first-child { margin-left: 0; } @media (min-width: 1200px) { .ctaBanner .form-group { margin-left: 15px; } } @media (min-width: 992px) and (max-width: 1200px) { .ctaBanner .form-group { margin-left: 7px; } } @media (min-width: 768px) and (max-width: 992px) { .ctaBanner .form-group { margin-left: 7px; } .ctaBanner input { max-width: 160px; } } @media (max-width: 767px) { .ctaBanner { text-align: left; } } /* CTA: Rate alert */ .ctaBanner--rateAlert { background-image: -webkit-linear-gradient(top, #195794 0%, #0F3A64 100%); background-image: linear-gradient(to bottom, #195794 0%, #0F3A64 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF195794', endColorstr='#FF0F3A64', GradientType=0); width: 100%; border-color: #07243F; border-style: solid; /* Media queries */ } .ctaBanner--rateAlert p { color: #fff; display: inline; font-size: 18px; margin-right: 20px; } .ctaBanner--rateAlert .i--envelopeBang { margin-right: 20px; } .ctaBanner--rateAlert .ctaBanner__title { color: #fff; font-size: 23px; margin: 0 0 15px; } .ctaBanner--rateAlert .form-group:first-child { margin-left: 0; } @media (max-width: 767px) { .ctaBanner--rateAlert p { display: block; line-height: 150%; margin: 0 0 10px; } } /* CTA: Inbox */ .ctaBanner--inbox, .ctaBanner--exchangeRates { background: #E6E6E6; border-color: #CCCCCC; border-style: solid; } .ctaBanner--inbox .ctaBanner__title, .ctaBanner--exchangeRates .ctaBanner__title { color: #042340; font-size: 23px; margin: 0 0 30px; } .ctaBanner--inbox .ctaBanner__title:before, .ctaBanner--exchangeRates .ctaBanner__title:before { content: ''; margin-right: 20px; } @media (min-width: 768px) and (max-width: 992px) { .ctaBanner--inbox .container, .ctaBanner--exchangeRates .container { width: 760px !important; } } @media (max-width: 767px) { .ctaBanner--inbox .ctaBanner__title, .ctaBanner--exchangeRates .ctaBanner__title { margin: 50px 0 10px; position: relative; } .ctaBanner--inbox .ctaBanner__title:before, .ctaBanner--exchangeRates .ctaBanner__title:before { position: absolute; margin: -50px 0 0 0; } } .ctaBanner--exchangeRates .ctaBanner__title { margin-bottom: 5px; } .ctaBanner--exchangeRates p:last-child { margin: 0; } .ctaBanner--border-top { background-image: -webkit-linear-gradient(top, #F5F5F5 10%, #fff 100%); background-image: linear-gradient(to bottom, #F5F5F5 10%, #fff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFFFFFFF', GradientType=0); border-top: 2px solid #CCCCCC; } /* Banner: Quotes + Blog Widget */ .banner--quotes--blogwidget { background: #555555; } /* Banner: Quotes */ .banner--quotes { /* Flexslider overwrites */ } .banner--quotes .flexslider { background: transparent; box-shadow: none; border: 0; border-radius: 0; } .banner--quotes .flexslider .flex-control-paging li { margin: 0 4px; } .banner--quotes .flexslider .flex-control-paging li a { background: #999999; width: 13px; height: 13px; box-shadow: none; } .banner--quotes .flexslider .flex-control-paging li a.flex-active { background: #FFF; } /* Banner: Quotes on the About Page */ .banner--quotes--about { background: #555555; } /* Quotebox */ .quoteBox { border: none; margin: 0; padding: 0; } .quoteBox__body { border-radius: 15px; background: #E6E6E6; padding: 25px 35px; position: relative; margin: 0 0 45px; } .quoteBox__body:before { content: ''; display: block; top: 100%; width: 28px; height: 21px; left: 90px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAVCAYAAABVAo5cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM5MDMwRjA3Q0RDNTExRTNCOTRFRURCMkZGMUJEQkE2IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM5MDMwRjA4Q0RDNTExRTNCOTRFRURCMkZGMUJEQkE2Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzkwMzBGMDVDREM1MTFFM0I5NEVFREIyRkYxQkRCQTYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzkwMzBGMDZDREM1MTFFM0I5NEVFREIyRkYxQkRCQTYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ArgWRAAAA/klEQVR42mJ89uzZfwbagZVAnCQpKfkNJsBEI4tAnqgB4khky0CAhQaWfQHiGKBFG7FJUtvC+0DsD7TsMi4F1AzSA0Bshs8yalo4E4jdgJa9IaSQ0iD9DcT5QIumE6uBEgvfAnEo0LL9pGgi18Ir0MRxj1SN5MThJiC2IscyUi0EZeY2IA4AWvaZ3HggNki/A3Ey0KLllCZnYix8AvXVWWrkH0IWngBiF6BlX6lVOuCLw0VAbENNy3D58C8QVwAt6qFFNYJu4UcgNgBa9oBWFSRykN4CYiVaWoZs4S4g1gda9o6BxgBkoeP37989gJb9YKADYPz//z8DPQFAgAEArWE3rnpxnBoAAAAASUVORK5CYII=); position: absolute; } .quoteBox__body p { font-style: italic; } .quoteBox__meta:before, .quoteBox__meta:after { content: " "; display: table; } .quoteBox__meta:after { clear: both; } .quoteBox__meta p { max-width: 400px; display: block; padding-left: 100px; line-height: 0.7em; } .quoteBox__avatar { height: 72px; width: 72px; background-size: cover; float: left; border-radius: 100px; margin: -10px 20px 0 0; } .quoteBox__author { display: block; color: #fff; letter-spacing: 0.1em; } .quoteBox__title { color: #eeeeee; font-size: 13px; line-height: 120%; } .modal-backdrop.in { background: rgba(255, 255, 255, 0.7); opacity: 1; } .modal h2 { margin-bottom: 26px; } .modal .lead { font-size: 15px; font-weight: 300; } #ajax_modal:before { content: ''; display: block; height: 50px; width: 50px; border-radius: 5px; background: #fff url("../../../images/ajax.gif") no-repeat 50% 50%; position: absolute; top: 70px; left: 50%; margin: 0 0 0 -25px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); } .modal-content { overflow: hidden; } .modal-content p.intro { padding: 0; } .modal-header { background-color: #2FA4E7; background-image: -webkit-linear-gradient(top, #2FA4E7 0%, #1990d5 100%); background-image: linear-gradient(to bottom, #2FA4E7 0%, #1990d5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2FA4E7', endColorstr='#FF1990D5', GradientType=0); border-radius: 6px 6px 0 0; border: solid #1684c2; border-width: 1px 1px 0 1px; min-height: 80px; color: #fff; padding: 15px 30px; } .modal-header .close { opacity: 1; margin-top: 15px; } @media (max-width: 767px) { .modal-header { padding: 15px; } .modal-header .close { margin-top: 20px; } } .modal-title { color: #fff; line-height: 120%; padding-top: 7px; } .modal-title .i--envelopeBang { margin-right: 30px; } @media (max-width: 767px) { .modal-title { font-size: 18px; line-height: 2.2; } .modal-title .i--envelopeBang { display: none; } .modal-title .i--smartPhone { margin-right: 15px; } } .table--locked { position: relative; pointer-events: none; } .table--locked:before { content: ''; position: absolute; display: block; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.6); } .ie8 .table--locked:before { background: url("../../../images/FFFFFF-0.6.png"); height: 100%; width: 100%; } .table--light { width: 100%; } .table--light td, .table--light th { border: none !important; text-align: left !important; padding: 0; } .table--light table td { vertical-align: top; } .table--air { width: 100%; } .table--air tbody { border: solid #E6E6E6; border-width: 1px 0 0 0; } .table--air th { padding: 0 15px; height: 45px; vertical-align: top; } .table--air th strong { font-size: 18px; } .table--air th em { font-size: 18px; font-weight: 300; } .table--air td { padding: 10px 15px; border: solid #E6E6E6; border-width: 0 0 1px 1px; } .table--air td:first-child { border-left: 0; } @media (max-width: 767px) { .table--air td { padding: 5px; } .table--air th strong, .table--air th em { font-size: 12px; } } /* live rates */ .table--sortable { border: solid #E6E6E6; border-width: 1px 1px 0 0; border-radius: 10px 10px 0 0; overflow: hidden; width: 100%; margin: 30px 0 40px; border-collapse: separate !important; font-size: 17px; color: #999999; font-weight: 100; /* Interactive Sortables */ /* Remove visual clue to sorting on last column */ /* Alignment of flag icons */ /* Media Queries */ } .table--sortable .btn, .table--sortable .btn--cta, .table--sortable .btn--warren, .table--sortable .ctaBanner button, .ctaBanner .table--sortable button, .table--sortable .hero__ctaBox button, .hero__ctaBox .table--sortable button, .table--sortable .pagination ul li a, .pagination ul li .table--sortable a, .table--sortable .moneytransfer__form button, .moneytransfer__form .table--sortable button, .table--sortable .btn--video, .table--sortable .invisibleSelect--ui .invisibleSelect__label, .invisibleSelect--ui .table--sortable .invisibleSelect__label, .table--sortable .categories__tag { text-align: left; } .table--sortable thead { border-radius: 10px 10px 0 0; } .table--sortable th { background-image: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5', GradientType=0); padding: 23px 15px; vertical-align: middle; font-weight: 400; color: #999999; font-size: 16px; border: solid #E6E6E6; border-width: 0 0 1px 1px; } .table--sortable th em { font-size: 18px; color: #555555; } .table--sortable th:first-child { padding-left: 25px; } .table--sortable th:hover { color: #555555; } .table--sortable tr { /* Set btn colours to gray until mouse moves over the table row. Do not do this for touch devices. Browsers that do not support :not will just show full colour. */ } .table--sortable tr:hover td { background: #f5f5f5; } .table--sortable tr:hover td:not(:first-child) { border-left: transparent 1px solid; } .no-touch .table--sortable tr:not(:hover) .btn:not(.btn--cta):not(.btn--warren), .no-touch .table--sortable tr:not(:hover) .btn--cta:not(.btn--cta):not(.btn--warren), .no-touch .table--sortable tr:not(:hover) .btn--warren:not(.btn--cta):not(.btn--warren), .no-touch .table--sortable tr:not(:hover) .ctaBanner button:not(.btn--cta):not(.btn--warren), .ctaBanner .no-touch .table--sortable tr:not(:hover) button:not(.btn--cta):not(.btn--warren), .no-touch .table--sortable tr:not(:hover) .hero__ctaBox button:not(.btn--cta):not(.btn--warren), .hero__ctaBox .no-touch .table--sortable tr:not(:hover) button:not(.btn--cta):not(.btn--warren), .no-touch .table--sortable tr:not(:hover) .pagination ul li a:not(.btn--cta):not(.btn--warren), .pagination ul li .no-touch .table--sortable tr:not(:hover) a:not(.btn--cta):not(.btn--warren), .no-touch .table--sortable tr:not(:hover) .moneytransfer__form button:not(.btn--cta):not(.btn--warren), .moneytransfer__form .no-touch .table--sortable tr:not(:hover) button:not(.btn--cta):not(.btn--warren), .no-touch .table--sortable tr:not(:hover) .btn--video:not(.btn--cta):not(.btn--warren), .no-touch .table--sortable tr:not(:hover) .invisibleSelect--ui .invisibleSelect__label:not(.btn--cta):not(.btn--warren), .invisibleSelect--ui .no-touch .table--sortable tr:not(:hover) .invisibleSelect__label:not(.btn--cta):not(.btn--warren), .no-touch .table--sortable tr:not(:hover) .categories__tag:not(.btn--cta):not(.btn--warren) { color: #999999; } .table--sortable td { padding: 20px 15px; border: solid #E6E6E6; border-width: 0 0 1px 1px; } .table--sortable td:first-child { padding-left: 25px; } .table--sortable td.cell--provider, .table--sortable td.cell--reviews, .table--sortable td.cell--actions { text-align: center; } .table--sortable img { max-width: 100%; height: auto; } .table--sortable .sorting, .table--sortable .sorting_desc, .table--sortable .sorting_asc { white-space: nowrap; } .table--sortable .sorting:after, .table--sortable .sorting_desc:after, .table--sortable .sorting_asc:after { content: ''; margin: 5px 0 0 15px; } .table--sortable .sorting:hover, .table--sortable .sorting_desc:hover, .table--sortable .sorting_asc:hover { cursor: pointer; } .table--sortable .sorting:active, .table--sortable .sorting_desc:active, .table--sortable .sorting_asc:active { background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #ffffff 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF5F5F5', endColorstr='#FFFFFFFF', GradientType=0); outline: 0; } .table--sortable .sorting_desc, .table--sortable .sorting_asc { box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2); color: #555555; } .table--sortable th.sorting_desc:after { margin-top: 8px; } .table--sortable th.sorting_asc:after { margin-top: 8px; } .table--sortable th.cell--actions.sorting, .table--sortable th.cell--actions.sorting_desc, .table--sortable th.cell--actions.sorting_asc { box-shadow: none; } .table--sortable th.cell--actions.sorting:after, .table--sortable th.cell--actions.sorting_desc:after, .table--sortable th.cell--actions.sorting_asc:after { display: none; } .table--sortable [class*="flags--"], .table--sortable [class^="flags--"] { margin-right: 15px; } @media (max-width: 1200px) { .table--sortable th, .table--sortable td, .table--sortable th:first-child, .table--sortable td:first-child { padding-left: 10px; padding-right: 10px; } .table--sortable td:first-child { text-align: center; } .table--sortable [class*="flags--"], .table--sortable [class^="flags--"] { margin: 0 0 5px 0; } .table--sortable .currencyCode { display: block; float: left; width: 100%; } } @media (max-width: 1199px) { .table--sortable th { text-align: center; vertical-align: top; } .table--sortable th:after { float: none !important; display: block !important; margin: 10px auto 0 !important; } .table--sortable .cell--country { display: none; } } @media (min-width: 768px) and (max-width: 992px) { .table--sortable .cell--actions { width: 100px !important; } } @media (max-width: 991px) { .table--sortable .btn--arrow, .table--sortable .btn--cta, .table--sortable .btn--warren, .table--sortable .ctaBanner button, .ctaBanner .table--sortable button, .table--sortable .hero__ctaBox button, .hero__ctaBox .table--sortable button, .table--sortable .pagination ul li a, .pagination ul li .table--sortable a, .table--sortable .moneytransfer__form button, .moneytransfer__form .table--sortable button, .table--sortable .btn--video { font-size: 14px; } .table--sortable .btn--arrow:after, .table--sortable .btn--cta:after, .table--sortable .btn--warren:after, .table--sortable .ctaBanner button:after, .ctaBanner .table--sortable button:after, .table--sortable .hero__ctaBox button:after, .hero__ctaBox .table--sortable button:after, .table--sortable .pagination ul li a:after, .pagination ul li .table--sortable a:after, .table--sortable .moneytransfer__form button:after, .moneytransfer__form .table--sortable button:after, .table--sortable .btn--video:after { display: none; } } @media (max-width: 767px) { .table--sortable .cell--actions { width: 100px !important; } .table--sortable .currencyCode, .table--sortable .currencyRate { font-size: 12px; } .table--sortable td { padding: 5px; } .table--sortable th { text-align: center; } .table--sortable th, .table--sortable th em { font-size: 14px; } } /* Cell width adjustments Importants are used to override dataTable's inline styles */ #table_rates { border-radius: 0; } @media (max-width: 767px) { #table_rates { font-size: 12px; } } /* Providers listing */ @media (min-width: 768px) and (max-width: 992px) { #table_providers img { max-width: 50px; } #table_providers th { font-size: 14px; } #table_providers th:after { margin: 0; } } @media (max-width: 767px) { #table_providers { margin-top: 0; } #table_providers th { padding: 5px; } #table_providers .cell--provider, #table_providers .cell--rate, #table_providers .cell--amount, #table_providers .cell--reviews, #table_providers .cell--fee, #table_providers .cell--actions, #table_providers .cell--method, #table_providers .cell--speed { display: none; } } /** * Hack to allow providers cell * to be sortable, since it only contains images * we place an invisible span tag with the name * right before the image tag */ .cell--provider span { visibility: hidden; display: block; height: 0; } /* Providers listing on money transfer page */ #table_providers_transfer td { padding: 15px 10px; } @media (min-width: 1200px) { #table_providers_transfer img { max-width: 82px; } } @media (max-width: 1199px) { #table_providers_transfer { font-size: 15px; } #table_providers_transfer td { padding: 8px 10px; } } @media (min-width: 768px) and (max-width: 992px) { #table_providers_transfer { font-size: 13px; } #table_providers_transfer img { max-width: 50px; } #table_providers_transfer th { vertical-align: middle; } #table_providers_transfer th:after { margin: 0; } #table_providers_transfer .cell--speed { display: none; } } @media (max-width: 767px) { #table_providers_transfer { margin-top: 0; } #table_providers_transfer th { padding: 5px; } #table_providers_transfer .cell--provider, #table_providers_transfer .cell--rate, #table_providers_transfer .cell--amount, #table_providers_transfer .cell--reviews, #table_providers_transfer .cell--fee, #table_providers_transfer .cell--actions, #table_providers_transfer .cell--method, #table_providers_transfer .cell--speed { display: none; } } @media (min-width: 768px) { .cell--mobileOnly { display: none; } } @media (max-width: 767px) { .cell--mobileOnly { display: table-cell; padding: 15px !important; } .cell--mobileOnly span { font-size: 14px; font-weight: bold; } } /* Hide filter as we're using a custom search input for this. */ .dataTables_filter { display: none; } /* Cell helpers */ .td--openLeft { border-left: 0 !important; } .td--openRight { border-right: 0 !important; } .td--openTop { border-top: 0 !important; } .td--openBottom { border-bottom: 0 !important; } /* Alerts */ .alert h2, .parsley-errors-list h2 { font-style: italic; margin-bottom: 0; color: #042340; } .alert__cta { float: right; min-height: 130px; width: 200px; margin-left: 40px; } .alert__cta h3 { font-size: 27px; color: #042340; } .alert__cta .btn, .alert__cta .btn--cta, .alert__cta .btn--warren, .alert__cta .ctaBanner button, .ctaBanner .alert__cta button, .alert__cta .hero__ctaBox button, .hero__ctaBox .alert__cta button, .alert__cta .pagination ul li a, .pagination ul li .alert__cta a, .alert__cta .moneytransfer__form button, .moneytransfer__form .alert__cta button, .alert__cta .btn--video, .alert__cta .invisibleSelect--ui .invisibleSelect__label, .invisibleSelect--ui .alert__cta .invisibleSelect__label, .alert__cta .categories__tag { margin: 10px 0 0 0; float: none; line-height: 120%; } @media (max-width: 767px) { .alert__cta { width: 100%; float: none; min-height: 0; margin: 0; text-align: left; } .alert__cta .btn, .alert__cta .btn--cta, .alert__cta .btn--warren, .alert__cta .ctaBanner button, .ctaBanner .alert__cta button, .alert__cta .hero__ctaBox button, .hero__ctaBox .alert__cta button, .alert__cta .pagination ul li a, .pagination ul li .alert__cta a, .alert__cta .moneytransfer__form button, .moneytransfer__form .alert__cta button, .alert__cta .btn--video, .alert__cta .invisibleSelect--ui .invisibleSelect__label, .invisibleSelect--ui .alert__cta .invisibleSelect__label, .alert__cta .categories__tag { margin: 0; } } /* Hero */ .hero { width: 100%; height: auto; max-width: 100%; margin: 0 auto; background-color: #333333; background-size: 100% auto; background-position: top 50%; text-align: center; overflow: hidden; /* Media queries */ } .hero h1 { font-size: 64px; color: #fff; line-height: 1.3em; margin: 70px auto; } @media (max-width: 991px) { .hero { height: auto; } .hero [class*="col-"] { padding: 0; } .hero h1 { font-size: 29px; } } @media screen and (max-width: 1680px) { .hero { background-size: cover; background-position: 50% 50%; } } .hero--landing h1 { font-weight: 700; } .body--adwords-landing .hero { padding-top: 150px; } .hero__island { margin: -40px 0 70px; padding: 35px 30px; background: #fff; background: rgba(255, 255, 255, 0.8); border-radius: 15px; border: 1px solid #6E7D90; } .hero__island h1, .hero__island h2, .hero__island h3, .hero__island h4, .hero__island .accordion__title { margin-top: 0; } @media only screen and (max-width: 766px) { .hero__island { margin: -40px 15px 70px; } } /* Hero CTA Box As seen on the home page */ .hero__ctaBox { background: #fff; background: rgba(255, 255, 255, 0.85); border-radius: 15px; padding: 25px 30px; border: 1px solid #CECECE; margin-top: 30px; position: relative; text-align: center; /* Form Adjustments */ /* Media queries */ } .hero__ctaBox--home { margin-top: 80px; margin-bottom: 30px; } .hero__ctaBox em { font-size: 18px; vertical-align: middle; font-weight: 300; } .hero__ctaBox .hero__ctaBox--findout { font-size: 19px; font-weight: 400; margin: 0; line-height: 39px; } .hero__ctaBox .hero__ctaBox--findout .btn-navy.btn--cta, .hero__ctaBox .hero__ctaBox--findout .btn-navy.btn--warren, .hero__ctaBox .hero__ctaBox--findout .pagination ul li a.btn--warren, .pagination ul li .hero__ctaBox .hero__ctaBox--findout a.btn--warren, .hero__ctaBox .hero__ctaBox--findout .ctaBanner button.btn-navy, .ctaBanner .hero__ctaBox .hero__ctaBox--findout button.btn-navy, .hero__ctaBox .hero__ctaBox--findout button.btn-navy, .hero__ctaBox .hero__ctaBox--findout .pagination ul li a, .pagination ul li .hero__ctaBox .hero__ctaBox--findout a, .hero__ctaBox .hero__ctaBox--findout .moneytransfer__form button.btn-navy, .moneytransfer__form .hero__ctaBox .hero__ctaBox--findout button.btn-navy { font-size: 19px; margin: 0 0 0 15px; } .hero__ctaBox #form_selection { margin-top: 0; } .hero__ctaBox .form-inline, .hero__ctaBox .navbar-form { text-align: center; margin-top: 20px; } .hero__ctaBox .form-inline:first-child, .hero__ctaBox .navbar-form:first-child { margin-top: 0; } .hero__ctaBox .form-group { margin-left: 20px; } .hero__ctaBox .form-group:first-child { margin-left: 0; } .hero__ctaBox .circleHolder { margin-left: 5px; margin-right: -15px; } .hero__ctaBox .input-group { width: 180px; } .hero__ctaBox label { font-size: 18px; line-height: 21px; } @media (min-width: 1200px) { .hero__ctaBox { width: 85%; margin-left: auto; margin-right: auto; } } @media (min-width: 768px) and (max-width: 992px) { .hero__ctaBox { margin-top: 95px; } .hero__ctaBox .form-inline, .hero__ctaBox .navbar-form { text-align: center; } .hero__ctaBox button { margin-top: 20px; } } @media (max-width: 480px) { .hero__ctaBox .radio--tick { width: 40% !important; } .hero__ctaBox .radio--tick label { width: 40px; } } @media (max-width: 767px) { .hero__ctaBox { background: #fff; border: 0; padding: 0 0 999px; margin-bottom: -979px; border-radius: 0; margin-top: 40px; } .hero__ctaBox .form-group { width: auto; margin: 20px 10px !important; text-align: center; } .hero__ctaBox .form-group.radio--tick { float: left; margin: 0 !important; width: 50%; } .hero__ctaBox .input-group { margin: 0 auto; width: 270px; max-width: 100%; } .hero__ctaBox .circleHolder i { transform: rotate(90deg); } } /* Flush modifier */ .hero--ctaFlush { overflow: hidden; height: auto; min-height: 100px; } .hero--ctaFlush [class^="col-"], .hero--ctaFlush [class*="col-"] { position: static; } .hero--ctaFlush .hero__ctaBox { bottom: 0; border-radius: 15px 15px 0 0; border-width: 1px 1px 0 1px; } @media (min-width: 1200px) { .hero--ctaFlush .hero__ctaBox { width: 740px; left: 50%; margin-left: -390px; } } @media (max-width: 991px) { .hero--ctaFlush .hero__ctaBox { width: 100%; margin: 0; left: 0; border-width: 1px 0 0 0; } .hero--ctaFlush .hero__ctaBox button { margin: 0; } } @media (max-width: 767px) { .hero--ctaFlush .hero__ctaBox { border-radius: 0; padding: 5px 15px; } } @media (min-width: 768px) and (max-width: 992px) { .hero--ctaFlush h1 { font-size: 62px; } } @media (max-width: 767px) { .hero--ctaFlush h1 { font-size: 34px; margin-bottom: 50px; } } /* Currency cta */ .ctaBox__complementary { background-image: -webkit-linear-gradient(top, #F86731 70%, #C84F23 100%); background-image: linear-gradient(to bottom, #F86731 70%, #C84F23 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF86731', endColorstr='#FFC84F23', GradientType=0); border: solid #D95628; border-width: 1px 1px 0 1px; border-radius: 15px 15px 0 0; position: absolute; width: 520px; height: 60px; top: -61px; left: 50%; margin: 0 0 0 -260px; display: block; line-height: 55px; padding: 0px; color: #fff; font-size: 17px; font-weight: 300; /* Media queries */ } .ctaBox__complementary .form-inline, .ctaBox__complementary .navbar-form { text-align: center; } .ctaBox__complementary .form-group { margin-left: 14px; } .ctaBox__complementary .complementary__title span { color: #E6E6E6; font-style: italic; } .ctaBox__complementary .complementary__body span { color: #fff; } .ctaBox__complementary .complementary__action span { font-weight: 500; color: #fff; } .ctaBox__complementary .complementary__action span:after { content: ''; margin-left: 10px; } .ctaBox__complementary:hover { background-image: -webkit-linear-gradient(top, #f9794a 70%, #da592b 100%); background-image: linear-gradient(to bottom, #f9794a 70%, #da592b 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF9794A', endColorstr='#FFDA592B', GradientType=0); text-decoration: none; color: #fff; } .ctaBox__complementary:active { background-image: -webkit-linear-gradient(top, #f75518 70%, #b2461f 100%); background-image: linear-gradient(to bottom, #f75518 70%, #b2461f 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF75518', endColorstr='#FFB2461F', GradientType=0); } @media (max-width: 767px) { .ctaBox__complementary { border-radius: 0; line-height: 0%; width: auto; right: 0; left: 0; margin: 0; padding: 10px; height: auto; top: 0; position: static; } .ctaBox__complementary .form-group { width: auto; display: inline-block; } .ctaBox__complementary .complementary__action { width: 100%; margin: 10px 0 !important; } } body { min-width: 310px; } body.body--adwords-landing { padding-top: 0 !important; } @media (max-width: 767px) { body { padding-top: 130px; } } .wrapper { overflow: hidden; } @media (max-width: 767px) { .col-xs--flush { padding: 0; } } .row--equalise { display: -webkit-flex; display: -ms-flexbox; display: flex; } @media (max-width: 767px) { .row--equalise { display: block; } } /* Reviews listing */ .provider__header { padding: 0 0 15px; } .provider__header__img { float: left; width: 25%; border: 1px solid #ccc; } .provider__header__img img { max-width: 100%; height: auto; } .provider__header__body { float: left; width: 75%; padding-left: 15px; } .provider__header__body p { font-size: 18px; margin-top: 15px; color: #999999; } @media (max-width: 767px) { .provider__header__img { width: 35%; } .provider__header__body { width: 65%; } } @media screen and (max-width: 420px) { .provider__header__img, .provider__header__body { float: none; width: 100%; } .provider__header__img { padding-bottom: 30px; } } .provider__list { margin-bottom: 30px; } blockquote.blockquote--review { border: #e6e6e6 solid; border-width: 0 0 1px 0; padding: 15px; margin: 0; } blockquote.blockquote--review p { margin-bottom: 15px; font-size: 16px; } blockquote.blockquote--review cite { color: #2FA4E7; font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 600; font-size: 16px; } blockquote.blockquote--review:first-child { border-width: 1px 0 1px 0; } /* Sidebar */ .sidebar { position: relative; background: #2FA4E7; } .sidebar:before { content: ''; background-color: inherit; top: 0; bottom: 0; position: absolute; right: 100%; width: 100em; } .sidebar__cta { padding: 40px 0; } .sidebar__cta h2 { color: #fff; } .sidebar__cta p { color: #e6e6e6; font-weight: 600; font-size: 16px; } /* Rates */ .ratesHeader form { float: right; width: 210px; } @media (max-width: 767px) { .ratesHeader form { float: none; display: block; } } .ratesHeader__title { display: inline-block; color: #2FA4E7; line-height: 40px; } /* Elements found within tables */ .currencyCode { font-size: 18px; } .currencyRate { font-size: 24px; } .reviewsTrigger { color: #2FA4E7; font-size: 16px; font-weight: 100; display: block; } .reviewsTrigger:hover, .reviewsTrigger:focus, .reviewsTrigger:active { color: #042340; cursor: pointer; text-decoration: underline; } @media (max-width: 767px) { .reviewsTrigger { margin-bottom: 10px; } } .moreInformation { color: #999999 !important; font-weight: bold; line-height: 19px; font-size: 16px; display: block; margin-top: 20px; } .moreInformation i { margin-left: 10px; } .moreInformation:hover { color: #333333; text-decoration: underline; cursor: pointer; } @media (min-width: 768px) and (max-width: 992px) { .moreInformation { font-size: 14px; } .moreInformation i { display: none; } } @media (max-width: 767px) { .moreInformation { margin: 0; } } .noReviews { font-size: 18px; font-weight: bold; color: #333333; display: block; } @media (min-width: 992px) and (max-width: 1200px) { .noReviews { font-size: 14px; } } .writeReview { font-weight: bold; font-size: 12px; } .writeReview:hover { cursor: pointer; text-decoration: underline; } /* Nanobar */ #nano_bar { margin: 30px 0 -30px; } #refreshTimer { height: 1px !important; z-index: 900 !important; } #refreshTimer > div { transition: width 1s linear !important; background: #999999 !important; } /* Accordion */ .accordion__title { display: inline-block; padding-right: 30px; } .accordion__title:after { content: ''; position: relative; right: -15px; } .accordion__title:hover { text-decoration: none; } /** * Shame */ .info-block { background-image: -webkit-linear-gradient(top, #60B6E5 0%, #2FA4E7 100%); background-image: linear-gradient(to bottom, #60B6E5 0%, #2FA4E7 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF60B6E5', endColorstr='#FF2FA4E7', GradientType=0); padding: 15px; border-radius: 8px; color: #fff; display: inline-block; } .info-block * { margin: 0; } .info-block * + * { margin-top: 20px; } .blogheader { background-image: -webkit-linear-gradient(top, #5cb6e7 0%, #329edf 100%); background-image: linear-gradient(to bottom, #5cb6e7 0%, #329edf 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5CB6E7', endColorstr='#FF329EDF', GradientType=0); padding: 45px 0; } .blogheader__title { color: #FFF; font-size: 60px; line-height: 1; } .blogheader__title a { color: #FFF; } .blogheader__title a:hover { text-decoration: none; } .blogheader__subtitle { color: #FFF; font-size: 24px; line-height: 1.5; } .blogheader__desc p { color: #FFF; } .blogheader__desc p a { color: #FFF; } .categories { border-bottom: 1px solid #eeeeee; padding: 33px 0 24px; } .categories__title { float: left; line-height: 37px; margin: 0 10px 10px 0; } .categories__tag { display: block; float: left; text-shadow: none; margin: 0 10px 10px 0; color: #999; } .blogpost { text-align: center; border-bottom: 1px solid #eeeeee; } .blogpost--single { margin: 62px 0 50px; } .blogpost__title { font-size: 34px; line-height: 1; margin-top: 42px; margin-bottom: 17px; } .blogpost__date { font-size: 16px; color: #999999; } .blogpost__body { max-width: 840px; text-align: left; margin: 0 auto; } .blogpost__body p { color: #999999; margin: 0 0 20px; } .blogpost__body p.intro { font-size: 20px; line-height: 1.5; color: #999999; margin: 0 0 30px 0; padding: 0; } .blogpost__body img { max-width: 100%; height: auto; } .blogpost__body img.image-left { float: left; margin: 0 20px 20px 0; } .blogpost__body img.image-right { float: right; margin: 0 0 20px 20px; } .blogpost__image { margin: 10px auto 35px; max-width: 100%; height: auto; } .blogpost__desc { font-size: 20px; line-height: 1.5; color: #999999; margin: 0 0 30px 0; } .blogpost__excerpt { margin: 0 0 10px 0; } .blogpost__btn { margin: 0 0 31px 0; } .blogpost__contact { clear: both; color: #999999; margin: 20px 20px 10px; font-weight: 300; line-height: 1.5; } @media (max-width: 991px) { .blogpost__contact { margin: 20px 0 10px; } } .blogpost__contact a { color: #999999; font-weight: bold; } .blogpost__info { background: #eeeeee; padding: 10px; margin: 0 0 40px; } .blogpost__info ul { list-style-type: none; padding: 0; margin: 0; } .blogpost__info ul li { font-size: 16px; line-height: 200%; } .blogpost__info ul li span.label { color: #555555; font-size: 100%; line-height: 200%; width: 80px; display: inline-block; text-align: left; } .blogpost__info ul li.tags a { margin: 0 2px 0 0; } .blogpost__info ul li.tags a:after { content: ', '; } .blogpost__info ul li.tags a:last-child:after { content: ''; } .pagination { padding: 46px 0 40px; width: 100%; margin: 0 auto; height: 125px; } .pagination ul { display: block; list-style-type: none; height: 39px; max-width: 840px; margin: 0 auto; padding: 0; } .pagination ul li { display: none; } .pagination ul li.prev, .pagination ul li.next { display: block; } .pagination ul li.prev.disabled, .pagination ul li.next.disabled { display: none; } .pagination ul li.prev a span.arrow, .pagination ul li.next a span.arrow { display: none; } .pagination ul li.prev { float: left; } .pagination ul li.prev a:after { display: none; } .pagination ul li.prev a:before { content: ''; margin-right: 15px; margin-top: -2px; } .pagination ul li.next { float: right; } .btn--backtoblog { margin: 0 0 40px; float: left; } .btn--backtoblog:after { display: none; } .btn--backtoblog:before { content: ''; margin-right: 15px; margin-top: -2px; } .blognav--single { padding: 30px 0 40px; } .blognav__newer, .blognav__prev { float: left; } .blognav__older, .blognav__next { float: right; } /* BLOGLIST WIDGET */ .widget--bloglist h2 { color: #FFF; margin: 0 0 25px 0; line-height: 1; } .widget--bloglist p { color: #FFF; margin: 0 0 25px 0; line-height: 20px; font-weight: normal; } .widget--bloglist p a { color: #FFF; } .widget--bloglist .btn, .widget--bloglist .btn--cta, .widget--bloglist .btn--warren, .widget--bloglist .ctaBanner button, .ctaBanner .widget--bloglist button, .widget--bloglist .hero__ctaBox button, .hero__ctaBox .widget--bloglist button, .widget--bloglist .pagination ul li a, .pagination ul li .widget--bloglist a, .widget--bloglist .moneytransfer__form button, .moneytransfer__form .widget--bloglist button, .widget--bloglist .btn--video, .widget--bloglist .invisibleSelect--ui .invisibleSelect__label, .invisibleSelect--ui .widget--bloglist .invisibleSelect__label, .widget--bloglist .categories__tag { margin: 10px 0 0 0; } /* CATEGORY PAGE */ .category__title, .tag__title { max-width: 840px; margin: 40px auto; font-size: 34px; line-height: 1; font-weight: bold; text-align: center; color: #555555; } /* No Posts Found */ .noposts__title { margin: 0 0 50px; text-align: center; font-weight: normal; } /* Add This */ .addthis_toolbox { width: 185px; margin: 0 auto 20px; } .addthis_toolbox.float { float: right; margin: 0 0 40px; } @media (max-width: 380px) { .addthis_toolbox.float { float: none; } } /* * * Goes on the blog posts * * * DISQUS * * * */ #disqus_thread { margin: 0 auto 50px; max-width: 600px; } /* * jQuery FlexSlider v2.2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets *********************************/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } /* Icon Fonts *********************************/ /* Font-face Icons */ /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flexslider:hover .flex-prev { opacity: 0.7; left: 10px; } .flexslider:hover .flex-next { opacity: 0.7; right: 10px; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; line-height: 1; display: inline-block; content: '\f001'; } .flex-direction-nav a.flex-next:before { content: '\f002'; } /* Pause/Play */ .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } .moneytransfer__form { background: #FFF; padding: 20px 0 0 0; } .moneytransfer__form em { font-size: 18px; vertical-align: middle; font-weight: 300; } .moneytransfer__form #form_selection { margin-top: 0; } .moneytransfer__form .form-inline, .moneytransfer__form .navbar-form { margin-top: 20px; } .moneytransfer__form .form-inline:first-child, .moneytransfer__form .navbar-form:first-child { margin-top: 0; } .moneytransfer__form .form-group { margin-left: 20px; } .moneytransfer__form .form-group:first-child { margin-left: 0; } .moneytransfer__form .circleHolder { margin-left: 5px; margin-right: -15px; } .moneytransfer__form .input-group { width: 180px; } @media only screen and (max-width: 766px) { .moneytransfer__form .input-group { margin: 0 auto; } } .moneytransfer__form label { font-size: 18px; line-height: 21px; } @media only screen and (max-width: 766px) { .moneytransfer__form { text-align: center; padding: 0; } }