/*****************************************
**            RIvanov 2014              **
*****************************************/
* { margin: 0; padding: 0; border: 0; vertical-align: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-size: 100.01%; overflow-y: auto; }
body { color: #191b1b; font: 15px/19px ptsans, sans-serif; vertical-align: top; }
h1, h2, h3, h4, h5, fieldset { font-weight: normal; }
ul, li { list-style-type: none; }
*:focus { outline: 0 }
a { text-decoration: none; color: #fff; outline: 0 }
a:hover { text-decoration: none; color: #000; }
a img { border: 0; }
a span { cursor: pointer; }
strong { font-weight: bold; }
table { border-collapse: collapse; }
td { vertical-align: top; }
input { outline: 0 !important; }
fieldset { border: 0; }
select, textarea { overflow-x: hidden; overflow-y: auto; }
textarea { resize: none; outline: 0; }
input[type="text"] { padding: 0; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
select, input, textarea, button { margin: 0; padding: 0; font: 99% sans-serif; }
input[type="button"], input[type="submit"], input[type="reset"], button { cursor: pointer; }
button { width: auto; overflow: visible; }
.placeholder { color: inherit; }
textarea::-webkit-input-placeholder { color: inherit; }
textarea:-moz-placeholder { color: inherit; }
textarea:-ms-input-placeholder { color: inherit; }
input::-webkit-input-placeholder { color: inherit; }
input:-moz-placeholder { color: inherit; }
input:-ms-input-placeholder { color: inherit; }
.no_select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/* ===============HELPERS============== */
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* =============== styles ============== */

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; }

.app { position: relative; min-height: 800px; }
.container { position: relative; margin: 0 auto; max-width: 1000px; }

header { height: 83px; background: url("../img/header_bg.png") 0 0 repeat-x; }
header .container { }
header a.logo { margin: 0 0 0 31px; }
header ul.info { display: inline-block; margin: -15px 0 0 35px; }
header ul.info li { display: inline-block; margin: 24px 0 0 23px; }
header ul.info li p { color: #434343; font-size: 17px; font-weight: 700; line-height: 20px; text-shadow: 0 1px #F0F0F0; }
header p.phone { color: #474747; display: inline-block; font-size: 36px; font-weight: 700; line-height: 40px; margin: 21px 0 0 12px; text-shadow: 0 1px 1px #F0F0F0; padding-left: 50px;}
header a.phone { color: #474747; display: inline-block; font-size: 36px; font-weight: 700; line-height: 40px; margin: 21px 0 0 12px; text-shadow: 0 1px 1px #F0F0F0; padding-left: 50px; text-decoration: none;}
 
.dark { background: #2f2f33; position: relative; padding: 32px 0 0; }
.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/33px ptsans; padding: 16px 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; }

.main_menu { text-align: center; padding: 0 0 2px; }
.main_menu li { display: inline-block; position: relative; margin: 0 46px 0 18px; }
.main_menu li:first-child:after { display: none; }
.main_menu li:after { background: none repeat scroll 0 0 #2c2a2b; border-left: 1px solid #949495; bottom: 0; content: ''; left: -38px; position: absolute; top: 0; width: 1px; }
.main_menu a { color: #fff; text-transform: uppercase; display: inline-block; font-size: 16px; line-height: 44px; position: relative; }
.main_menu a.active { color: #f6ca00; font-weight: bold; }
.main_menu a:hover { color: #f6ca00; }

.tablo { margin: 18px auto 85px auto; background: url("../img/tablo_bg.png") repeat scroll 0 0 transparent; width: 928px; 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 361px; }
.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 28px; width: 90px; background: #000; }
.tablo .bar .text span:first-child { margin: 0 180px 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 { background: url("../img/digit.png") 0 0 no-repeat; height: 51px; margin: 0 0 20px; position: relative; }
.tablo .digits .item span { color: #ffdd31; font: bold 42px/50px arial_m; letter-spacing: 17px; text-transform: uppercase; display: inline-block; }
.tablo .digits .item .val { padding: 0 0 0 7px; width: 345px; }
.tablo .digits .item .buy { width: 285px;color:#cccccc; letter-spacing:5px; }
.tablo .digits .item .sell {position: absolute;color:#cccccc; letter-spacing:5px; }/*8A8A89*/
.tablo .digits .item .shadow { background: url("../img/digit_shadow.png") 0 0 repeat-x; position: absolute; left: 0; top: 24px; right: 0; height: 25px; width: 294px; }
.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; width: 660px; }
.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; }

.map_holder { position: relative; width: 910px; margin: 0 auto; }
.map_holder:after { content: ''; background: url("../img/map_bg.png") top center no-repeat; bottom: -21px; height: 21px; left: 0; position: absolute; right: 0; }
.map { height: 224px; width: 910px; margin: 5px auto 30px; position: relative; }

footer { background: url("../img/footer.png") repeat-x scroll 0 0 #1f2222; padding: 15px 0 21px 0; text-align: center;}
footer span { color: white;}
footer .box { padding: 28px 0 23px 0; }
footer .box a.logo { display: inline-block; margin: 0 0 0 33px; }
footer .box a.logo img { }
footer .box ul { display: inline-block; margin: 6px 0 0 4px; }
footer .box ul li { display: inline-block; height: 35px; padding: 0 18px 0 25px; position: relative; }
footer .box ul li:first-child:before { display: none; }
footer .box ul li:before { content: ''; position: absolute; background: #141921; border-left: 1px solid #535257; bottom: 0; left: 0; top: 0; width: 1px; }
footer .box ul li a { color: #b2b6c1; text-transform: uppercase; display: inline-block; font: 15px/35px ptsans; }
footer .box ul li a:hover { color: #fff; }
footer .box p.phone { color: #f8d500; display: inline-block; font: bold 30px/44px ptsans; margin: 0 0 0 22px; }
footer .currency { padding: 20px 0 40px; text-align: center; }
footer .currency a:first-child { margin-left: 0; }
footer .currency a { text-transform: uppercase; font: 16px/30px ptsans; margin: 0 0 0 74px; text-decoration: underline; color: #b2b6c1; }
footer .currency a:hover { color: #fff; }
footer .currency a.active { color: #fff; }
footer .social { text-align: center; }
footer .social a.fb { }
footer .social a.vk { }
footer .social a.ok { }
footer .social a.mail { }
footer .sep { border-top: 1px solid #484b50; background: #10151c; height: 1px; width: 910px; margin: 0 auto; }

.social { }
.social a { background: url("../img/soc.png") 0 0 no-repeat; width: 41px; height: 42px; display: inline-block; margin: 0 8px; }
.social .fb { }
.social .fb:hover { background-position: 0 -42px; }
.social .fb:active { background-position: 0 -84px }
.social .vk { background-position: -41px 0; }
.social .vk:hover { background-position: -41px -42px; }
.social .vk:active { background-position: -41px -84px; }
.social .ok { background-position: -82px 0; }
.social .ok:hover { background-position: -82px -42px; }
.social .ok:active { background-position: -82px -84px; }
.social .mail { background-position: -123px 0; }
.social .mail:hover { background-position: -123px -42px; }
.social .mail:active { background-position: -123px -84px; }

.dynamic { padding: 36px 0 39px 0; }
.dynamic .bar { position: relative; height: 40px; }
.dynamic .bar h2 { font: bold 22px/32px ptsans; text-align: center; text-transform: uppercase; }
.dynamic .bar .date { margin: 0 50px 0 0; background: url("../img/date_icon.png") 0 0 no-repeat; font: bold 15px/21px ptsans; height: 23px; padding: 0 0 0 38px; position: absolute; right: 3px; top: 1px; }
.dynamic .bar .date span { display: inline-block; font-weight: normal; margin: 0 0 0 9px; }
.dynamic .graphic { margin: 19px 0 0 0; }
.dynamic .graphic .filter { margin: 0 0 0 75px; height: 35px; }
.dynamic .graphic .filter .currency { float: left; margin: 0 20%;}
.dynamic .graphic .filter .currency a { border: 2px solid #999999; border-radius: 5px; display: inline-block; height: 31px; line-height: 31px; text-align: center; width: 156px; color: #000; font: bold 17px/32px ptsans; margin: 0 6px 0 0; text-transform: uppercase; }
.dynamic .graphic .filter .currency a.active { background: #f6ca00; border-color: #f6ca00; }
.dynamic .graphic .filter .currency a:hover { background: #f6ca00; border-color: #f6ca00; }
.dynamic .graphic .filter .period { float: right; margin: 0 54px 0 0; }
.dynamic .graphic .filter .period select { border: 2px solid #787878; border-radius: 5px; padding: 5px 10px; }
.dynamic .graphic .filter .period select:hover { border-color: #f3c000; }
.dynamic .graphic .filter .period select option { padding: 0 10px 0 0; }
.dynamic .graphic .graph { margin: 24px 0 0 37px; }
.dynamic .graphic .graph img { }

.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;
}
    
/*
.news .item { border-radius: 5px; height: 159px; margin: 0 0 21px 0; overflow: hidden; width: 913px; background: #fff; }
.news .item .icon { background: url("../img/news_icon.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0); height: 159px; width: 160px; float: left; margin: 0; position: relative; }
.news .item .icon i { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-position: center center; background-repeat: no-repeat; }
.news .item .icon .i1 { background-image: url("../img/news/icon1.png"); }
.news .item .icon .i2 { background-image: url("../img/news/icon2.png"); }
.news .item .icon .i3 { background-image: url("../img/news/icon3.png"); }
.news .item .icon .i4 { background-image: url("../img/news/icon4.png"); }
.news .item .desc { height: 110px; margin: 0 0 0 193px; padding: 26px 0 0; position: relative; }
.news .item .desc h4 { font: bold 19px/29px ptsans; margin: 0 0 5px 0; text-transform: uppercase; }
.news .item .desc p { padding: 0 90px 0 0; max-height: 40px; overflow: hidden; }
.news .item .desc .date { bottom: 2px; left: 0; position: absolute; font-style: italic; }
.news .item .desc .more { bottom: 0; position: absolute; right: 28px; }
*/
.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;
    padding-top: 20px;
}



/* navigation ==================================================== */
.navigation {color:#636363;font-weight: bold; font-size: 14px;border:0px;/*width:525px;*/}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active {text-decoration:none; color: #636363; /*background:#F9F9F9;*/ /*border:1px solid #E6E6E6;*/ padding:3px 3px 0px 8px; font-size:12px !important; font-size:12px;}
.navigation a:hover {/*background:#799AE3;*/ color: #f6ca00; /*border-color:#E6E6E6;*/}
.navigation span {text-decoration:none; vertical-align:bottom; /*background:#fff;*/ padding:4px 3px 0px 8px; /*border:1px solid #E6E6E6;*/ color:#ccc; font-size:12px; /*11*/ font-style:italic;}
.right {display: block; float: right; margin-right: 15px;}
.right a {margin-right: 50px;}
#show_currency {margin: 0; right: 210px; top: 0;}
.bar .mini-alert {color: #f8d500; text-align: center; margin-top: -15px; font-weight: bold; font-size: 16px;}

/*special styles*/
.dark .telegram-block {
    text-align: center;
     margin-bottom:20px;
}
.dark .telegram-block img {
    margin-top: -8px;
}
.dark .telegram-block span {
    text-transform: uppercase; font-weight: bold
}


.animated {
 opacity: 0;
}

.branch {
	padding: 70px 0;
	background: #4c5054;
}

.branch-block img {
    width: 80%;
}

.branch-block__text {
    position: absolute;
    bottom: 60px;
    text-align: start;
    left: 38px;
    width: 82%;
    color: #fff;
    font-size: 14px;
}

.branch-block__texts {
    position: absolute;
    bottom: 8px;
    text-align: start;
    left: 38px;
    max-width: 73%;
    width:auto;   
    color: #fff;
    font-size: 14px;
}

.branch-block {
        text-align: center;

}

.request-wrap, .tumb-block {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.tumb-block {
    margin-bottom: 20px;
}


.buttom-switch {
	display: block;
	margin-bottom: 20px;
    background: #000;
    color: #ffdd31;
    width: 60px;
    font-weight: 800;
    border: 2px solid;
    text-align: center;
    font-size: 11px;
    line-height: 58px;
    height: 60px;
    border-radius: 50%;
}

.switch {
    top: 50%;
    z-index: 9999;
    right: -108px;
    position: absolute;
}


.buttom-switch:hover {
	cursor: pointer;
	color: #000;
	background: #ffd500;
}

.tabs__caption .active buttom{
     border-radius: 50%;
     color: #000;
    background: #ffd500;
}




.tabs__content {
  display: none; /* по умолчанию прячем все блоки */
}
.tabs__content.active {
  display: block; /* по умолчанию показываем нужный блок */
}




a img {
    border: none; /* убираем рамку */
   }
.lightbox {
/** определяем базовый стиль lightbox */
  position: fixed;
  overflow: hidden;
  z-index: 9999;
  width: 0;
  height: 0;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
}
.lightbox img {
    width: 100%;
    max-width: 514px;
    height: auto;
    margin: 2% auto;
    opacity: 0;
    border: 1px solid #4D4D4D;
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
}
.lightbox:target {
/** активируем lightbox при нажатии */
  width: auto;
  height: auto;
  bottom: 0;
  right: 0;
/** удаляем контур по умолчанию */
  outline: none;
}
.lightbox:target img {
/** делаем элемент непрозрачным  */
  opacity: 1;
}
/** стиль миниатюр для демо-страницы */
.thumb a div img{
  width: 45%;
  margin:2%;
  box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.6);
}

.form-control {
    border: none;
    background: none;
    border-bottom: 1px solid #000;
    padding: 9px!important;
    font-size: 14px;
    width: 93%;
    margin-bottom: 10px;
    color: #757575;
    outline: none;
}

.form-control:active {
   background: none;
}

#selectlocation {
    color: #757575;
    width: 99%;
}


.form {
    margin: auto;
    width: 300px;
}

.btn-primary {
    background: #f5c800;
    font-weight: 800;
    border: none;
    text-transform: uppercase;
    border-radius: 6px;
    padding: 8px 15px; 
    margin: 20px auto 0;
    display: block;
    outline: none;
}

.btn-primary:hover {
    background: #000;
    color: #f5c800;
    border: 2px solid #f5c800;
}

.request {
    background: url(../img/noise.png) 0 0 repeat;
    padding: 40px 0;    
} 


.request-title {
    font: bold 23px/30px ptsans;
    padding: 20px 0 28px 0;
    text-align: center;
    text-transform: uppercase;
    background: #ffd500;
    padding: 12px;
    cursor: pointer;
    color: #000;
    border: 2px solid #000;
    border-radius: 11px;
}

.img-arrow {
        width: 50px;
    margin-left: 20px;
}

.img-arrow img {
        width: 97%;
    transform: rotate(103deg);
}


.request__block {
display: flex;
    align-items: center;
    justify-content: center;
}

.branch__title {
    color: #f8d500;
    font: bold 30px/44px ptsans;
    margin: 0 0 0 22px;
    text-align: center;
    margin-bottom: 40px; 
}


.date {
    font-weight: bold;
    text-align: center;
    font-size: 25px;
    text-transform: uppercase;
    margin-top: 40px;
    margin-bottom: 20px;
    color: #ffdf00;
}

.mini-alert {
    font-weight: bold;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
}


.tablo-title {
    font-size: 33px;
    text-align: center;
    padding-top: 22px;
    padding-bottom: 10px;
    color: #ffdf00;
    text-transform: uppercase;
    font-weight: bold;
}


.phone:hover {
  color: #000000;
}





/* 992 - 1199 px */
@media screen and (max-width: 1199px) {
	.tablo {
          margin: 40px auto 36px 10px;
    width: 898px;
    }
    
    .tablo .digits .item span {
        font: bold 33px/50px arial_m;
        letter-spacing: 23px;
    }
    
    .switch {
        right: 17px;
    }
    
    .lightbox img {
        max-width: 443px;
    }
}

/* 768 - 992 px */
@media screen and (max-width: 992px) {
    .container {
        width: 700px;
    }
    
    header a.phone {
        font-size: 22px;
    padding: 0 10px;
        margin: 21px 0 0 2px;
    }
    
    .tablo {
margin: 30px auto 36px 10px;
    width: 677px;
}

.tablo .bar .text {
    margin: 20px 0 0 381px;
}


.tablo .bar .text span:first-child {
    margin: 0 10px 0 0;
}

.tablo .digits {
    margin: 0 auto 0 auto;
    padding: 13px 0 0;
    width: 616px;
}

.tablo .digits .item {
    margin: 0 0 20px 22px;
}

.tablo .digits .item .val {
    padding: 0 0 0 12px;
    width: 328px;
}

.tablo .digits .item span {
    font: bold 19px/50px arial_m;
    letter-spacing: 31px;
}

.tablo .digits .item .buy {
    width: 123px;
    letter-spacing: 5px;
}

.switch {
    justify-content: space-around;
    display: flex;
    width: 172px;
    margin: 22px auto 0;
    position: inherit;
}

.article .hello {
    font: bold 16px/20px ptsans;
}

.article .about ul {
    margin: 0;
}

.article .about {
    padding: 0 ;
    text-align: center;
}


.branch-block img {
    display: block;
    width: 100%;
}

.branch-block__text {
    bottom: 52px;
    left: 5px;
    width: 96%;
}

.branch-block__texts {
    bottom: 8px;
    left: 6px;
    max-width: 94%;
}


.branch-block {
    display: block;
}
.box-shop
{
    margin: auto auto 45px;
    position: relative;
    width: 40%;
   
}
.on-map
{
    left: 5px;
}
.thumb, .tumb-block {
  flex-direction: column;
}


.lightbox img {
    max-width: 378px;
    margin: 9% auto;
}

.dark .telegram-block {
    margin-top: 30px;
    margin-bottom:20px;
}



}

/* 576 - 768 px */
@media screen and (max-width: 768px) {
    
    .img-arrow {
    width: 38px;

}

.request-title {
    font: bold 14px/27px ptsans;
    width: 278px;

}
.box-shop
{
    width: 100%;
}


.container {
    max-width: 520px;
}

.logo img {
    width: 42%;
    padding-top: 13px;
}

header a.phone {
    font-size: 16px;
    margin: 21px 0 0 2px;
}

.tablo .digits .item .buy{
    background: black;
    display: inline;
    width: 90px;
    margin-right: 66px;
    margin-left: 16px;
    border-radius: 10px;
    text-align: center;
    padding: 15px 9px;
    letter-spacing: 4px;
}


.tablo .digits .item .sell {
  background: black;
    display: inline;
    width: 86px;
    border-radius: 10px;
    text-align: center;
    padding: 0 2px 0px;
    letter-spacing: 4px;
}


.tablo .digits .item .val {
    padding: 0 0 9px 12px;
    width: 328px;
}

.tablo .digits .item {
    margin: 0 0 74px 21px;
}
.tablo {
    width: 500px;
}

.tablo .digits {
    width: 333px;
}

.tablo .bar .text {
    margin: 20px 0 0 107px;
}

.tablo .bar .text span:first-child {
    margin: 0 48px 0 0;
}

.tablo .desc .text {
    text-align: center;
    margin: 19px 0 0 0;
    width: 444px;
}


.right {
    text-align: center;
    display: block;
    margin-right: 0;
}

.tablo .desc {
        display: flex;
    flex-direction: column;
}

.right a {
    margin-right: 0px;
}

.article .hello {
      margin-left: 0;
    width: 100%;
}



}

/* 320 - 576 px */
@media screen and (max-width: 576px) {
.container {
    width: 90%;
}

.request-title {
    font: bold 9px/27px ptsans;
    padding: 6px;
    width: 175px;

}

.img-arrow {
    width: 25px;
    margin-left: 10px;
}

.tablo .digits .item .buy{
    margin-right: 44px;
    margin-left: 4px;
    padding: 16px 9px;
}

.tablo .digits .item .sell {
    padding: 0 2px 0px;
}

header a.phone {
    font-size: 13px;
    margin: -2px 0 0 0px;
    padding: 0;
    width: 49%;
    text-align: center;
}

header a.logo {
    margin:0;
    display: block;
    text-align: center;
}

.date {
    font-size: 19px;
    margin-top: 0;
    line-height: 30px;
    margin-bottom: 12px;
}

.mini-alert {
    font-size: 11px;
}

.buttom-switch {
    margin-bottom: 15px;
    width: 44px;
    font-size: 9px;
    line-height: 45px;
    height: 44px;
}


.tablo {
    width: 100%;
    margin: auto;
}

.tablo-title {
    font-size: 20px;
}

.tablo .digits .item span {
    font: bold 17px/50px arial_m;
    letter-spacing: 26px;
}

.tablo .digits .item .shadow, .tablo .digits .item {
background: none;
    height: auto;
    width: auto;
}

.tablo .digits .item .val {
    padding: 0;
    width: 236px;
}

.tablo .digits .item .buy {
    width: 134px;
    margin-left: 0px;
    letter-spacing: 4px;
}


.tablo .digits .item {
    margin: 0 0 24px 18px;
}


.tablo .bar .text span:first-child {
    margin: 0 6px 0 0;
}

.tablo .bar .text {
    margin: 20px 0 0 30px;
}

.tablo .desc .text {
    font-size: 12px;
    width: 99%!important;
    padding: 0;
}

.article h3 {
    font: bold 14px/30px ptsans;
}

.article .hello {
    font-size: 14px;
    display: block;
}


ul, li {
    display: block;
}

.article .about ul:first-child, .article .about ul  {
    width: 100%;
}
.article .about ul li {
    font: 13px/19px ptsans;
}

.branch__title {
    font: bold 18px/44px ptsans;
    margin: 0 0 20px 0;
}




.lightbox img {
    max-width: 291px;
    margin: 25% auto;
}

footer {
    display: flex;
    flex-direction: column;
}

.right {
    order: 2;
    margin-top: 18px;
}

.tablo .digits {
    width: 263px;
}

.article .about ul:first-child {
    margin: 0;
}

}

.line-run
{
    color: #000!important;
    background: #ffd501!important;
    background-color: #ffd501!important;
    font-size: 18px;
    min-height: 19px;
    padding: 10px 0;
    margin-top: 30px;
    width: 100%;

}

@media(max-width:1050px)
{
    .line-run
    {       
        font-size: 25px;

    }
}

@media(max-width:750px)
{
    .line-run
    {       
        font-size: 18px;

    }
}