body.page-template-page-currencies-template,
body.page-template-page-countries-template {
  cursor: default;
}
body.page-template-page-currencies-template #page-wrap {
  padding-bottom: 50px;
}
body.page-template-page-countries-template #page-wrap {
  padding-bottom: 0px;
}
body.page-template-page-countries-template h2 {
  margin-bottom: 28px;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.2;
}
body.page-template-page-currencies-template p,
body.page-template-page-countries-template p {
  /*font-size: 1.85rem; line-height: 1.5;*/
  line-height: 20px;
  margin-bottom: 20px;
}
.page-heading,
.page-template-page-currencies-template .page-heading .heading-text {
  border-bottom: none;
}
.page-heading {
  padding-top: 53px;
}
.page-template-page-countries-template .page-heading .heading-text {
  width: 100%;
  padding-bottom: 12px;
}
.page-heading h1,
.page-heading h3 {
  text-align: center;
}
.page-heading h1 {
  margin-bottom: 0px;
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1;
}
.page-heading h3 {
  font-size: 2rem;
  letter-spacing: 0.01em;
}
h2.row-headline {
  margin-bottom: 28px;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1;
  text-align: center;
}
body.page-template-page-currencies-template .page-content p:last-of-type,
body.page-template-page-countries-template .page-content p:last-of-type {
  /*margin-bottom: 0;*/
}
.currencies-template-widget h2.row-headline {
  margin-top: 8px;
  margin-bottom: 24px;
}
.currencies-template-widget p {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 35px !important;
}
.currencies-template-widget .note {
  padding-left: 127px;
  margin-left: auto;
  margin-right: auto;
  font-size: 14px;
  line-height: 16px;
}
.currencies-template-widget .note > strong {
  font-size: 15px;
}
body.page-template-page-currencies-template .page-section {
  padding-bottom: 46px;
}

