.currency-converter{margin-bottom:60px}.currency-converter h2{font-size:24px;line-height:28px;margin-bottom:15px;font-weight:300;padding:0 10px}.currency-converter .currency-field1,.currency-converter .currency-field2{position:relative;width:44%;float:left;min-height:1px;padding-left:10px;padding-right:10px}.currency-converter .currency-field1{left:0;transition:left .3s}.currency-converter .currency-field1.inverted{left:56%}.currency-converter .currency-field2{right:-12%;transition:right .3s}.currency-converter .currency-field2.inverted{right:44%}.currency-converter div[class^=currency-field] .field-group .drop-select{border-top-left-radius:5px;border-bottom-left-radius:5px}.currency-converter div[class^=currency-field] .field-group .list-results{z-index:101}.currency-converter div[class^=currency-field] .field-group .drop-select,.currency-converter div[class^=currency-field] .field-group .field,.currency-converter div[class^=currency-field] .field-group .list-results,.currency-converter div[class^=currency-field] .field-group .selector,.currency-converter div[class^=currency-field] .field-group .target{background:#e6e6e6;border-color:#e6e6e6}.currency-converter div[class^=currency-field] .field-group .field{background:#fff}.currency-converter .exchange-buttons{position:relative}.currency-converter .exchange-buttons:before{background-color:#ccc;content:"";position:absolute;left:-50%;right:-50%;margin:auto}.currency-converter .btn-exchange{position:relative;left:calc(50% - 22px);top:29px;cursor:pointer;background:#fff;z-index:10;border-radius:50%}.currency-converter .btn-exchange,.currency-converter .btn-exchange .svg-icon{width:44px;height:44px}.currency-converter .btn-exchange .svg-icon{position:absolute;width:38px;top:0;left:3px}.currency-converter .btn-exchange.exchange-animate{animation-name:currency-exchange;animation-duration:.3s}.currency-converter .symbol{display:none}.currency-converter .final-term{padding-right:30px;padding-left:9px;white-space:nowrap}.currency-converter .final-term svg{margin-right:5px;vertical-align:top;width:24px;height:24px}.currency-converter .final-term .country-name,.currency-converter .final-term .currency-name{display:none}.currency-converter .field-group{margin-bottom:0}.currency-converter .select-option .code,.currency-converter .select-option svg{display:none}.currency-converter .field-group{position:relative;border-collapse:separate;width:100%}.currency-converter .field-group .drop-select,.currency-converter .field-group .form-filter,.currency-converter .field-group>input{margin-bottom:0}.currency-converter .field-group .form-filter{border-bottom-left-radius:0;border-bottom-right-radius:0}.currency-converter .field-group>input{border-top-left-radius:0;border-top-right-radius:0}@media (min-width:768px){.currency-converter{border-radius:4px}.currency-converter h2{font-size:26px;line-height:32px}.currency-converter .currency-field1,.currency-converter .currency-field2{width:43%}.currency-converter .currency-field1.inverted{left:57%}.currency-converter .currency-field2{right:-14%}.currency-converter .currency-field2.inverted{right:43%}.currency-converter .btn-exchange{top:4px}.currency-converter .exchange-buttons::before{bottom:44%;height:1px;width:11.5%}.currency-converter .field-group{display:table;border-collapse:separate}.currency-converter .field-group>*{display:table-cell;vertical-align:top}.currency-converter .field-group .form-filter{border-right:0;border-top-right-radius:0;border-bottom-left-radius:4px}.currency-converter .field-group>input{border-bottom-left-radius:0;border-top-right-radius:4px}.currency-converter .field-group.opened .form-filter,.currency-converter .field-group.opened>input{border-bottom-left-radius:0;border-bottom-right-radius:0}}@media (min-width:992px){.currency-converter h2{padding:0 15px}.currency-converter .currency-field1,.currency-converter .currency-field2{width:43%}.currency-converter .currency-field1.inverted{left:57%}.currency-converter .currency-field2{right:-14%}.currency-converter .currency-field2.inverted{right:43%}.currency-converter .exchange-buttons:before{width:12.5%}}@media (min-width:1230px){.currency-converter .currency-field1,.currency-converter .currency-field2{padding-left:15px;padding-right:15px;width:45.5%}.currency-converter .currency-field1.inverted{left:54.5%}.currency-converter .currency-field2{right:-9%}.currency-converter .currency-field2.inverted{right:45.5%}.currency-converter .exchange-buttons:before{width:9%}.currency-converter.text-on-left{display:table;width:100%}.currency-converter.text-on-left h2{float:left;width:25%;line-height:50px;margin:0}.currency-converter.text-on-left .exchange-buttons{float:right;width:75%;position:relative}}@media (max-width:767px){.currency-converter{margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}.currency-converter div[class^=currency-field] .field-group .drop-select,.currency-converter div[class^=currency-field] .field-group .selector{border-top-right-radius:5px}.currency-converter .exchange-buttons:before{height:100px;width:1px}.currency-converter .field-group .form-filter{border-bottom:0}.currency-converter .final-term svg{margin-right:1px}}@media (min-width:768px) and (max-width:991px){.currency-converter .final-term{padding-right:35px}}@media (min-width:992px) and (max-width:1229px){.currency-converter .final-term{padding-right:35px}}@keyframes currency-exchange{to{transform:rotate(360deg);transform-origin:center}}