@font-face
{
    font-family:FontAwesome;
    src:url(../fonts/fontawesome-webfont.eot?v=4.4.0);
    src:url(../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0) format('embedded-opentype'),url(../fonts/fontawesome-webfont.woff2?v=4.4.0) format('woff2'),url(../fonts/fontawesome-webfont.woff?v=4.4.0) format('woff'),url(../fonts/fontawesome-webfont.ttf?v=4.4.0) format('truetype'),url(../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular) format('svg');
    font-weight:400;
    font-style:normal;
}

.fa {
    display:inline-block;
    font:normal normal normal 14px FontAwesome;
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.fa-caret-down:before {
    content:"\f0d7";
}

.fa-caret-up:before {
    content:"\f0d8";
}

.fa-map-marker:before {
    content:"\f041";
}

.fa-phone:before {
    content:"\f095";
}

.fa-pencil:before {
    content:"\f040";
}

.fa-long-arrow-right:before {
    content:"\f178";
}

.fa-times:before {
    content:"\f00d";
}

.fa-toggle-off:before {
    content: "\f204";
}

.fa-toggle-on:before {
    content: "\f205";
}

.fa-toggle-on.off {
    transform: rotate(180deg);
}

.fa-usd:before {
    content: "\f155";
}

.fa-eur:before {
    content: "\f153";
}

.fa-cny:before {
    content: "\f157";
}

.fa-jpy:before {
    content: "\f157";
}

.fa-university:before {
    content: "\f19c";
}

.fa-exchange:before {
    content: "\f0ec";
}

.fa-bars:before {
    content: "\f0c9";
}

.fa-eye:before {
    content: "\f06e";
}

.fa-sign-in:before {
    content: "\f090";
}

.fa-sign-in {
    transform: rotate(90deg);
}

.fa-sign-out {
    transform: rotate(270deg);
}

.fa-share-square:before {
    content: "\f14d";
    display: inline-block;
}

.fa-share-square-o:before {
    content: "\f045";
    display: inline-block;
}

.fa-share-square.rot,
.fa-share-square-o.rot {
    transform: scale(1,-1);
}

.fa-share-square.rot:before,
.fa-share-square-o.rot:before {
    transform: rotate(270deg);
}

.fa-external-link-square.rot {
    transform: rotate(180deg);
}

.fa-external-link-square:before {
    content: "\f14c";
}

.fa-sign-out:before {
    content: "\f08b";
}

.fa-cb-text:before {
    content: "ЦБ";
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
}

html, body {
    height: 100%;
}

body
{
    font:300 12px Roboto,Arial,sans-serif;
    position:relative;
}

a {
    text-decoration: none;
}

ul,li {
    list-style-type: none;
}

.clear {
    clear: both;
}

.popover {
    z-index: 9999;
    display: none;
    position: absolute;
    box-sizing: border-box;
    background-color: #fff;
    color: #0e0e0e;
    font: 300 12px Roboto,Arial,sans-serif;
    border: 1px solid #0174aa;
    box-shadow: 0 0 15px #000;
    -webkit-box-shadow: 0 0 15px #000;
    -moz-box-shadow: 0 0 15px #000;
    top: 0px;
}

.currency-informer {
    border: 1px solid #ccc;
    padding: 5px;
}

.currency-informer .title {
    color: #000;
    font-weight: 400;
    margin-bottom: 5px;
}

.currency-informer.fix-size {
    width: 250px;
}

.currency-informer.fix-size.hor {
    width: 500px;
}

.currency-informer .selector .select {
    display: inline-block;
    line-height: 16px;
    vertical-align: middle;
    width: 77px;
    float: left;
    margin-right: 10px;
    font-size: 12px;
}



.currency-informer  table td {
    font-size: 12px;
    vertical-align: top;
    text-align: left;
}

.currency-informer .selector td:first-child {
    width: 80px;
}

.currency-informer .selector .select .current {
    position: relative;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 2px 5px;
    text-transform: uppercase;
    background: #fff;
}

.currency-informer .selector .select .current .fa {
    position: absolute;
    right: 3px;
    background: linear-gradient(to top, #268455, #57ad82);
    padding: 2px 5px;
    border-radius: 2px;
    color: #fff;
}

.currency-informer .selector .select .drop {
    display: none;
    position: relative;
}

.currency-informer .selector .select .drop ul {
    position: absolute;
    width: 100%;
    padding: 2px 0px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    top: 0;
    z-index: 1;
}

.currency-informer .selector .select .drop ul li {
    cursor: pointer;
    padding: 2px 5px 0px 5px;
}

.currency-informer .selector .select .drop ul li:hover {
    background: #0174aa;
    color: #fff;
}

.currency-informer .selector .select.disabled {
    opacity: .4;
}

.currency-informer .selector input {
    border: 1px solid #ccc;
    width: 100%;
    min-width: 40px;
    padding: 2px 5px;
    float: left;
}

.currency-informer .selector .current i:not(.fa),
.currency-informer .selector .drop li i:not(.fa) {
    background-image: url(/images/flags.jpg);
    background-repeat: no-repeat;
    width: 16px;
    height: 11px;
    display: inline-block;
    margin-right: 2px;
}

.currency-informer .selector .current.rub i:not(.fa),
.currency-informer .selector .drop li.rub i:not(.fa) {
    background-position: 0 0;
}

.currency-informer .selector .current.usd i:not(.fa),
.currency-informer .selector .drop li.usd i:not(.fa) {
    background-position: 0 -12px;
}

.currency-informer .selector .current.eur i:not(.fa),
.currency-informer .selector .drop li.eur i:not(.fa) {
    background-position: 0 -24px;
}

.currency-informer .selector .current.cny i:not(.fa),
.currency-informer .selector .drop li.cny i:not(.fa) {
    background-position: 0 -36px;
}

.currency-informer .selector .current.yen i:not(.fa),
.currency-informer .selector .drop li.yen i:not(.fa) {
    background-position: 0 -48px;
}

.currency-informer .reverse {
    vertical-align: middle;
    width: 20px;
}

.currency-informer .reverse a {
    display: block;
    font-size: 18px;
    line-height: 9px;
    color: #aaa;
}

.currency-informer .reverse a.active {
    color: #268455
}

.currency-informer .course {
    vertical-align: middle;
    width: 164px;
}

.currency-informer .course .left {
    font-size: 11px;
    width: 150px;
}

.currency-informer .course .left a.buy-link {
    display: inline-block;
    border-bottom: 1px solid #268455;
    color: #268455;
    font-weight: 500;
}

.currency-informer .course .left a.buy-link .fa {
    float: right;
    margin: 1px 0 0 3px;
}

.currency-informer .course .bank-name {
    position: relative;
    color: #000;
}

.currency-informer .course .bank-name .op {
    position: absolute;
    width: 12px;
    height: 16px;
    background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)),
                linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)),
                linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
    top: 0;
    right: 27px;
    z-index: 0;
}