body.page-template-page-countries-template .page-section {
  padding-bottom: 60px;
}
body.page-template-page-currencies-template .page-content,
body.page-template-page-countries-template .page-content {
  padding: 0;
}
.page-content.box-shadow {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.country-banners {
  position: relative;
  padding: 0;
  margin: 0;
}
.country-banners > [class*='col-'] {
  padding-left: 0;
  padding-right: 0;
}
.country-banners .banner-send-currency,
.country-banners .banner-receive-currency {
  position: absolute;
  width: 94px;
  bottom: 0;
  padding: 12px 14px 13px 14px;
  background: rgba(15, 56, 75, 0.8);
  color: #ffffff;
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 300;
}
.country-banners .banner-send-currency {
  left: 0;
}
.country-banners .banner-receive-currency {
  right: 0;
  text-align: right;
}
.countries-holder {
  position: absolute;
  left: 94px;
  right: 94px;
  top: -105px;
  height: 105px;
  padding: 15px 30px 23px;
  background: rgba(15, 56, 75, 0.8);
  color: #ffffff;
  z-index: 10;
}
.countries-holder:after {
  display: block;
  content: '';
  clear: both;
}
.countries-holder .send-holder {
  float: left;
  width: 45%;
}
.countries-holder .receive-holder {
  float: right;
  width: 45%;
}
.countries-holder .headline {
  font-size: 12px;
  line-height: 1.5;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #ffffff;
}
.countries-holder .send-holder .headline {
  text-align: right;
}
.countries-holder .send-input,
.countries-holder .receive-input {
  position: relative;
  height: 49px;
  background: #e9edf0;
}
.countries-holder .currency-holder {
  position: absolute;
  width: 100%;
  height: 49px;
  left: 0;
  top: 0;
}

.countries-holder .currency-holder.opened {}

.countries-holder .currency-holder.receive-currency {
  left: auto;
  right: 0;
}
.countries-holder .selected-currency {
  position: relative;
  height: 49px;
  padding: 10px 10px 10px 35px;
  font-size: 15px;
  line-height: 29px;
  font-weight: 700;
  color: #555555;
  background: #e9edf0;
  cursor: pointer;
  z-index: 1;
}
.countries-holder .selected-currency:after {
  display: block;
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 10px;
  top: 50%;
  border-right: 2px solid #5c5c5c;
  border-bottom: 2px solid #5c5c5c;
  transform: rotate(45deg) translate(-30%, -7px);
}
.page-template-page-countries-template .currency-converter-table {
  position: relative;
  /*max-width:736px;*/
  padding-left: 94px;
  padding-right: 94px;
  margin: 0 auto;
}
.cc-table-contanier {
  margin-bottom:32px !important;
}
.multi-value-table h2.cc-table-title {
  margin-top:0px;
  margin-bottom: 20px;
  text-align:center;
}
.page-template-page-currencies-template .simple-converter {
  padding: 20px 30px 40px;
}
.page-template-page-currencies-template .simple-converter {
  position: relative;
  padding: 12px 12px 24px;
  border-bottom: 1px solid #e9edf0;
  z-index: 1;
}
.page-template-page-countries-template .simple-converter {
  position: relative;
  padding: 23px 30px 23px;
  z-index: 1;
}
.simple-converter:after {
  display: block;
  content: '';
  clear: both;
}
.simple-converter .send-holder {
  float: left;
  width: 45%;
}
.simple-converter .receive-holder {
  float: right;
  width: 45%;
}
.page-template-page-currencies-template .simple-converter .headline {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #1695ca;
}
.page-template-page-countries-template .simple-converter .headline {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: #1695ca;
}
.simple-converter .send-input,
.simple-converter .receive-input {
  position: relative;
}
.simple-converter .cc-input {
  display: block;
  width: 100%;
  height: 49px;
  border: 2px solid #e9edf0;
  padding: 5px 110px 5px 16px;
  font-size: 19px;
  color: #555555;
  text-align: left;
}
.simple-converter .cc-input:focus {
  border-color: #e9edf0 !important;
}
.simple-converter .cc-input-receive {
  padding: 5px 110px 5px 10px;
  text-align: left;
}
.simple-converter .currency-holder {
  position: absolute;
  width: 110px;
  height: 49px;
  right: 0;
  top: 0;
  background: #e9edf0;
}

.simple-converter .currency-holder.opened {}

.simple-converter .currency-holder.receive-currency {
  left: auto;
  right: 0;
}
.simple-converter .selected-currency {
  position: relative;
  height: 49px;
  padding: 10px;
  font-size: 15px;
  line-height: 29px;
  font-weight: 700;
  color: #555555;
  background: #e9edf0;
  cursor: pointer;
  z-index: 1;
}
.simple-converter .selected-currency:after {
  display: block;
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  right: 12px;
  top: 50%;
  border-right: 2px solid #5c5c5c;
  border-bottom: 2px solid #5c5c5c;
  transform: rotate(45deg) translate(-50%, -7px);
}
.multi-value-table {
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
  border-radius: 16px;
}
.page-template-page-currencies-template .multiple-converter-table-holder {
  padding: 49px 30px 40px;
}
.page-template-page-countries-template .multiple-converter-table-holder {
  padding: 10px 30px 40px;
}
.page-template-page-currencies-template .multiple-converter-table-holder h3 {
  margin: 0 auto 11px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-align: center;
  color: #444444;
}
.page-template-page-countries-template .multiple-converter-table-holder h3 {
  max-width: 380px;
  margin: 0 auto 11px;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  text-align: center;
  color: #444444;
}
.multiple-converter-table-holder p {
  max-width: 380px;
  margin: 0 auto 22px;
  text-align: center;
  margin-bottom: 24px !important;
}
.multiple-converter-table-holder p.table-note {
  max-width: 100%;
  font-size: 14px;
  line-height: 16px;
  text-align: left;
  margin-bottom: 10px !important;
}
.multiple-converter-table-holder p.table-note > strong {
  font-size: 15px;
}
.multiple-converter-table-holder .button-holder {
  text-align: center;
}
.multiple-converter-table-holder .button-holder a.button {
  display: inline-block;
  min-height: 43px;
  padding: 13px 30px;
  line-height: 1.2;
  color: #ffffff;
  background: #41b412;
  border-radius: 2px;
  text-align: center;
}
.multiple-converter-table {
  position: relative;
  font-weight: 400;
  border: 1px solid #e9edf0;
}
.multiple-converter-table a{
  font-weight: 700;
}
.multiple-converter-table .left-col {
  width: 50%;
  float: left;
  padding: 6px 12px 6px 12px;
  text-align: right;
  background: #edf7fb;
  border-right: 1px solid #e9edf0;
  border-bottom: 1px solid #e9edf0;
}
.multiple-converter-table .right-col {
  width: 50%;
  float: right;
  padding: 6px 12px 6px 12px;
  text-align: left;
  border-bottom: 1px solid #e9edf0;
}
.multiple-converter-table .table-heading {
  display:flex;
}
.multiple-converter-table .table-heading .left-col,
.multiple-converter-table .table-heading .right-col,
.multiple-converter-table .rates-table-row .left-col,
.multiple-converter-table .rates-table-row .right-col {
  display:flex;
  align-items:center;
  padding-top: 6px;
  padding-bottom: 6px;
}
.multiple-converter-table .table-heading .left-col,
.multiple-converter-table .table-heading .right-col {
  padding-top: 8px;
  padding-bottom: 8px;
  background: #f8f8f8;
}
.multiple-converter-table .table-heading .left-col,
.multiple-converter-table .rates-table-row .left-col {
  justify-content: flex-end;
}
.multiple-converter-table .left-col,
.multiple-converter-table .right-col {
  line-height:1.2em;
}
.multiple-converter-table .left-col .flag,
.multiple-converter-table .right-col .flag {
  display: inline-block;
  content: '';
  vertical-align: top;
  margin-top: -1px;
}
.multiple-converter-table .left-col .flag {
  margin-left: 3px;
}
.multiple-converter-table .right-col .flag {
  margin-right: 2px;
}
.multiple-converter-table .flag:before {
  margin-right: 0 !important;
}
.cc-table-col-name {
  padding: 0px 8px;
}
.rates-table-row {
    display: flex;
    align-items: stretch;
}
.multiple-converter-table .left-col.last-row,
.multiple-converter-table .right-col.last-row {
  border-bottom: none;
}
.multiple-converter-table .flip-currencies-btn {
  top: 50%;
  bottom: auto;
  margin-top: -7px;
}
.multiple-converter-table .table-heading {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2em;
  letter-spacing: -0.02em;
  color: #5c5c5c;
}
.multiple-converter-table .table-heading .longname {
  font-weight:400;
}
.multiple-converter-table .rates-table {
  font-size: 14px;
}
.multiple-converter-table .rates-table .left-col {
  color: #1695ca;
  text-decoration: underline;
}
.multiple-converter-table .rates-table .right-col {
  color: #888888;
}
.avail-currencies {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 49px;
  max-height: 299px;
  padding-top: 49px;
  background: #ffffff;
  border-width: 0 2px 2px 2px;
  border-style: solid;
  border-color: #e9edf0;
  overflow: hidden;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
}
.avail-currencies > div {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 248px;
  overflow: auto;
}
.avail-currencies > div::-webkit-scrollbar {
  width: 10px;
  border: 1px solid #dddddd;
  background: #f4f4f4;
}
.avail-currencies > div::-webkit-scrollbar-button {
  height: 1px;
}
.avail-currencies > div::-webkit-scrollbar-track {
  width: 17px;
  -webkit-box-shadow: none;
}
.avail-currencies > div::-webkit-scrollbar-thumb {
  width: 10px !important;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #b8c4d0;
  outline: none;
  border-radius: 5px;
}

.avail-currencies > div::-webkit-scrollbar-track-piece {}

.avail-currencies > div::-webkit-scrollbar-corner {}

.avail-currencies > div::-webkit-resizer {}

.avail-currencies .flag {
  display: block;
  padding: 13px 5px 13px 15px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 700;
  color: #555555;
}
.avail-currencies .flag.selected-flag,
.avail-currencies .flag:hover {
  background: #e9edf0;
}
.currency-converter-table .flag:before {
  width: 30px;
  height: 20px;
  display: inline-block;
  content: '';
  margin-right: 5px;
  margin-top: -4px;
  vertical-align: middle;
  background: #000000;
  border-radius: 2px;
  background: url("https://www.currencytransfer.com/wp-content/uploads/assets/flags/ct-wp-core-flags.png");
  background-size: 120px auto;
}
.countrylist:before {
  content: '';
  display: block;
  position: absolute;
  top: 16px;
  left: 10px;
  width: 30px;
  height: 20px;
  background: url("https://www.currencytransfer.com/wp-content/uploads/assets/flags/ct-wp-core-flags.png") no-repeat;
  background-size: 120px auto;
}
.flag-ae:before, .flag-aed:before,
.currency-converter-table .flag-aed:before, 
.currency-converter-table .flag-ae:before, 
.countrylist.flag-ae:before {
  background-position: -30px 0px;
}
.flag-ar:before, .flag-ars:before, 
.currency-converter-table .flag-ars:before, 
.currency-converter-table .flag-ar:before, 
.countrylist.flag-ar:before {
  background-position: -60px -0px;
}
.flag-at:before, .flag-aut:before,
.currency-converter-table .flag-aut:before, 
.currency-converter-table .flag-at:before, 
.countrylist.flag-at:before {
  background-position: -90px -0px;
}
.flag-au:before, .flag-aud:before,
.currency-converter-table .flag-aud:before, 
.currency-converter-table .flag-au:before, 
.countrylist.flag-au:before {
  background-position: -0px -20px;
}
.flag-be:before, .flag-bel:before,
.currency-converter-table .flag-bel:before, 
.currency-converter-table .flag-be:before, 
.countrylist.flag-be:before {
  background-position: -30px -20px;
}
.flag-bg:before, .flag-bgn:before,
.currency-converter-table .flag-bgn:before, 
.currency-converter-table .flag-bg:before, 
.countrylist.flag-bg:before {
  background-position: -60px -20px;
}
.flag-bh:before, .flag-bhd:before,
.currency-converter-table .flag-bhd:before, 
.currency-converter-table .flag-bh:before, 
.countrylist.flag-bh:before {
  background-position: -90px -20px;
  ;
}
.flag-br:before, .flag-brl:before,
.currency-converter-table .flag-brl:before, 
.currency-converter-table .flag-br:before, 
.countrylist.flag-br:before {
  background-position: -0px -40px
}
.flag-ca:before, .flag-cad:before,
.currency-converter-table .flag-cad:before, 
.currency-converter-table .flag-ca:before, 
.countrylist.flag-ca:before {
  background-position: -30px -40px;
}
.flag-ch:before, .flag-chf:before,
.currency-converter-table .flag-chf:before, 
.currency-converter-table .flag-ch:before, 
.countrylist.flag-ch:before {
  background-position: -60px -40px;
}
.flag-cn:before, .flag-cny:before,
.currency-converter-table .flag-cny:before, 
.currency-converter-table .flag-cn:before, 
.countrylist.flag-cn:before {
  background-position: -90px -40px;
}
.flag-cy:before, .flag-cyp:before,
.currency-converter-table .flag-cyp:before, 
.currency-converter-table .flag-cy:before, 
.countrylist.flag-cy:before {
  background-position: -0px -60px;
}
.flag-cz:before, .flag-czk:before,
.currency-converter-table .flag-czk:before, 
.currency-converter-table .flag-cz:before, 
.countrylist.flag-cz:before {
  background-position: -30px -60px;
}
.flag-de:before, .flag-deu:before, 
.currency-converter-table .flag-deu:before, 
.currency-converter-table .flag-de:before, 
.countrylist.flag-de:before {
  background-position: -60px -60px;
}
.flag-dk:before, .flag-dkk:before,
.currency-converter-table .flag-dkk:before, 
.currency-converter-table .flag-dk:before, 
.countrylist.flag-dk:before {
  background-position: -90px -60px;
}
.flag-ee:before,
.currency-converter-table .flag-est:before, 
.currency-converter-table .flag-ee:before, 
.countrylist.flag-ee:before {
  background-position: -0px -80px;
}
.flag-es:before, .flag-esp:before,
.currency-converter-table .flag-esp:before, 
.currency-converter-table .flag-es:before, 
.countrylist.flag-es:before {
  background-position: -60px -80px;
}
.flag-eu:before, .flag-eur:before,
.currency-converter-table .flag-eur:before, 
.currency-converter-table .flag-eu:before, 
.countrylist.flag-eu:before {
  background-position: -90px -80px;
}
.flag-fr:before, .flag-fra:before,
.currency-converter-table .flag-fra:before, 
.currency-converter-table .flag-fr:before, 
.countrylist.flag-fr:before {
  background-position: -30px -100px;
}
.flag-gh:before, .flag-ghs:before,
.currency-converter-table .flag-ghs:before, 
.currency-converter-table .flag-gh:before, 
.countrylist.flag-gh:before {
  background-position: -90px -100px;
}
.flag-gr:before,
.currency-converter-table .flag-gr:before, 
.countrylist.flag-gr:before {
  background-position: -0px -120px;
}
.flag-hk:before, .flag-hkd:before,
.currency-converter-table .flag-hkd:before, 
.currency-converter-table .flag-hk:before, 
.countrylist.flag-hk:before {
  background-position: -30px -120px;
}
.flag-hr:before, .flag-hrk:before,
.currency-converter-table .flag-hrk:before, 
.currency-converter-table .flag-hr:before, 
.countrylist.flag-hr:before {
  background-position: -60px -120px;
}
.flag-hu:before, .flag-huf:before,
.currency-converter-table .flag-huf:before, 
.currency-converter-table .flag-hu:before, 
.countrylist.flag-hu:before {
  background-position: -90px -120px;
}
.flag-ie:before,
.currency-converter-table .flag-ie:before, 
.countrylist.flag-ie:before {
  background-position: -0px -140px;
}
.flag-il:before,
.flag-ils:before,
.currency-converter-table .flag-ils:before, 
.currency-converter-table .flag-il:before, 
.countrylist.flag-il:before {
  background-position: -30px -140px;
}
.flag-in:before, .flag-inr:before,
.currency-converter-table .flag-inr:before, 
.currency-converter-table .flag-in:before, 
.countrylist.flag-in:before {
  background-position: -60px -140px;
}
.flag-it:before, .flag-ita:before,
.currency-converter-table .flag-ita:before, 
.currency-converter-table .flag-it:before, 
.countrylist.flag-it:before {
  background-position: -90px -140px;
}
.flag-jm:before, .flag-jmd:before,
.currency-converter-table .flag-jmd:before, 
.currency-converter-table .flag-jm:before, 
.countrylist.flag-jm:before {
  background-position: -0px -160px;
}
.flag-jo:before, .flag-jod:before,
.currency-converter-table .flag-jod:before, 
.currency-converter-table .flag-jo:before, 
.countrylist.flag-jo:before {
  background-position: -30px -160px;
}
.flag-jp:before, .flag-jpy:before,
.currency-converter-table .flag-jpy:before, 
.currency-converter-table .flag-jp:before, 
.countrylist.flag-jp:before {
  background-position: -60px -160px;
}
.flag-ke:before, .flag-kes:before,
.currency-converter-table .flag-kes:before, 
.currency-converter-table .flag-ke:before, 
.countrylist.flag-ke:before {
  background-position: -90px -160px;
}
.flag-kw:before, .flag-kwd:before,
.currency-converter-table .flag-kwd:before, 
.currency-converter-table .flag-kw:before, 
.countrylist.flag-kw:before {
  background-position: -0px -180px;
}
.flag-lt:before,
.currency-converter-table .flag-lt:before, 
.countrylist.flag-lt:before {
  background-position: -30px -180px;
}
.flag-lu:before, .flag-lux:before,
.currency-converter-table .flag-lux:before, 
.currency-converter-table .flag-lu:before, 
.countrylist.flag-lu:before {
  background-position: -60px -180px;
}
.flag-lv:before, .flag-lva:before,
.currency-converter-table .flag-lva:before, 
.currency-converter-table .flag-lv:before, 
.countrylist.flag-lv:before {
  background-position: -90px -180px;
}
.flag-ma:before, .flag-mad:before,
.currency-converter-table .flag-mad:before, 
.currency-converter-table .flag-ma:before, 
.countrylist.flag-ma:before {
  background-position: -0px -200px;
}
.flag-mt:before, .flag-mtl:before,
.currency-converter-table .flag-mtl:before, 
.currency-converter-table .flag-mt:before, 
.countrylist.flag-mt:before {
  background-position: -30px -200px;
}
.flag-mu:before, .flag-mur:before,
.currency-converter-table .flag-mur:before, 
.currency-converter-table .flag-mu:before, 
.countrylist.flag-mu:before {
  background-position: -60px -200px;
}
.flag-mx:before, .flag-mxn:before,
.currency-converter-table .flag-mxn:before, 
.currency-converter-table .flag-mx:before, 
.countrylist.flag-mx:before {
  background-position: -90px -200px;
}
.flag-ng:before, .flag-ngn:before,
.currency-converter-table .flag-ngn:before, 
.currency-converter-table .flag-ng:before, 
.countrylist.flag-ng:before {
  background-position: -0px -220px;
}
.flag-nl:before, .flag-nld:before,
.currency-converter-table .flag-nld:before, 
.currency-converter-table .flag-nl:before, 
.countrylist.flag-nl:before {
  background-position: -30px -220px;
}
.flag-no:before, .flag-nok:before,
.currency-converter-table .flag-nok:before, 
.currency-converter-table .flag-no:before, 
.countrylist.flag-no:before {
  background-position: -60px -220px;
}
.flag-nz:before, .flag-nzd:before,
.currency-converter-table .flag-nzd:before, 
.currency-converter-table .flag-nz:before, 
.countrylist.flag-nz:before {
  background-position: -90px -220px;
}
.flag-om:before, .flag-omr:before,
.currency-converter-table .flag-omr:before, 
.currency-converter-table .flag-om:before, 
.countrylist.flag-om:before {
  background-position: -0px -240px;
}
.flag-ph:before, .flag-php:before,
.currency-converter-table .flag-php:before, 
.currency-converter-table .flag-ph:before, 
.countrylist.flag-ph:before {
  background-position: -30px -240px;
}
.flag-pk:before, .flag-pkr:before,
.currency-converter-table .flag-pkr:before, 
.currency-converter-table .flag-pk:before, 
.countrylist.flag-pk:before {
  background-position: -60px -240px;
}
.flag-pl:before, .flag-pln:before,
.currency-converter-table .flag-pln:before, 
.currency-converter-table .flag-pl:before, 
.countrylist.flag-pl:before {
  background-position: -90px -240px;
}
.flag-pt:before, .flag-prt:before,
.currency-converter-table .flag-prt:before, 
.currency-converter-table .flag-pr:before, 
.currency-converter-table .flag-pt:before, 
.currency-converter-table .flag-pr:before, 
.countrylist.flag-pr:before {
  background-position: -0px -260px;
}
.flag-qa:before, .flag-qar:before,
.currency-converter-table .flag-qar:before, 
.currency-converter-table .flag-qa:before, 
.countrylist.flag-qa:before {
  background-position: -30px -260px;
}
.flag-ro:before, .flag-ron:before,
.currency-converter-table .flag-ron:before, 
.currency-converter-table .flag-ro:before, 
.countrylist.flag-ro:before {
  background-position: -60px -260px;
}
.flag-ru:before, .flag-rub:before,
.currency-converter-table .flag-rub:before, 
.currency-converter-table .flag-ru:before, 
.countrylist.flag-ru:before {
  background-position: -90px -260px;
}
.flag-sa:before, .flag-sar:before, 
.currency-converter-table .flag-sar:before, 
.currency-converter-table .flag-sa:before, 
.countrylist.flag-sa:before {
  background-position: -0px -280px;
}
.flag-se:before, .flag-sek:before,
.currency-converter-table .flag-sek:before, 
.currency-converter-table .flag-se:before, 
.countrylist.flag-se:before {
  background-position: -30px -280px;
}
.flag-sg:before, .flag-sgd:before,
.currency-converter-table .flag-sgd:before, 
.currency-converter-table .flag-sg:before, 
.countrylist.flag-sg:before {
  background-position: -60px -280px;
}
.flag-si:before, .flag-svn:before,
.currency-converter-table .flag-svn:before, 
.currency-converter-table .flag-si:before, 
.countrylist.flag-si:before {
  background-position: -90px -280px;
}
.flag-sk:before, .flag-svk:before,
.currency-converter-table .flag-svk:before, 
.currency-converter-table .flag-sk:before, 
.countrylist.flag-sk:before {
  background-position: -0px -300px;
}
.flag-th:before, .flag-thb:before,
.currency-converter-table .flag-thb:before, 
.currency-converter-table .flag-th:before, 
.countrylist.flag-th:before {
  background-position: -30px -300px;
}
.flag-tn:before, .flag-tnd:before,
.currency-converter-table .flag-tnd:before, 
.currency-converter-table .flag-tn:before, 
.countrylist.flag-tn:before {
  background-position: -60px -300px;
}

.flag-tr:before, .flag-try:before,
.currency-converter-table .flag-try:before, 
.currency-converter-table .flag-tr:before, 
.countrylist.flag-tr:before {
  background-position: -90px -300px;
}
.flag-tt:before, .flag-ttd:before,
.currency-converter-table .flag-ttd:before, 
.currency-converter-table .flag-tt:before, 
.countrylist.flag-tt:before {
  background-position: -0px -320px;
}
.flag-ug:before, .flag-ugx:before,
.currency-converter-table .flag-ugx:before, 
.currency-converter-table .flag-ug:before, 
.countrylist.flag-ug:before {
  background-position: -30px -320px;
}
.flag-gb:before, .flag-gbp:before,
.currency-converter-table .flag-gbp:before, 
.currency-converter-table .flag-uk:before, 
.countrylist.flag-uk:before {
  background-position: -60px -100px;
}
.flag-us:before, .flag-usd:before,
.currency-converter-table .flag-usd:before, 
.currency-converter-table .flag-us:before, 
.countrylist.flag-us:before {
  background-position: -60px -320px;
}
.flag-za:before, .flag-zar:before,
.currency-converter-table .flag-zar:before, 
.currency-converter-table .flag-za:before, 
.countrylist.flag-za:before {
  background-position: -90px -320px;
}
.flag-ad:before,
.currency-converter-table .flag-and:before, 
.countrylist.flag-and:before {
  background-position: 0px 0px;
}
.flag-fi:before, 
.currency-converter-table .flag-fin:before, 
.currency-converter-table .flag-fi:before, 
.countrylist.flag-fi:before {
  background-position: -0px -100px
}
.flag-eg:before,
.currency-converter-table .flag-egp:before, 
.currency-converter-table .flag-eg:before, 
.countrylist.flag-eg:before {
  background-position: -30px -80px;
}
.flip-currencies-btn {
  position: absolute;
  display: block;
  width: 50px;
  height: 50px;
  left: 50%;
  bottom: -25px;
  margin-left: -25px;
  /*background: url('../images/arrows.png') center no-repeat;*/
  background: #1294c9;
  border-radius: 50px;
}
.flip-currencies-btn span {
  display: block;
  width: 100%;
  height: 100%;
  padding: 0;
  font-weight: normal;
  margin: 0;
  text-align: center;
  color: #ffffff !important;
}
.flip-currencies-btn span:before {
  display: block;
  height: 100%;
  font-size: 28px;
  line-height: 57px;
  text-indent: -1px;
  text-align: center;
}
#highchart-holder {
  height: 345px;
}
.transfer-supported-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 15px;
  border: 2px solid #E53935;
  border-radius: 5px;
  background-color: #FEF9F9;
  color: #E53935;
  font-size: 16px;
}
.ts-icon {
  min-width: 64px;
  height: 64px;
  background: url(https: //www.currencytransfer.com/wp-content/themes/dante-child/assets/images/transfer-error.min.svg); 
    background-repeat: no-repeat;
  background-size: 100%
}
.page-template-page-currencies-template .modal-header .close,
.page-template-page-countries-template .modal-header .close {
  z-index: 99;
}

@media (min-width: 480px) {
  .page-template-page-currencies-template .simple-converter {
    padding: 24px 24px 24px;
  }
  .multiple-converter-table .right-col {
    padding: 6px 12px 6px  16px;
  }
  .multiple-converter-table .left-col {
    padding: 6px 16px 6px 12px;
  }
}

@media (min-width: 768px) {
  #highchart-holder {
    height: 305px;
  }
  .currency-converter-table, .page-template-page-countries-template .currency-converter-table {
    padding-left: 0;
    padding-right: 0;
  }
  .countries-holder {
    left: 0;
    right: 0;
  }
  .country-banners .banner-send-currency, .country-banners .banner-receive-currency {
    display: none;
  }
  .page-template-page-countries-template .simple-converter .headline {
    display: none;
  }
  .page-content.col-xs-12.col-sm-6.cc-table-contanier.clearfix {
      padding: 0 10px;
  }
}

