/* >= 1280px */
body { margin:0; padding:0; background-color:#fff; font-family:"Open Sans",Arial,sans-serif; color:#888; }
input[type=text], input[type=email], input[type=password], input[type=number], textarea, select { font-size:1.2em; border:1px solid #c6c6c6; height:60px; text-indent:10px; border-radius:5px; box-sizing:border-box; font-family:inherit; }
textarea { text-indent:0; padding:10px; }
button, input[type=submit] { background:none; border:0; text-align:center; text-decoration:none; font-size:1em; cursor:pointer; border-radius:5px; color:#fff; padding:15px 20px; display:block; width:100%; }
p { font-size:1em; line-height:1.8em; margin:15px 0; display:block; }
a { color:#1876c7; text-decoration:none; }
a:hover { color:#e32121; }
h1 { font-size:2em; margin:0; font-weight:normal; }
h2 { font-size:1.7em; margin:0; font-weight:normal; }
h3 { font-size:1.4em; margin:0; font-weight:normal; }
h4 { font-size:1.2em; margin:0; }
h5 { font-size:1em; margin:0; }
caption { margin-bottom:20px; font-style:italic; }
img { max-width:100%; }
ol, ul { max-width:90%; margin:auto; padding:0 0 0 25px; }
li { font-size:1em; line-height:1.8em; }
li::marker { color:#3d81d2; }
.clearfix:after { content:""; display:table; clear:both; }

div#hamburger-menu { width:25px; height:25px; float:right; cursor:pointer; margin-top:2px; }
div#hamburger-menu:hover div { background-color:#1cbc29; }
div#hamburger-menu div { width:100%; height:5px; background-color:#343434; border-radius:3px; }
div#hamburger-menu div:nth-of-type(2) { margin:5px 0; }
div#hamburger-menu.active { transform:rotate(90deg); }

div.container-full { width:100%; }
div.container-100 { width:100%; margin:auto; max-width:1280px; }
div.container-80 { width:80%; margin:auto; }
div.col { float:left; box-sizing:border-box; }
div.row-2 > div.col { width:49%; }
div.row-2 > div.col:nth-of-type(2) { margin:0 0 0 2%; }
div.row-2_1 > div.col { width:66%; }
div.row-2_1 > div.col:nth-of-type(2) { width:32%; margin:0 0 0 2%; }
div.row-2_2 > div.col { width:32%; }
div.row-2_2 > div.col:nth-of-type(2) { width:66%; margin:0 0 0 2%; }
div.row-3 > div.col { width:32%; }
div.row-3 > div.col:nth-of-type(2) { margin:0 2%; }
div.row-4 > div.col { width:24%; }
div.row-4 > div.col:nth-of-type(2) { margin:0 1.33%; }
div.row-4 > div.col:nth-of-type(3) { margin:0 1.33% 0 0; }
div.row-5 > div.col { width:18%; }
div.row-5 > div.col:nth-of-type(2) { margin:0 1% 0 1%; }
div.row-5 > div.col:nth-of-type(3) { margin:0 1% 0 0; }
div.row-5 > div.col:nth-of-type(4) { margin:0 1% 0 1%; }
div.row-5 > div.col:nth-of-type(5) { margin:0 1% 0 0; }

a.button { display:block; cursor:pointer; border-radius:5px; color:#fff; padding:15px 20px; width:100%; }
button.hyperlink { color:#1876c7; padding:0; }
button.hyperlink:hover { color:#e32121; }
button.blue, a.blue { background-color:#205da7; }
button.blue:hover, button.blue.active, a.blue:hover { background-color:#104689; }
button.green, a.green { background-color:#0ca900; }
button.green:hover, button.green.active, a.green:hover { background-color:#1f8517; }
button.pink, a.pink { background-color:#d51895; }
button.pink:hover, button.pink.active, a.pink:hover { background-color:#bf0d83; }

div#header-navigation { background-color:#343434; padding:10px 0 12px; }
div#header-navigation nav { padding-bottom:5px; }
div#header-navigation nav a { display:block; }
div#header-navigation nav a.parent { color:#fff; padding:10px; border-bottom:1px solid #454545; }
div#header-navigation nav a.child { color:#aaa; padding:7px 10px; border:0; }
div#header-navigation nav a:hover { color:#fff; background-color:#1cbc29; border-radius:3px; }

div#footer-navigation { padding:50px 0; background-color:#212121; }
div#footer-navigation p { margin:0; padding:10px; text-transform:uppercase; border-bottom:1px solid #454545; color:#aaa; }
div#footer-navigation nav a { color:#fff; padding:10px; display:block; }
div#footer-navigation nav a:hover { color:#fff; background-color:#1cbc29; border-radius:3px; }

div#breadcrumbs-container { background-color:#1c5ca9; background-color: rgba(28, 92, 169, 0.5); }
ol#breadcrumbs { margin:0; padding:5px 0; color:#888; list-style-type:none; font-size:0.9em; }
ol#breadcrumbs a:hover { text-decoration:underline; }

h1#page-title { color:#fff; margin:0; padding:30px 0; font-size:2.5em; line-height:1.3em; font-weight:bold; text-align:center; }

div.faq { border-bottom:1px solid #ddd; }
div.faq:first-of-type { border-top:1px solid #ddd; }
div.faq div.question { padding:20px; cursor:pointer; display:block; vertical-align:middle; background-repeat:no-repeat; background-position:right 20px center; background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBzdHlsZT0iZmlsbDojODg4IiBkPSJNIDE1LjE2Nzk2OSAzLjU5NzY1NiBMIDggMTAuNzQyMTg4IEwgMC44MzIwMzEgMy41OTc2NTYgTCAwIDQuNDI5Njg4IEwgOCAxMi40MDIzNDQgTCAxNiA0LjQyOTY4OCBaIE0gMTUuMTY3OTY5IDMuNTk3NjU2ICIvPjwvc3ZnPgo='); }
div.faq div.answer { padding:10px 20px; }
div.faq div.question a:hover { color:#1876c7; }
div.faq div.question:hover { background-color:#f9f9f9; }
div.faq div.question.active { background-color:#f9f9f9; }

div.notification-box { background-color:#f9f9f9; padding:20px 20px 20px 65px; background-repeat:no-repeat; background-size:25px 25px; background-position:20px; }
div.notification-box p { margin:0; }
div.notification-box.yes { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjMgMyAxNiAxNiI+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMS45OTk5NyAwIDAgMS45OTk5Ny0xMC45OTQtMjA3MS42OCkiPjxyZWN0IHk9IjEwMzcuMzYiIHg9IjciIGhlaWdodD0iOCIgd2lkdGg9IjgiIGZpbGw9IiMxYWJmMjciIHJ4PSI0Ii8+PHBhdGggZD0ibTEyMy44NiAxMi45NjZsLTExLjA4LTExLjA4Yy0xLjUyLTEuNTIxLTMuMzY4LTIuMjgxLTUuNTQtMi4yODEtMi4xNzMgMC00LjAyLjc2LTUuNTQxIDIuMjgxbC01My40NSA1My41My0yMy45NTMtMjQuMDRjLTEuNTIxLTEuNTIxLTMuMzY4LTIuMjgxLTUuNTQtMi4yODEtMi4xNzMgMC00LjAyLjc2LTUuNTQxIDIuMjgxbC0xMS4wOCAxMS4wOGMtMS41MjEgMS41MjEtMi4yODEgMy4zNjgtMi4yODEgNS41NDEgMCAyLjE3Mi43NiA0LjAyIDIuMjgxIDUuNTRsMjkuNDkzIDI5LjQ5MyAxMS4wOCAxMS4wOGMxLjUyIDEuNTIxIDMuMzY3IDIuMjgxIDUuNTQgMi4yODEgMi4xNzIgMCA0LjAyLS43NjEgNS41NC0yLjI4MWwxMS4wOC0xMS4wOCA1OC45ODYtNTguOTg2YzEuNTItMS41MjEgMi4yODEtMy4zNjggMi4yODEtNS41NDEuMDAwMS0yLjE3Mi0uNzYxLTQuMDItMi4yODEtNS41NCIgZmlsbD0iI2ZmZiIgdHJhbnNmb3JtPSJtYXRyaXgoLjA0MzYgMCAwIC4wNDM2IDguMTc3IDEwMzkuNzIpIi8+PC9nPjwvc3ZnPg=="); }
div.notification-box.no { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MDAgNDAwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDQwMCkgc2NhbGUoMC4xLC0wLjEpIiBmaWxsPSIjZTcwMjAyIiBzdHJva2U9Im5vbmUiPjxwYXRoIGQ9Ik0xODU1IDM5OTQgYy0xNiAtMiAtNzMgLTkgLTEyNSAtMTUgLTEyMSAtMTQgLTMyOSAtNjcgLTQ1MSAtMTE0IC02NzkgLTI2NyAtMTE2MSAtODc2IC0xMjYwIC0xNTk1IC0xNyAtMTIyIC0xNyAtNDE4IDAgLTU0MCAxMjMgLTg4NyA4MjQgLTE1ODggMTcxMSAtMTcxMSAxMjIgLTE3IDQxOCAtMTcgNTQwIDAgODA1IDExMSAxNDY1IDcwMCAxNjY1IDE0ODUgNDYgMTgyIDU5IDI5MyA1OSA0OTYgMCAyMDMgLTEzIDMxNCAtNTkgNDk2IC0xOTcgNzc0IC04NDAgMTM1NyAtMTYzMCAxNDc5IC05OCAxNSAtMzkwIDI4IC00NTAgMTl6IG0tNDUyIC05NDggYzE4IC04IDE2MCAtMTQzIDMxNyAtMzAwIGwyODUgLTI4NiAyOTUgMjk0IGMzMTkgMzE4IDMxOCAzMTggNDA4IDMwMSAzMSAtNiA2MyAtMzMgMTk5IC0xNjggMTM1IC0xMzYgMTYyIC0xNjggMTY4IC0xOTkgMTcgLTkwIDE3IC04OSAtMzAxIC00MDggbC0yOTQgLTI5NSAyOTEgLTI5MCBjMTYwIC0xNjAgMjk3IC0zMDQgMzA1IC0zMjIgMTkgLTQ0IDE4IC04NyAtNSAtMTMxIC0xMSAtMjAgLTg2IC0xMDMgLTE2OCAtMTg0IC0xNjAgLTE1NyAtMTc5IC0xNjggLTI2MSAtMTUzIC0zMiA2IC03NyA0NyAtMzM3IDMwNiBsLTMwMCAyOTkgLTMwMCAtMjk5IGMtMzI0IC0zMjQgLTMyMyAtMzIzIC00MTIgLTMwNiAtMzIgNiAtNjQgMzMgLTIwMCAxNjggLTEzNSAxMzYgLTE2MiAxNjggLTE2OCAyMDAgLTE3IDg5IC0xOCA4OCAzMDYgNDEyIGwyOTkgMzAwIC0yOTQgMjk1IGMtMjU1IDI1NSAtMjk1IDMwMCAtMzAxIDMzMyAtMTUgODIgLTQgMTAwIDE1NyAyNjMgODMgODQgMTY0IDE2MCAxODIgMTY4IDM5IDE5IDg3IDIwIDEyOSAyeiIvPjwvZz48L3N2Zz4="); }
div.notification-box.warning { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0iI2U4YzAwNyI+PHBhdGggZD0iTTE5LjY0IDE2LjM2TDExLjUzIDIuM0ExLjg1IDEuODUgMCAwIDAgMTAgMS4yMSAxLjg1IDEuODUgMCAwIDAgOC40OCAyLjNMLjM2IDE2LjM2Qy0uNDggMTcuODEuMjEgMTkgMS44OCAxOWgxNi4yNGMxLjY3IDAgMi4zNi0xLjE5IDEuNTItMi42NHpNMTEgMTZIOXYtMmgyem0wLTRIOVY2aDJ6Ii8+PC9zdmc+DQo="); }

div.currency-selector { background-color:#fff; color:#000; font-size:1.2em; border:1px solid #c6c6c6; border-radius:5px; width:100%; cursor:pointer; display:block; position:relative; vertical-align:middle; background-repeat:no-repeat; background-position:right 15px center; background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBzdHlsZT0iZmlsbDojODg4IiBkPSJNIDE1LjE2Nzk2OSAzLjU5NzY1NiBMIDggMTAuNzQyMTg4IEwgMC44MzIwMzEgMy41OTc2NTYgTCAwIDQuNDI5Njg4IEwgOCAxMi40MDIzNDQgTCAxNiA0LjQyOTY4OCBaIE0gMTUuMTY3OTY5IDMuNTk3NjU2ICIvPjwvc3ZnPgo='); }
div.currency-selector div { margin:0; background-position:15px center; background-repeat:no-repeat; background-size:35px 27px; padding:15px 15px 15px 60px; }
div.currency-selector div.active-currency { z-index:1; overflow:hidden; }
div.currency-selector div.active-currency.visible:after { content:" "; z-index:2; display:block; border-radius:5px; position:absolute; height:100%; top:0; left:0; right:0; background:rgba(0,0,0,0.15); }
div.currency-selector div.currency-list { z-index:2; display:none; position:absolute; left:-1px; padding:0; background:#fff; border:1px solid #c6c6c6; width:100%; overflow-x:hidden; overflow-y:auto; max-height:350px; }
div.currency-selector div.currency-list div.item { display:block; position:relative; border-top:1px solid #c6c6c6; }
div.currency-selector div.currency-list div.item:hover { background-color:#f2f2f2;}
div.currency-selector div.currency-list.visible { display:block; visibility:visible; }

div.modal-container { display:none; position:fixed; z-index:100; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.5); cursor:pointer; }
div.modal-container div.modal { background-color:#fff; margin:100px auto; border-radius:5px; padding:30px; width:90%; max-width:1000px; cursor:auto; }
div.modal-container div.modal h2 { color:#3d81d2; text-align:center; margin-bottom:30px; }
div.modal-container div.modal h4 { color:#3d81d2; margin-top:30px; }
div.modal-container div.modal button { margin:30px auto 0; }

form#comparison-form { background-color:#fff; padding:30px; border-top:10px solid #1c5ca9; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
form#comparison-form label { display:block; margin-bottom:5px; }
form#comparison-form input.error { border-color:#ff0000; }
form#comparison-form p.error-text { line-height:1.2em; color:#ff0000; }	
form#comparison-form div.radio { height:60px; line-height:60px; width:49%; display:inline-block; background-color:#fff; border:1px solid #c6c6c6; cursor:pointer; font-size:1.2em; border-radius:5px; }
form#comparison-form div.radio:nth-of-type(even) { float:right; }
form#comparison-form div.radio:nth-of-type(3) { margin-top:5px; }
form#comparison-form div.radio:hover { background-color:#f8fbff; }
form#comparison-form div.radio input { margin:0 10px; cursor:pointer; }
form#comparison-form div.radio label { display:inline; cursor:pointer; }
form#comparison-form div.radio.active { color:#175298; background-color:#f8fbff; }
form#comparison-form input#search-radius-slider { -webkit-appearance:none; appearance:none; margin:25px 0; width:calc(100% - 35px); height:5px; background:#ddd; outline:none; display:inline-block; cursor:pointer; }
form#comparison-form input#search-radius-slider::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:10px; height:30px; border-radius:2px; background:#5598ea; }
form#comparison-form input#search-radius-slider::-moz-range-thumb { width:10px; height:30px; border-radius:2px; background:#5598ea; }
form#comparison-form input#collection-postcode::placeholder { text-transform:none; }

table#comparison-results { width:100%; border-collapse:collapse; }
table#comparison-results tr { border:1px solid #dddddd; }
table#comparison-results tr.hidden { display:none; }
table#comparison-results td { width:20%; text-align:center; padding:30px 0; }
table#comparison-results td span.bold { font-weight:bold; display:block; font-size:1.5em; }
table#comparison-results td img.logo { margin:0 10px 0 30px; vertical-align:middle; }
table#comparison-results td a.action { max-width:140px; float:right; margin:0 30px; }
table#comparison-results tr.expand-row { border-top:0; }
table#comparison-results tr.expand-row td { background-color:#f9f9f9; padding:15px 0; cursor:pointer; color:#1876c7; }
table#comparison-results tr.expand-row td:hover { background-color:#e9e9e9; }
table#comparison-results tr.expand-row td span { display:inline-block; transform:rotate(90deg); margin-left:5px; vertical-align:middle; }
table#comparison-results tr.expand-row.active td span { transform:rotate(270deg); transform-origin:center center; }
table#comparison-results tr.expanded-row { border-top:0; border-bottom:0; background-color:#f9f9f9; }
table#comparison-results tr.expanded-row { text-align:left; }
table#comparison-results tr.expanded-row div.row-2 { text-align:left; margin:20px 20px 0; background-color:#fff; padding:20px; border-radius:5px; }
table#comparison-results tr.expanded-row div.row-2 img.review-rating { margin:0 auto 10px; }
table#comparison-results tr.expanded-row div.row-2 h4 { font-weight:normal; color:#3d81d2; }
table#comparison-results tr.expanded-row div.row-2 h4 a { border-bottom: 1px dotted #3d81d2; }
table#comparison-results tr.expanded-row table.nested-data { width:100%; border-collapse:collapse; }
table#comparison-results tr.expanded-row table.nested-data tr { border:0; }
table#comparison-results tr.expanded-row table.nested-data td { text-align:left; padding:15px; display:table-cell; border-bottom:1px solid #e7e7e7; }
table#comparison-results tr.expanded-row table.nested-data td:nth-of-type(odd) { width:70%; }
table#comparison-results tr.expanded-row table.nested-data td:nth-of-type(even) { width:30%; font-weight:bold; }

table.zebra { width:100%; max-width:1024px; border-collapse:collapse; margin:40px auto; border:1px solid #dddddd; }
table.zebra tbody tr:nth-of-type(odd) { background-color:#f9f9f9; }
table.zebra td { padding:10px 20px; }
table.zebra th { padding:10px 20px; text-align:left; }

div.col.image-top-box { margin-bottom:30px!important; }
div.image-top-box { background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; border:1px solid #dddddd; }
/*div.image-top-box img { aspect-ratio:16/9; display:block; margin:auto; height:auto; }*/
div.image-top-box img { display:block; margin:auto; height:auto; }
div.image-top-box h2 { font-size:1.2em; padding:20px; }
div.image-top-box p { margin:20px; }
div.image-top-box p.comment-count { padding:0 20px 20px; margin:0; font-weight:bold; text-align:center; }
div.image-top-box p.description { padding:0 20px 20px; margin:0; }

table.currency-table { width:100%; border-collapse:collapse; }
table.currency-table tr { border-bottom:1px solid #dddddd; }
table.currency-table th { text-align:left; padding:0 0 10px 15px; }
table.currency-table th:first-of-type { padding-left:20px; }
table.currency-table th:last-of-type { text-align:right; padding-right:20px; }
table.currency-table td { padding:20px 0 20px 15px; }
table.currency-table td:first-of-type { width:40px; padding-left:20px; }
table.currency-table td:last-of-type { text-align:right; padding-right:20px; } 
table.currency-table td img.flag { width:40px; height:30px; vertical-align:middle; border-radius:5px; border:1px solid #f9f9f9; }

table.currency-pairs-container { width:100%; border-collapse:collapse; }
table.currency-pairs-container td { width:45%; }
table.currency-pairs-container td p { line-height:initial; padding:0; margin:0 0 5px; }
table.currency-pairs-container td.swap { width:10%; padding:0 10px; }
table.currency-pairs-container td.swap button { max-width:fit-content; margin:25px auto 0; padding:10px; font-size:2em; color:#888; }
table.currency-pairs-container td.swap button:hover { color:#3d81d2; }

div#footer-blog-preview-container { background-color:#f9f9f9; padding:50px 0 20px; min-height:460px; }

/* >= 960px & < 1280px */
@media only screen and (min-width: 960px) and (max-width: 1279px) {
    div.container-100 { width:96%; }
	div.container-80 { width:100%; }
	}
	
/* <960px */
@media only screen and (max-width: 959px) { 
	ol, ul { max-width:100%; }

    div.container-100 { width:92%; }
	div.container-80 { width:100%; }
	div.col { width:100%!important; margin:0!important; }
	
	div#header-navigation { padding:0 0 15px; }
	div#header-navigation nav { padding:0; }
	div#header-navigation nav a.parent { padding:10px 0; }
	
	ol#breadcrumbs { font-size:0.8em; }
	
	h1#page-title { font-size:2em; }
	
	div.faq div.question { padding:20px 30px 20px 5px; background-position:right 5px center; }
	div.faq div.question a { display:block; }
	div.faq div.answer { padding:10px 0; }
	
	div.modal-container div.modal { margin:50px auto; padding:30px 20px; width:calc(90% - 40px); }
	div.modal-container div.modal h2 { text-align:left; }
	
	form#comparison-form { padding:30px 15px; }
	form#comparison-form div.currency-selector { margin-bottom:20px; }
	form#comparison-form div.radio { width:100%; display:block; }
	form#comparison-form div.radio:nth-of-type(even) { float:none; margin-top:5px; }
	
	table#comparison-results td { width:100%; display:inline-block; padding:10px 0; }
	table#comparison-results td img.logo { margin:20px auto 0; }
	table#comparison-results td a.action { max-width:210px; float:none; margin:0 auto 20px; }
	table#comparison-results tr.expanded-row td div.row-2 { margin:15px 15px 0; padding:15px; }
	table#comparison-results tr.expanded-row div.row-2 img.review-rating { margin:30px auto 10px; }
	
	table.currency-table th { padding:10px!important; }
	table.currency-table td:first-of-type { padding-left:10px; }
	table.currency-table td:last-of-type { padding-right:10px; }
	
	table.currency-pairs-container td { width:100%; display:inline-block; }
	table.currency-pairs-container td div.currency-selector { margin-bottom:0!important; }
	table.currency-pairs-container td.swap { width:100%; display:inline-block; padding:0; }
	table.currency-pairs-container td.swap button { margin:0 auto; padding:0; }
	table.currency-pairs-container td.swap button span { display:block; transform:rotate(90deg); }

	div#footer-blog-preview-container { min-height:1300px; }
    }