a.more { background: url("../img/more_btn.png") 0 0 no-repeat; color: #000; font: bold 16px/34px ptsans; height: 33px; padding: 0 0 0 27px; text-transform: uppercase; width: 136px; display: inline-block; }
.btn_yellow { background: url("../img/btn_y.png") 0 0 repeat-x; height: 33px; border-radius: 4px; display: inline-block; color: #000; font: bold 15px/34px ptsans; padding: 0 15px; text-align: center; text-transform: uppercase; }
.btn_yellow:hover { background-position: 0 -33px; }
.btn_yellow:active { background-position: 0 -66px; }
.btn_gray { background: url("../img/btn_gray.png") 0 0 repeat-x; height: 33px; border-radius: 4px; display: inline-block; color: #000; font: bold 15px/34px ptsans; padding: 0 15px; text-align: center; text-transform: uppercase; }
.btn_gray:hover { background-position: 0 -33px; }
.btn_gray:active { background-position: 0 -66px; }




.modal-body .item h3{line-height: 0px;margin-bottom: 13px;}
.modal .modal-body {
    padding: 0 25px;
}
.mini-alert{color:#fff;}
.modal-body .item select,.modal-body .item  input{width: 100%;}
.dark { background: #2f2f33; position: relative; padding: 32px 0 26px; }
.dark:before { background: url("../img/dark_bg.png") top center no-repeat; content: ""; height: 16px; left: 0; position: absolute; right: 0; top: 0; }
.dark h2 { color: #fff; font: 23px/5px ptsans; padding: 5px 0; text-align: center; text-transform: uppercase; }
.dark h2.context { padding: 44px 0 0 0; }
.dark h2.context.active { color: #f8d300; }
.gray { background: url("../img/noise.png") 0 0 repeat; padding: 0 0 35px 0px; }
.light { background: #fff; }

.tablo { margin: 18px auto 36px; background: url("../img/tablo_bg.jpg") repeat scroll 0 0 transparent; width: 100%; border-radius: 8px; padding: 0 0 10px 0; position: relative; }
.tablo:after {background: url("../img/tablo_shadow.png") center top no-repeat; content: ''; position: absolute; bottom: -22px; height: 22px; left: 0; right: 0; }
.tablo .bar { }
.tablo .bar .filter { float: left; margin: 15px 0 0 30px; }
.tablo .bar .filter a { border-radius: 5px; display: inline-block; height: 31px; width: 156px; border: 1px solid #8a8a89; color: #999999; line-height: 31px; margin: 0 6px 0 0; text-align: center; }
.tablo .bar .filter a.active { border: 1px solid rgb(132, 118, 13); color: #f8d500; }
.tablo .bar .filter a:hover { border: 1px solid rgb(132, 118, 13); color: #f8d500; }
.tablo .bar .btn_yellow { float: right; margin: 14px 30px 0 14px; width: 132px; }
.tablo .bar .calc { background: url("../img/calc_icon.png") 0 0 no-repeat; height: 33px; display: inline-block; color: #939393; float: right; line-height: 33px; margin: 13px 26px 0 0; padding: 0 0 0 45px; }
.tablo .bar .calc:hover { background-position: 0 -33px; color: #fff; }
.tablo .bar .text { margin: 19px 0 0 28%; }
.tablo .bar .text span { border-bottom: 1px solid #3e3e3e; border-radius: 5px; border-right: 1px solid #3e3e3e; color: #fff; display: inline-block; height: 20px; line-height: 20px; padding: 0 0 0 10px; width: 90px; background: #000; }
.tablo .bar .text span:first-child { margin: 0 28% 0 0; }
.tablo .bar .date { color: #f8d500; font: bold 30px/44px ptsans; margin: 0 0 0 22px; text-align: center; padding: 20px 0 10px 0;}
.tablo .digits { margin: 0 13px 0 15px; padding: 13px 0 0; }

.tablo .digits .item span { color: #ffdd31; font: bold 32px/42px arial_m; text-transform: uppercase; display: inline-block; }
.tablo .digits .item .val { padding: 0 0 0 7px; width: 28%; }
.tablo .digits .item .buy { width: 28%;color:#cccccc; letter-spacing:5px; }
.tablo .digits .item .sell {position: absolute;color:#cccccc; letter-spacing:5px; }/*8A8A89*/

.tablo .desc { position: relative; }
.tablo .desc .text { color: #939292; font: 13px/20px ptsans; margin: -4px 0 0 0; padding: 0 0 0 30px; word-spacing: 2px;}
.tablo .desc .text p { margin: 0 0 7px 0; }
.tablo .desc .text a { color: #939292; }
.tablo .desc .text u { font-weight: bold; /*color: #f8d500;*/}
.tablo .desc .btn_gray { position: absolute; right: 30px; top: 5px; width: 132px; }
.benefits { margin: 0 0 0 156px; text-align: center; }
.benefits li { background: url("../img/benefits.png") 0 0 no-repeat; display: table-cell; height: 72px; padding: 0 0 0 84px; text-align: left; vertical-align: middle; }
.benefits p { color: #fff; font-size: 16px; margin: -8px 0 0 0; }
.benefits .i1 { width: 198px; }
.benefits .i2 { background-position: 0 -72px; width: 208px; }
.benefits .i3 { background-position: 0 -144px; width: 40px; }
.on-map
{
    position: absolute;
    top: 10px;
    left: 38px;
    background: #2f2f33c2;
    padding: 5px 10px;
    border-radius: 5px;
  
}
.box-shop
{
    position: relative;
    text-align: center;
}
.box-shop a:hover
{
    color: #f8d500;
}
.article { padding: 20px 0 0; }
.article h3 { font: bold 23px/30px ptsans; padding: 20px 0 28px 0; text-align: center; text-transform: uppercase;}
.article .hello { display: inline-block; font: bold 18px/20px ptsans; padding: 0 0 28px 0; text-align: center; text-transform: uppercase; margin: 0 25%;}
.article .about { padding: 0 0 0 59px; }
.article .about ul { display: inline-block; margin: 0 0 0 64px; width: 400px; }
.article .about ul:first-child { margin: 0 30px 0 0; }
.article .about ul li { font: 15px/19px ptsans; list-style: disc; margin: 0 0 19px 0; word-spacing: 1px; }

.history { margin: 0 0 50px 0; }
.history .bar { }
.history .bar h2 { }
.history .slider_holder { margin: 0 auto; width: 389px; left: 25px; position: relative; }
.history .slider_holder .head { color: #fff; text-transform: uppercase; height: 33px; }
.history .slider_holder .head p { display: inline-block; }
.history .slider_holder .head .h1 { margin: 0 32px 0 15px; }
.history .slider_holder .head .h2 { margin: 0 41px 0 0; }
.history .slider_holder .head .h3 { }
.slider { margin: 0 0 10px; width: 356px; }
.slider .viewport { height: 325px; overflow: hidden; position: relative; width: 332px; }
.slider .overview { left: 0; list-style: none outside none; margin: 0; padding: 0; position: absolute; top: 0; }
.slider .scrollbar { background: #636364; float: right; position: relative; width: 7px; }
.slider .track { height: 100%; position: relative; }
.slider .thumb { background: #f8d300; cursor: pointer; height: 20px; left: 0; overflow: hidden; position: absolute; top: 0; width: 7px; }
.slider .thumb .end { }
.slider .disable { display: none; }
.noSelect { -moz-user-select: none; }
.slider .item { height: 25px; color: #fff; line-height: 25px; width: 331px; font-size: 14px; }
.slider .item:nth-child(odd) { background: #414346; }
.slider .item span { display: inline-block; }
.slider .item .s1 { padding: 0 0 0 28px; width: 123px; }
.slider .item .s2 { width: 105px; }
.slider .item .s3 { }

.contacts { margin: 0 0 0 38px; padding: 20px 0 14px; }
.contacts h4 { font: bold 19px/24px ptsans; margin: 0 0 9px; text-transform: uppercase; }
.contacts p { font: 19px/22px ptsans; }
.contacts span { display: inline-block; width: 165px; }
.contacts .addr { display: inline-block; width: 279px; }
.contacts .phones { display: inline-block; }
.contacts .phones p { margin: 0 0 6px 0; }

.news { margin: 22px 0 62px 34px; }

    .news h1 {
        font: bold 19px/29px ptsans;
        margin: 0px 0px 5px;
        text-transform: uppercase;
    }
    .news  p {
    padding: 0px 90px 0px 0px;
    max-height: 40px;
    overflow: hidden;
}
    .news div.more {
       /*position: absolute;*/ 
       margin:5px 0 25px;
    }
    
    .news div.more a {
    bottom: 0px;
    
    right: 28px;
 
    background: url('../img/more_btn.png') no-repeat scroll 0px 0px transparent;
    color: #000;
    font: bold 16px/34px ptsans;
    height: 33px;
    padding: 0px 0px 0px 27px;
    text-transform: uppercase;
    width: 136px;
   /**/ display: inline-block;
}
    .news h1 a {
        color: #000;
            font: bold 19px/29px ptsans;
    text-transform: uppercase;
    padding: 0px 0px 8px;
}
    .news h1 a:hover {
 color: #f6ca00;
}

.details { padding: 17px 0 21px; }
.details h2 { padding: 20px 0; text-align: center; text-transform: uppercase; }
.details .info { margin: 11px 0 0; padding: 0 0 0 37px; }
.details .info dl { display: inline-block; line-height: 21px; width: 400px; margin: 0 0 0 94px; }
.details .info dl:first-child { margin: 0; }
.details .info dt { float: left; font-weight: bold; width: 63px; }
.details .info dd { margin: 0 0 12px 0; overflow: hidden; }

.articles_list { padding: 1px 54px 60px 37px; }
.articles_list .item { padding: 30px 0 64px; position: relative; margin: 0; border-top: 1px solid rgb(122, 123, 123); }
.articles_list .item:first-child { border: none; }
.articles_list .item h4 { font: bold 19px/29px ptsans; text-transform: uppercase; padding: 0 0 8px 0; }
.articles_list .item p { }
.articles_list .item .more { bottom: 22px; position: absolute; right: 0; }

.dialog_overlay {background: url("../img/overlay.png") 0 0 repeat; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 90; }
.dialog_holder { left: 0; position: absolute; right: 0; top: 75px; z-index: 100; }
.dialog_holder .popup { background: #fff; border-radius: 10px; margin: 0 auto; width: 360px; position: relative; padding: 30px 40px 20px; z-index: 100;}
.dialog_holder .popup a.close {background: url("../img/close_icon.png") 0 0 no-repeat; height: 18px; position: absolute; right: 16px; top: 16px; width: 18px; }
.dialog_holder h2 { padding: 10px 0 15px; text-align: center; text-transform: uppercase; font: bold 20px/22px ptsans; }
.dialog_holder p { padding: 0 0 15px 0; text-align: center;}
.dialog_holder .form_exchange { margin: 0;}
.dialog_holder h3 { text-transform: uppercase; padding: 10px 0; text-align: center;}
.dialog_holder .fields { margin: 0; display: inline-block; padding: 0 20%;}
.dialog_holder .fields:first-child { margin: 0 100px 0 0; }
.dialog_holder .fields:first-child input{}
.dialog_holder .fields .item { margin: 0 0 10px 0; position: relative; }
.dialog_holder .fields .item label { display: inline-block; margin: 0 0 5px; font-size: 14px; }
.dialog_holder .fields .item select { display: block; background: #fff; border: 1px solid #9a9a9a; padding: 6px; border-radius: 4px; width: 214px; border-top: 2px solid #787878; }
.dialog_holder .fields .item select:focus {border-color: #f3c000;}
.dialog_holder .fields .item input { display: block; border: 1px solid #9a9a9a; border-radius: 4px; height: 33px; width: 194px; padding: 0 9px; border-top: 2px solid #787878; }
.dialog_holder .fields .item input:focus { border-color: #f3c000;}
.dialog_holder .fields .item.error {}
.dialog_holder .fields .item.error:before {background: url("../img/error_icon.png") 0 0 no-repeat; content: ''; height: 16px; left: -29px; position: absolute; top: 34px; width: 20px; }
.dialog_holder .fields .item.error input { border-color: #ff4b4b; }
.dialog_holder .actions { text-align: center; margin: 30px 0 10px; }



.CurrencyAlt{background:#333333;position:absolute;height:13px;padding:2px;margin: 44px 0px 0px 270px;display:none; z-index:300;color:#cccccc;width:230px;}
.CurrencyOtherAlt{background:#333333;position:absolute;height:15px;padding:3px;margin:44px 0 0 220px;display:none; z-index:300;color:#cccccc; }

/**/
.ConverterResult  {
    display: inline-block;
    color: #AF292E;
    vertical-align: bottom;
    text-align: center;
    font: 23px/33px ptsans;
  
}


@media (max-width: 980px) {
    .tablo .digits .item span {
    font: bold 22px/39px arial_m;
  }
}

@media (max-width: 425px) {
.tablo .digits .item .buy,.tablo .digits .item .sell {
    letter-spacing: 0px;
}
.tablo .bar .text span:first-child {
    margin: 0 6% 0 0;
}
 .tablo .digits .item span {
    font: bold 18px/20px arial_m;
  }
}

@media (max-width: 325px) {
    .tablo .digits .item span {
    font: bold 13px/20px arial_m;
  }
  .tablo .bar .text { margin: 0 0 0 22%; }
}