@media (min-width: 992px) {
  #page-wrap .container {
    width: 895px;
  }
  #highchart-holder {
    height: 287px;
  }
  .page-template-page-countries-template .currency-converter-table {
    padding-left: 94px;
    padding-right: 94px;
  }
  .countries-holder {
    left: 94px;
    right: 94px;
  }
  .country-banners .banner-send-currency, .country-banners .banner-receive-currency {
    display: block;
    width: 94px;
    padding: 12px 16px 13px 16px;
  }
  .countries-holder .send-holder, .countries-holder .receive-holder, .simple-converter .send-holder, .simple-converter .receive-holder {
    width: 44.5%;
  }
  .multiple-converter-table .right-col {
    padding: 6px 12px 6px 28px;
  }
  .multiple-converter-table .left-col {
    padding: 6px 28px 6px 12px;
  }
  .page-content.col-xs-12.col-sm-6.cc-table-contanier.clearfix {
      padding: 0 15px;
  }
}

@media (min-width: 1200px) {
  #page-wrap .container {
    width: 1100px;
  }
  #highchart-holder {
    height: 345px;
  }
  .page-template-page-countries-template .currency-converter-table {
    padding-left: 94px;
    padding-right: 94px;
  }
  .countries-holder {
    left: 94px;
    right: 94px;
  }
  .countries-holder .send-holder, .countries-holder .receive-holder, .simple-converter .send-holder, .simple-converter .receive-holder {
    width: 45%;
  }
  .country-banners .banner-send-currency, .country-banners .banner-receive-currency {
    width: 94px;
    padding: 12px 14px 13px 14px;
  }
}