.currency-informer .course .bank-name span {
    max-width: 86%;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
}

.currency-informer.hor .course .bank-name span {
    max-width: 73%;
}

.currency-informer .course .bank-name .fa-map-marker {
    display: inline-block;
    color: #0f71a6;
    position: relative;
    z-index: 1;
}

.currency-informer .course .bank-name .fa-phone {
    display: inline-block;
    color: #268455;
    position: relative;
    z-index: 1;
}

.currency-informer .course .bank-name .popover {
    width: 180px;
    left: 0px;
}

.currency-informer .course .bank-name .popover li {
    padding: 5px;
}

.currency-informer .course .bank-name .popover li i {
    color: #0174aa;
    margin-right: 5px;
}

.currency-informer .course .bank-name .popover li a {
    color: #000 !important;
    text-transform: none !important;
    display: inline !important;
    padding: 0 !important;
    font-size: 15px !important;
    border: none !important;
}

.currency-informer .buy {
    margin: 5px 0;
    width: 238px;
}

.currency-informer .bottom {
    margin-top: 5px;
}

.currency-informer .bottom .date {
    font-size: 11px;
    float: left;
    color: #000;
}

.currency-informer .bottom .link-full {
    font-size: 11px;
    float: right;
    color: #0f71a6;
    font-weight: 500;
}

.currency-informer .bottom .link-full a {
    text-decoration: underline;
    color: #000;
    font-weight: 400;
}

.currency-informer .currency-menu-wrap {
    position: relative;
}

.currency-informer .currency-menu-wrap .currency-menu {
    position: absolute;
    top: 0;
    display: none;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 15px 2px #ccc;
    -webkit-box-shadow: 0 0 15px 2px #ccc;
    -moz-box-shadow: 0 0 15px 2px #ccc;
    border: 1px solid #ccc;
    z-index: 2;
}

.currency-informer .currency-menu-wrap .currency-menu li {
    padding: 5px;
}

.currency-informer .currency-menu-wrap .currency-menu li a {
    color: #0f71a6;
    font-size: 14px;
}

.currency-informer .currency-menu-wrap .currency-menu li a:hover {
    text-decoration: underline
}

.currency-informer a.fa-times {
    position: absolute;
    top: 3px;
    right: 4px;
    color: #0f71a6;
    font-size: 16px;
}

.currency-informer .in {
    display: none;
    padding-top: 7px;
}

.currency-informer .in .fa {
    cursor: pointer;
}

.currency-informer .in input {
    width: 40px;
    color: #268455;
}

.currency-informer .not-in {
    padding-top: 7px;
    color: #268455;
}

.currency-informer .not-in .fa {
    position: relative;
}