@media (max-width: 767px) {
  #page-wrap .container {
    width: 540px;
  }
  body.page-template-page-countries-template .page-section {
    padding-bottom: 30px;
  }
  .currencies-template-widget .note {
    padding-left: 0;
  }
  .simple-converter {
    padding: 20px 30px 40px;
  }
  .page-template-page-countries-template .currency-converter-table {
    padding-left: 0;
    padding-right: 0;
  }
  .countries-holder {
    position: relative;
    left: 0;
    right: 0;
    top: -85px;
    height: auto;
    padding-bottom: 47px;
    margin-bottom: -62px;
  }
  .countries-holder .send-holder, .countries-holder .receive-holder, .simple-converter .send-holder, .simple-converter .receive-holder {
    float: none;
    width: 100%;
  }
  .countries-holder .send-holder, .simple-converter .send-holder {
    position: relative;
    z-index: 2;
  }
  .countries-holder .receive-holder, .simple-converter .receive-holder {
    margin-top: 20px;
    position: relative;
    z-index: 1;
  }
  .simple-converter .cc-input-send, .simple-converter .cc-input-receive {
    padding: 5px 120px 5px 16px;
    text-align: left;
  }
  .simple-converter .currency-holder.receive-currency {
    right: 0;
    left: auto;
  }
  .page-template-page-currencies-template .multiple-converter-table-holder {
    padding-left: 20px;
    padding-right: 20px;
  }
  .page-template-page-countries-template .multiple-converter-table-holder {
    padding-left: 30px;
    padding-right: 30px;
  }



  .multiple-converter-table-holder p {
    max-width: 100%;
  }
  .multiple-converter-table .longname {
    display: none;
  }
  .currencies-template-widget p {
    margin-bottom: 0 !important;
  }
  .country-banners .banner-send-currency, .country-banners .banner-receive-currency {
    display: none;
  }
}

@media (max-width: 550px) {
  body.page-template-page-currencies-template #page-wrap, body.page-template-page-countries-template #page-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #page-wrap .container {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .page-heading {
    padding-top: 45px;
    padding-left: 0;
    padding-right: 0;
  }
  .page-template-page-countries-template .page-heading .heading-text {
    margin-bottom: -35px;
  }
  .page-heading h1 {
    font-size: 3rem;
  }
  body.page-template-page-currencies-template .page-section {
    padding-bottom: 30px;
  }
  body.page-template-page-countries-template h2 {
    font-size: 2.4rem;
  }
  body.page-template-page-countries-template .page-section {
    padding-bottom: 65px;
  }
  body.page-template-page-countries-template .page-content p:last-of-type {
    margin-bottom: 0;
  }
  .col-xs-12, .col-sm-12 {
    margin-bottom: 0;
  }
  body.page-template-page-countries-template .countries-holder .receive-holder, .simple-converter .receive-holder {
    margin-top: 25px;
  }
  body.page-template-page-countries-template .simple-converter {
    padding-bottom: 30px;
  }
  body.page-template-page-countries-template .multiple-converter-table-holder {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 50px;
  }
  body.page-template-page-countries-template .the-content {
    padding-left: 25px;
    padding-right: 25px;
  }
}