.currency-informer .not-in .fa:before {
    position: absolute;
    padding-left: 50px;
    height: 15px;
    right: 0px;
    top: -9px;
    z-index: 0;
    background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)),
                linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0)),
                linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}

.currency-informer {
    position: relative;
}

.currency-informer.hor .td-wrap {
    width: 30%;
    vertical-align: middle;
}

.currency-informer.hor .td-wrap.center {
    padding: 0px 5px;
}

.currency-informer.hor .buy {
    margin: 0px auto;
    width: 214px;
}

.currency-informer.hor .course,
.currency-informer.hor .course .left {
    width: 138px;
}

.colors .fl-right {
    position: relative;
}

.fa-pencil {
    color: #0F71A6;
}

.currency-informer .selector .select .current .fa {
    background: linear-gradient(to top,#0F71A6,#3fa0d4);
}

.currency-informer .course .left a.buy-link {
    border-bottom: 1px solid #0f71a6;
}

.currency-informer .title,
.currency-informer .course .bank-name,
.currency-informer .course .bank-name .fa-map-marker,
.currency-informer .course .bank-name .fa-phone,
.currency-informer .bottom .link-full,
.currency-informer .bottom .link-full a,
.currency-informer .course .left a.buy-link,
.currency-informer .not-in,
.currency-informer .bottom .date,
.currency-informer .fa-pencil,
.currency-informer .reverse a.active,
.currency-informer .in input,
.currency-informer .currency-menu-wrap .currency-menu li a {
    color: #0f71a6;
}

.currency-informer .course .bank-name .popover li a {
    color: #0f71a6!important;
}

/*-- dark style --*/
.currency-informer.dark {
    background: #4C4B4B;
    box-shadow: inset 0px 0px 0px 1px #fff;
    -webkit-box-shadow: inset 0px 0px 0px 1px #fff;
    -moz-box-shadow: inset 0px 0px 0px 1px #fff;
    border: 1px solid #4C4B4B;
}

.currency-informer.dark .title,
.currency-informer.dark .not-in,
.currency-informer.dark .bottom .date,
.currency-informer.dark .fa-pencil,
.currency-informer.dark .reverse a.active {
    color: #fff;
}

.currency-informer.dark .course .left a.buy-link {
    color: #fff;
    border-bottom: 1px solid #fff;
}

.currency-informer.dark .course .bank-name,
.currency-informer.dark .course .bank-name .fa-map-marker,
.currency-informer.dark .course .bank-name .fa-phone,
.currency-informer.dark .bottom .link-full,
.currency-informer.dark .bottom .link-full a {
    color: #C3C2C2;
}

.currency-informer.dark .selector .select .drop ul li:hover,
.currency-informer.light .selector .select .drop ul li:hover {
    background: #4C4B4B;
}

.currency-informer.dark .course .bank-name .op {
    background: linear-gradient(to left, rgba(76,75,75,1), rgba(255,255,255,0)),
    linear-gradient(to left, rgba(76,75,75,1), rgba(255,255,255,0)),
    linear-gradient(to left, rgba(76,75,75,1), rgba(255,255,255,0));
}

.currency-informer.dark .not-in .fa:before {
    background: linear-gradient(to left, rgba(76,75,75,1), rgba(255,255,255,0)),
    linear-gradient(to left, rgba(76,75,75,1), rgba(255,255,255,0)),
    linear-gradient(to left, rgba(76,75,75,1), rgba(255,255,255,0));
}

.currency-informer.dark .selector .select .current .fa,
.currency-informer.light .selector .select .current .fa {
    background: linear-gradient(to top, #4C4B4B, #807f7f);
}

.currency-informer.dark .in input {
    color: #000;
}

.currency-informer.dark .currency-menu-wrap .currency-menu {
    box-shadow: 0 0 15px 2px #4C4B4B;
    -moz-box-shadow: 0 0 15px 2px #4C4B4B;
    -webkit-box-shadow: 0 0 15px 2px #4C4B4B;
}

.currency-informer.dark .currency-menu-wrap .currency-menu li a,
.currency-informer.light .currency-menu-wrap .currency-menu li a,
.currency-informer.dark a.fa-times,
.currency-informer.dark .course .bank-name .popover li a {
    color: #4C4B4B;
}
/*-- /dark style --*/

/*-- light style --*/
.currency-informer.light {
    border: 1px solid #4C4B4B;
}

.currency-informer.light .title,
.currency-informer.light .course .bank-name,
.currency-informer.light .course .bank-name .fa-map-marker,
.currency-informer.light .course .bank-name .fa-phone,
.currency-informer.light .bottom .link-full,
.currency-informer.light .bottom .link-full a,
.currency-informer.light .course .left a.buy-link,
.currency-informer.light .not-in,
.currency-informer.light .bottom .date,
.currency-informer.light .fa-pencil,
.currency-informer.light .reverse a.active,
.currency-informer.light .in input,
.currency-informer.light a.fa-times,
.currency-informer.light .course .bank-name .popover li a {
    color: #4C4B4B;
}

.currency-informer.light .selector input,
.currency-informer.light .selector .select .current,
.currency-informer.light .currency-menu-wrap .currency-menu {
    border: 1px solid #4C4B4B;
}

.currency-informer.light .course .left a.buy-link {
    border-bottom: 1px solid #4C4B4B;
}
/*-- /light style --*/

.currencyes li,
.currencyes li a {
    color: #fff;
}

.currencyes li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.currencyes li.curr {
    background: #aaa;
    cursor: pointer;
    white-space: nowrap;
    position: relative;
}

.currencyes li.curr .curr-menu {
    position: absolute;
    font-size: 14px!important;
    left: 3px;
    top: 25px;
    z-index: 1;
    box-shadow: 0 0 15px #000;
    -webkit-box-shadow: 0 0 15px #000;
    -moz-box-shadow: 0 0 15px #000;
    border: 1px solid #0174aa!important;
    background: #fff;
    display: none;
    color: #000!important;
    padding: 10px;
    white-space: nowrap;
    text-transform: none!important;
}

.currencyes-wrap.vertical .currencyes li.curr .curr-menu {
    top: 20px;
    left: 0px;
}

.currencyes-wrap.two-lines .currencyes li.curr .curr-menu {
    top: 0px;
}

.currencyes li.curr .curr-menu a {
    color: #0f71a6!important;
    text-transform: none!important;
    text-decoration: underline!important;
}

.currencyes li.curr .curr-menu a.fa-times,
.currencyes-menu.popover a.fa-times {
    color: #0f71a6!important;
    position: absolute;
    right: 3px;
    top: 0px;
    text-decoration: none!important;
}

.currencyes-menu.popover a.fa-times {
    background: rgba(255,255,255,.8);
    padding: 3px;
}

.currencyes li.curr .curr-menu a:hover {
    text-decoration: none!important;
}

.currencyes li.curr .curr-menu .block {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid;
}

.currencyes-wrap {
    position: relative;
    float: left;
    height: 94%;
}

.currencyes-wrap .currencyes {
    float: left;
    width: 100%;
    white-space: nowrap;
}

.currencyes-menu.popover {
    padding: 0px 5px;
    white-space: nowrap;
    left: 3px;
    top: 25px;
}

.currencyes-menu li {
    color: #0f71a6;
    padding: 5px 5px 5px 0px;
    font-size: 14px;
}

.currencyes-menu li.line {
    border-top: 1px solid #ddd;
}

.currencyes-menu li.line.bottom {
    border-top: none;
    border-bottom: 1px solid #ddd;
}

.currencyes-menu li i {
    width: 20px;
    text-align: center;
}

.currencyes-menu li a {
    color: #0f71a6;
}

.fl-right.left {
    width: 100%;
}

.converter,.currecny {
    position: relative;
    z-index: 0;
}

.converter.z,.currecny.z {
    z-index: 9999;
}

.currencyes-wrap.vertical .currencyes {
    float: left;
}

.currencyes-wrap.vertical .currencyes > li {
    margin-bottom: 5px;
}

.currencyes-wrap.vertical .currencyes li {
    display: block;
}

.currencyes-wrap.two-lines .currencyes > li {
    display: inline-block;
    vertical-align: middle;
}

.currencyes-wrap.two-lines .currencyes > li li {
    display: block;
    margin-bottom: 5px;
}

.currencyes-wrap .currencyes .toggle a {
    color: #008027;
}

.currencyes-wrap .currencyes .toggle a.fa-toggle-on.off {
    color: #F30606;
}

.currencyes-wrap .fa-toggle-on {
    color: #008027;
}

.currencyes-wrap .fa-toggle-on.off {
    color: #F30606;
}

/*-- dark --*/
.currencyes-wrap.dark .currencyes li.curr {
    background: #4C4B4B;
    color: #fff;
}

.currencyes-wrap.dark .currencyes li.curr a {
    color: #fff;
}

.currencyes-wrap.dark .toggle a.fa-toggle-on,
.currencyes-wrap.dark .toggle a.fa-toggle-on.off {
    color: #4C4B4B;
}
/*-- /dark --*/

/*-- light --*/
.currencyes-wrap.light .currencyes li.curr,
.currencyes-wrap.light .currencyes li.curr a,
.currencyes-wrap.light .currencyes li.toggle a,
.currencyes-wrap.light .toggle a.fa-toggle-on,
.currencyes-wrap.light .toggle a.fa-toggle-on.off {
    color: #4C4B4B;
    background: none;
}
/*-- /light --*/

.hid {
    visibility: hidden;
}

.bank-phone {
    padding: 0px 2px;
}