@media (min-width: 441px) {
  .ts-icon {
    margin-right: 15px;
  }
}

@media (max-width: 440px) {
  body.page-template-page-currencies-template .multiple-converter-table .rates-table {
    font-size: 14px;
  }
  .transfer-supported-container {
    flex-direction: column;
  }
  .ts-icon {
    margin-bottom: 15px;
  }
}

@media (max-width: 375px) {
  body.page-template-page-currencies-template .multiple-converter-table .rates-table {
    font-size: 12px;
  }
}

@media (max-width: 330px) {
  body.page-template-page-currencies-template .multiple-converter-table .rates-table {
    font-size: 10px;
  }
}

/* ---------- Hide signup and Login buttons ---------- */
li.menu-item-3956.menu-item.menu-item-type-custom.menu-item-object-custom,
li.menu-item-4268.menu-item.menu-item-type-custom.menu-item-object-custom {
  display: none;
}

/* --------------------------------------------
  Country of Residence SELECTION - MODAL
-------------------------------------------- */
.page-template-page-currencies-template .modal-backdrop, .page-template-page-countries-template .modal-backdrop {
  background-color: #ffffff;
  opacity: 0.90;
}
.page-template-page-currencies-template .modal-content, .page-template-page-countries-template .modal-content {
  border: none;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
}
.page-template-page-currencies-template .modal .modal-header, .page-template-page-countries-template .modal .modal-header {
  min-height: 0px;
  padding: 20px 15px;
  background-color: inherit;
  border-bottom: none;
}
.modal-select-title {
  padding: 30px 10px 0px;
  text-align: center;
  font-size: 20px;
  line-height: 24px;
  color: #888888;
}
.page-template-page-currencies-template .modal-header .close, .page-template-page-countries-template .modal-header .close {
  position: absolute;
  right: 15px;
  font-size: 50px;
  margin-top: 0px;
}
.from-country-form-select {
  padding: 30px 0px;
}
.dropdown-select {
  position: relative;
  overflow: hidden;
  display: block;
  margin: auto;
  margin-bottom: 30px;
  width: 300px;
  height: 100%;
  border: 1px solid #e9edf0;
  border-radius: 3px;
  font-size: 16px;
  box-shadow: 0px 1em 2em -1.5em rgba(0, 0, 0, 0.5);
}
.dropdown-select .title,
.dropdown-select .placeholder {
  position: relative;
  display: block;
  height: 100%;
  padding: 15px 50px;
  background: white;
  cursor: pointer;
}
.dropdown-select > input {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
}
.dropdown-select > input:checked div.options label.option .title {
  display: none !important;
}
.dropdown-select > input:not(:checked) {
  z-index: 4;
}
.dropdown-select > input:not(:checked) ~ label.option > span.title {
  display: none;
}
.dropdown-select > input:disabled {
  cursor: no-drop;
}
.dropdown-select > span.placeholder {
  position: relative;
  z-index: 0;
  display: inline-block;
  background: #e9edf0;
  width: 100%;
  color: #555555;
  border-top: 0px;
}
.dropdown-select label.option {
  display: block;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  margin-bottom: 0px;
  transition: all 1s ease-out;
}
.dropdown-select label.option span.title {
  position: relative;
  z-index: 2;
  transition: background 0.3s ease-out;
}
.dropdown-select label.option span.title i.icon {
  padding-right: 8px;
  color: #92a8d1;
}
.dropdown-select label.option span.title:hover {
  color: #555555;
  background: #e9edf0;
}
.dropdown-select label.option input {
  display: none;
}
.dropdown-select label.option input:checked ~ span.title {
  position: absolute;
  display: block;
  z-index: 3;
  top: 0px;
  font-size: 16px;
  background: #e9edf0;
  border-top: 0px;
  box-shadow: none;
  color: inherit;
  width: 100%;
}
.dropdown-select span.placeholder, .dropdown-select input:checked {
  pointer-events: none;
}
.dropdown-select label.option input:disabled ~ span.placeholder {
  background: #f9f9f9 !important;
  color: #aaa;
}
.dropdown-select label.option input:disabled ~ span.title {
  background-color: rgba(233, 237, 240, 0.8);
  color: #444444;
  opacity: 0.3;
}
.dropdown-select label.option input:disabled ~ span.title:after {
  content: 'Not supported at this time';
  display: inline-block;
  position: absolute;
  top: 15px;
  right: 15px;
  text-align: right;
  font-size: 12px
}
.dropdown-select label.option input:disabled ~ span.title:hover {
  color: #444444;
  opacity: 0.3;
  cursor: no-drop;
}
.dropdown-select:after {
  content: '';
  display: block;
  position: absolute;
  pointer-events: none;
  z-index: 5;
  top: 18px;
  right: 15px;
  font-family: "SSGizmo";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga"1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  font-size: 22px
}
button[disabled] {
  background-color: rgba(233, 237, 240, 0.5);
  color: #D4DCE3;
}
.page-template-page-currencies-template #modal-1 .signupbtn,
.page-template-page-countries-template #modal-1 .signupbtn,
.page-template-page-countries-template #modal-2 .signupbtn {
  max-width: 300px;
  margin-top: 15px;
  margin-bottom: 50px;
}