/*!
 * Bestrate — усі стилі теми одним файлом.
 *
 * ФАЙЛ ЗІБРАНО АВТОМАТИЧНО: node tools/make-css-bundle.js
 * Правити треба джерела: fonts.css, bootstrap.subset.css, legacy.css, legacy-media.css, theme.css.
 */

/* ===== fonts.css ===== */
/*
 * Open Sans — свій хостинг.
 *
 * Раніше шрифт приходив з fonts.googleapis.com: перед показом сторінки
 * браузер мусив сходити на два чужі домени (CSS і самі файли), а на
 * мобільному це два зайві рукостискання. Тепер файли лежать поруч.
 *
 * Файл зібрано скриптом; підмножини — тільки ті, що потрібні сайту:
 * cyrillic, cyrillic-ext, latin, latin-ext.
 * Ліцензія шрифту — assets/fonts/LICENSE.txt.
 */

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/open-sans-400-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/open-sans-400-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/open-sans-400-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/open-sans-400-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/open-sans-600-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/open-sans-600-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/open-sans-600-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/open-sans-600-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/open-sans-700-cyrillic-ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/open-sans-700-cyrillic.woff2') format('woff2');
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/open-sans-700-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/open-sans-700-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ===== bootstrap.subset.css ===== */
/*!
 * Bootstrap 3 — тільки те, що використовує сайт.
 *
 * ФАЙЛ ЗІБРАНО АВТОМАТИЧНО: node tools/make-bootstrap-subset.js
 * Руками не правити. Повний оригінал лежить поруч: bootstrap.min.css.
 *
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{margin:.67em 0;font-size:2em}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid silver}
legend{padding:0;border:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
@font-face{font-family:'Glyphicons Halflings';src:url(../fonts/glyphicons-halflings-regular.eot);src:url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#337ab7;text-decoration:none}
a:focus,a:hover{color:#23527c;text-decoration:underline}
a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}
img{vertical-align:middle}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
[role=button]{cursor:pointer}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}
.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}
.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}
.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}
.h1,h1{font-size:36px}
.h2,h2{font-size:30px}
.h3,h3{font-size:24px}
.h4,h4{font-size:18px}
.h5,h5{font-size:14px}
.h6,h6{font-size:12px}
p{margin:0 0 10px}
.small,small{font-size:85%}
.mark,mark{padding:.2em;background-color:#fcf8e3}
.text-right{text-align:right}
.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}
ol,ul{margin-top:0;margin-bottom:10px}
ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
.list-unstyled{padding-left:0;list-style:none}
dl{margin-top:0;margin-bottom:20px}
dd,dt{line-height:1.42857143}
dt{font-weight:700}
dd{margin-left:0}
abbr[data-original-title],abbr[title]{cursor:help;border-bottom:1px dotted #777}
blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}
blockquote ol:last-child,blockquote p:last-child,blockquote ul:last-child{margin-bottom:0}
blockquote .small,blockquote footer,blockquote small{display:block;font-size:80%;line-height:1.42857143;color:#777}
blockquote .small:before,blockquote footer:before,blockquote small:before{content:'\2014 \00A0'}
address{margin-bottom:20px;font-style:normal;line-height:1.42857143}
code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}
kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(0,0,0,.25)}
kbd kbd{padding:0;font-size:100%;font-weight:700;-webkit-box-shadow:none;box-shadow:none}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}
pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:768px){.container{width:750px}}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right:-15px;margin-left:-15px}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}
.col-xs-12{width:100%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-6{width:50%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}}
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}}
table{background-color:transparent}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}
th{text-align:left}
table col[class*=col-]{position:static;display:table-column;float:none}
table td[class*=col-],table th[class*=col-]{position:static;display:table-cell;float:none}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}
input[type=search]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type=checkbox],input[type=radio]{margin:4px 0 0;margin-top:1px\9;line-height:normal}
input[type=file]{display:block}
input[type=range]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output{display:block;padding-top:7px;font-size:14px;line-height:1.42857143;color:#555}
input[type=search]{-webkit-appearance:none}
fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn.focus,.btn:focus,.btn:hover{color:#333;text-decoration:none}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
a.btn.disabled,fieldset[disabled] a.btn{pointer-events:none}
.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}
.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#286090;border-color:#122b40}
.btn-primary:hover{color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#286090;border-color:#204d74}
.btn-primary.active.focus,.btn-primary.active:focus,.btn-primary.active:hover,.btn-primary:active.focus,.btn-primary:active:focus,.btn-primary:active:hover,.open>.dropdown-toggle.btn-primary.focus,.open>.dropdown-toggle.btn-primary:focus,.open>.dropdown-toggle.btn-primary:hover{color:#fff;background-color:#204d74;border-color:#122b40}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled.focus,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled].focus,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover{background-color:#337ab7;border-color:#2e6da4}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
tr.collapse.in{display:table-row}
tbody.collapse.in{display:table-row-group}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}
.open>a{outline:0}
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
.btn-group-vertical>.btn,.btn-group>.btn{position:relative;float:left}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:2}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
.btn-group>.btn:first-child{margin-left:0}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
.btn-group>.btn-group{float:left}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-left-radius:0;border-bottom-left-radius:0}
[data-toggle=buttons]>.btn input[type=checkbox],[data-toggle=buttons]>.btn input[type=radio],[data-toggle=buttons]>.btn-group>.btn input[type=checkbox],[data-toggle=buttons]>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:focus,.nav>li.disabled>a:hover{color:#777;text-decoration:none;cursor:not-allowed;background-color:transparent}
.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#eee;border-color:#337ab7}
.nav>li>a>img{max-width:none}
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}
.breadcrumb>.active{color:#777}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@-o-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.05);box-shadow:inset 0 1px 1px rgba(0,0,0,.05)}
.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,.15)}
.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}
.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}
.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}
.show{display:block!important}
.hidden{display:none!important}
@-ms-viewport{width:device-width}

/* ===== legacy.css ===== */
/*
 * Стилі сайту (десктоп)
 *
 * Перенесено як є з templates/bestrate старого сайту (legacy/template_bestrate/css).
 * Правити тут, а не в legacy/ — там довідкова копія.
 * Шляхи до картинок переписані на assets/img.
 */

html,
body {
    overflow-x: hidden;
}

body.site {
    font-family: 'Roboto', sans-serif;
    font-family: 'Open Sans', sans-serif;
    background-attachment: fixed;
    background-repeat: repeat;
    background-image: url(../img/bg_page.png);
    background-position: top left;
    background-color: #f5f5f5;
    font-size: 14px;
    color: #28370d;
    margin: 0;
    padding: 0;
    border-top: 0 !important;
}

* {
    box-sizing: border-box;
}


h2 {
    line-height: 42.85714287px;
    font-size: 30px;
    font-weight: 400;

}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #322E42;
}
h3, .h3 {
	margin-top: 30px;
	font-size: 26px;
	line-height: 1.2;
}
body a {
    color: #a8bf00;
}


.site-title {
    display: none;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

a,
a:hover {
    text-decoration: none !important;
}

a {
    color: #a8bf00;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/*HEADER*/
.header {
	margin-bottom: 40px;
}
.header-top {
	background: #fff;
	font-family: 'Open Sans',sans-serif;
}
.header-top__flex {
	display: flex;
	align-items: center;
}
.header-top__flex .wrapp_logo {
	flex-shrink: 0;
	margin-right: 30px;
}
.header-top__contact {
	width: 100%;
}
.header-contact {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.header-contact__address {
	margin-right: 30px;
}
.header-contact__phone {
	margin: 0 -15px;
}
.header-contact__phone a {
	color: #322E42;
	font-weight: bold;
	font-size: 16px;
	padding: 0 15px;
}
.header-contact__lang {
	margin-left: auto;
}
.lang-block {
	margin: 0 -3px;
}
.lang-block li {
	display: inline-block;
	padding: 0 3px;
}


.header_menu .mod-list>li,
.header_menu .mod-list li.divider {
    display: inline-block;
}

.wrapp_logo img {
    margin: 25px 0;
}

.header_top {
    background-color: #fff;
}

.header_menu,
.footer {
	background: #83C608;
	font-family: 'Open Sans',sans-serif;
}
.footer {
	padding: 30px 0;
}
.header_menu li {
	font-weight: bold;
}
.header_menu li a,
.header_menu .mod-list li.divider {
    color: #fff;
    text-transform: uppercase;
    padding: 15px !important;
}


.header_menu .mod-list {
    margin-bottom: 0;
    padding: 5px 0;
}

.header_menu .mod-list li a:hover,
.header_menu .mod-list li a:active,
.header_menu .mod-list li a:focus,
.header_menu li.divider:hover {
    background-image: linear-gradient(180deg, #ffc824 0%, #ffbf00 50%, #dba400 100%);
    transition: .5s;
}

.header_menu .nav-child {
    min-width: 300px;
    box-shadow: 4px 4px 0px 0 rgba(0, 0, 0, 0.09);
    border: 1px solid #cccccc;
    background-color: #fff;
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    margin: 0;
    z-index: 1001;

}

.header_menu .nav-child a {
    color: #AFAEAE;
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
}

.header_menu .nav-child li a {
    display: block;
    text-decoration: none;
}

.header_menu .nav-child li a:hover {
    background-image: none;
    background-color: #ededed;
    color: #a8bf00;
}

.moduletable {
    width: 100%
}
.header_menu li.divider:hover .nav-child {
    visibility: visible;
    opacity: 1;
    transition: opacity .3s linear;
}

.header_menu .container,
.header_top .container,
.header-contact .row,
.footer .container {
    display: flex;
    flex-wrap: wrap;
}

.header_menu .col-lg-8,
.header_menu .col-lg-4,
.header_top .col-lg-7,
.header_top .col-lg-5,
.header-contact .col-md-8,
.header-contact .col-md-4,
.footer .col-lg-3,
.footer .col-lg-9 {
    display: flex;
    align-items: center;
}

.sidenav {

    position: fixed;
    z-index: 99;
    left: -291px;
    top: 65px;
    width: 290px;
    height: 100%;
    background: #fff;
    border-top: 1px solid #ccc;
    overflow: auto;
    -webkit-transition: ease 0.4s;
    -moz-transition: ease 0.4s;
    -o-transition: ease 0.4s;
    transition: ease 0.4s;
    -webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.4);

}

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.4);
    top: 65px;
    left: 0;
    right: 0;
    bottom: 0;
}

/*
.mob_menu .sidenav .mod-list {
    display: flex;
    flex-direction: column;
}
*/
/*
.mob_menu .sidenav .mod-list li{
    background-image: linear-gradient(180deg, #a6f514 0%, #a2f50a 14%, #7cba08 100%);
}
*/
.mob_menu .none #js-mainnavcss3 .active,
.mob_menu #js-meganav-off-canvas .megacss3 {
    background-image: linear-gradient(180deg, #a6f514 0%, #a2f50a 14%, #7cba08 100%);
    color: #fff;
}

.mob_menu .menu830 .menu-title,
.mob_menu .menu873 .menu-title {
    text-transform: uppercase;
}

.mob_menu .sidenav .nav-child li {
    background-image: none;
}

.mob_menu .menu-1 .level1 .megacss3 {
    background-image: none !important;
}

.mob_menu ul.level1 .menu-title {
    color: #AFAEAE;
    font-size: 14px;
}

.js-megamenu-off-canvas .jux-closed {
    color: #AFAEAE !important;
}

.close_menu {
    position: absolute;
    top: 15px;
    right: 15px;
}

.hide-block {
    line-height: 22px;
    font-weight: bold;
    font-size: 16px;

}

.moduletable_menu h3 {
    display: none;
}

.breadcrumb_wrapp .breadcrumb {
    background-color: #fff;
    margin-top: -40px;
}

.mob_menu .none #js-mainnavcss3.megamenu {
    background: transparent;
}

.mob_menu .js-megamenu-off-canvas#js-meganav-off-canvas {
    margin-top: -60px;
}

/*CONTENT*/
#aside .row {
    margin-left: 0;
}

.col-xs-3 {
    padding-right: 0 !important;
    padding-left: 5px;
}

.col-xs-9 {
    padding-left: 5px;
}
#content h3 {
	font-weight: bold;
	font-size: 26px;
	color: #322E42;
	margin-top: 30px;
}
#content h3,
.item-page .page-header h2,
.blog h2 {

    /*
	 	
    line-height: 25.71428572px;
    color: #2f72b1;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #2f72b1;
*/
}
#content .kurstable {
	margin-top: 30px;
}
.kurstable-date {
	font-size: 18px;
	margin-bottom: 30px;
}

.bd-tagstyles {
    margin-top: 30px;
}

.bodytable a {
    color: #28370d;
}
.kurstable {
	margin-bottom: 2px;
}
.head {
	background: #FFE000;;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	line-height: 50px;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
#aside .head {
	line-height: 43px;
}
#content .kurstable > div:first-child {
	border-top-left-radius: 15px;
	overflow: hidden;
}
#content .kurstable > div:last-child {
	border-top-right-radius: 15px;
	overflow: hidden;
}
.valute1,
#content .valute1 {
    background-color: #dedede;
    font-size: 32px;
    text-align: center;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 600;
    margin: 2px 0;
    padding: 20px 0;
}

.valute1 p,
.value1 p {
    margin: 0;
}

.value1 {
    background-color: #fff;
    font-size: 32px;
    text-align: center;
    font-family: 'Open Sans', Sans-Serif;
    font-weight: 500;
    padding: 20px 0;
    margin: 2px 0;
}

.value2 {
    padding: 0;
}

.value {
	font-weight: 700;
    font-size: 36px;
}

#aside .moduletable h3,
#aside .page-header {
	font-weight: 700;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #fff;
	text-align: center;
	background: #83C608;
	padding: 10px 0;
	border-radius: 10px 10px 0px 0px;
	margin-bottom: 0;
}

#aside .moduletable .custom,
#aside .exchange-calc {
    background-color: #fff;
    padding: 8px;
}
#aside .exchange-calc {
	border-radius: 0 0 10px 10px;
}

.mdl_btn {
	font-size: 19px;
}

.mdl_btn a {
	display: block;
	color: #65960C;
	padding: 20px 0;
	transition: .3s;
}
.mdl_btn a:hover {
	background: #65960C;
	color: #fff;
}
ul.qvest a {
    color: #000;
    font-size: large;
}

.qvestitle {
    padding: 5px 10px 10px 5px;
}

.text-label {
    font-size: 18px;
}

.request .text-label {
    cursor: pointer !important;
}

.switcher {
    position: absolute;
    top: -8px;
    left: -3px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    -webkit-transition: left .15s ease-out;
    transition: left .15s ease-out;
    background-image: -webkit-linear-gradient(270deg, #a6f514 0%, #a2f50a 14%, #7cba08 100%) !important;
}

.subscribe-btn-1 {
    display: inline-block;
    color: inherit;
    border: none;
    padding: 0;
    padding: 7px 20px;
    background-image: -webkit-linear-gradient(270deg, #a6f514 0%, #a2f50a 14%, #7cba08 100%) !important;
    margin: 20px 0;
}

.input__field {
    max-width: 90%;
    margin-bottom: 5px;
}

.telegram {
    text-align: center;
    font-size: 14px;
    font-family: arial black;
    color: #AB3D22;
    width: 300px;
    margin-left: auto !important;
    margin-right: auto !important;
    border: solid 2px;
    padding: 5px;
    background: #fff;
    margin-top: 15px;
}

.bigtext {
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
}

p.tel a {
    font-size: 20px;
    color: #000;
}

.telegram_channel p {
    margin: 0;
}

.telegram-header {

    display: flex;
    font-family: arial black;
    color: #AB3D22;
    margin-left: auto;
    /*    border: solid 2px;*/
    /*    background: #fff;*/
    line-height: 11px;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    max-width: 225px;
    border-radius: 5px;
}

/*
.telegram_bg {
	 -webkit-animation: blink 3s infinite;
     -moz-animation:    blink 3s infinite;
     -ms-animation:     blink 3s infinite;
}

@-webkit-keyframes blink {
        0%   { background-image: url(../img/button.jpg);}
        50%  { background-image: url(../img/button_2.jpg);}
        100% { background-image: url(../img/button_3.jpg);}
}
@-moz-keyframes blink {
        0%   { background-image: url(../img/button.jpg);}
        50%  { background-image: url(../img/button_2.jpg);}
        100% { background-image: url(../img/button_3.jpg);}
}
@-ms-keyframes blink {
        0%   { background-image: url(../img/button.jpg);}
        50%  { background-image: url(../img/button_2.jpg);}
        100% { background-image: url(../img/button_3.jpg);}
}
*/
.menu_bg {
    transition: 6s, ease-in;
}



.footer_contact p {
    color: #fff;
    text-align: center;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.login_block {
    padding-top: 5px;
}

.ta {

    height: 0;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    /* margin: 5px;*/
}

.separated-item-30 {
    padding: 0 25px;
}

.header_top .moduletable,
.header_top .custom,
.header-contact,
.header-contact .row {
    height: 100%;
}

.mod-languages li {
    list-style: none;
}

.item-page hr {
    opacity: 0 !important;
}

.item-page h2,
.item-page h1 {
    margin-top: 20px;
    margin-bottom: 10px;
}

#main_page_block p {
    line-height: 21px;
    font-size: 16px
}

.exchange-calc .btn-group {
    position: relative;
		width: 100%;
    display: inline-block;
    vertical-align: middle;
}
.exchange-calc #btn-buy,
.exchange-calc #btn-sell {
	width: 50%;
	text-align: center;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
}
.exchange-calc #btn-buy.active,
.exchange-calc #btn-sell.active {
	box-shadow: inset 1px 3px 4px rgba(0, 0, 0, 0.25);
}
.exchange-calc #btn-buy,
.exchange-calc #btn-sell,
.btn-group .btn-primary {
	border-width: 0;
	padding: 0;
	color: #ffffff;
	background-color: #A8BF00;
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	margin-bottom: 15px;
	padding: 10px 15px;
	background-image: none;
	text-shadow: none;
}

.btn-group .btn-primary:hover,
.btn-group .btn-primary.active {
    background-color: #98A91C
}

.sell-outer input,
.buy-outer input,
buy-outer select,
.text-label-get input,
.input__field,
.calendar-date1 input,
.control-group input {
	display: block;
	width: 100%;
	height: 40px !important;
	padding: 8px 10px;
	font-size: 18px;
	line-height: 1.42857143;
	color: #322E42;
	background-image: none;
	border: 1px solid #DBDFEC;
	font-family: 'Open Sans', sans-serif;
}
select {
	border-color: #DBDFEC;
	color: #322E42;
}
.control-group textarea {
    width: 100%;
}

.rating_block input[type="radio"] {
    opacity: 0 ! important;
}

.control-label {
    font-size: 15px;
}

.control-group .invalid {
    color: #28370d;
    font-weight: 400;

}

.well .custom {
    padding: 10px;
}

.ex_modal {
    overflow: unset !important;
    max-width: 800px !important;
    max-height: 530px;
}

.jquery-modal .modal {
   top: 10%;
   left: 28%;
   margin-left: 0;
}

.switch-btn {
    display: inline-block;
    color: inherit;
    border: none;
    padding: 0;
    outline: inherit;
    vertical-align: middle;
    position: relative;
    width: 40px;
    height: 12px;
    margin: 0 18px 0px 18px !important;
    overflow: visible;
    border-radius: 6px;
    background-color: #fff !important;
    cursor: default;
    border: 1px solid #cccccc;
}

#pokupka1,
#prodaja1,
.switch-input-1,
.switch-input-2 {
    position: absolute;
    left: -9999px;
}

.request .text-label {
    cursor: pointer !important;
}

.text-label-get {
    /* max-width: 90%; */
    font-size: large;
    display: block;
    margin-top: 10px;
}

.text-label {
    display: inline-block;
    font-size: 18px;
}

.wpapper-block-reques-1 {
    font-size: x-large;
    margin: 25px;
}

.wpapper-block-reques-2 {
    font-size: large;
    font-weight: 700;
    margin: 10px 0;
}

.calculator .row {
    margin-top: 30px;
}

.title-request {
    text-align: center;
    margin-bottom: 20px;
}

.cross_course,
.schedule {
    margin-top: 30px;
}

.read-next {
    color: #a8bf00;
    font-size: 16px;

}

.read-next:hover,
.read-next:focus {
    color: #7bae23;
}

#content .easy_entrylink h3 {
    color: #555;
    line-height: 42.85714287px;
    font-size: 30px;
    font-weight: 300;
    border-bottom: 0;
    text-transform: none;
}

.icon-location {
    display: none !important;
}

.breadcrumb_wrapp .breadcrumb>li+li:before {
    content: " ";
}

.item h2 {
    font-size: 16px;
    min-height: 67px;
    margin-top: 20px;
}

#content .course_block h3 {
    color: #28370d;
    border-bottom: 0;
}

span.tel a {
    color: #000;
    font-weight: 600;
}

h2.qvest {
    font-size: 26px;
    font-weight: 400;
}

.qvestotvet {
    padding: 10px;
}

.qvest li {
    padding-bottom: 10px;
}

#btn {
    background-color: #a8bf00;
    ;
    text-decoration: none;
    color: #ffffff;
    background-image: none;
    border: 0;
    padding: 7px 20px;
    font-size: 14px;
}

#btn:hover {
    background-color: #cde326;
}

.bigtext {
    text-transform: uppercase;
    font-size: 18px;
    text-align: center;
}

.input-prepend span {
    background: transparent !important;
    border: 0 !important;
}

.icon-user:before {
    content: "\22";
    font-size: 16px;
}

#form-login-remember label {
    padding-top: 7px;
    margin-left: 10px;
}

.blocker {
    z-index: 5 !important;
}

.hide-block a {
    color: #28370d;
    font-weight: 400;
}

.stock_course .value2 {
    line-height: 50px;
}

.header_menu .mod-list li .menu_bg:hover {
    background-image: none;
}

.contact_page {
    display: flex;
}

.contact_page .col-md-6:first-child {
    display: flex;
    align-items: center;
}

.wrapp_bigtext .bigtext {
    line-height: 35px;
}

.bigtext:last-child a {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}

.phone_mob {
    display: none;
}

.wrapp-mob-phone .mod-languages {
    display: inline-block;
}

.wrapp-mob-phone .lang-inline,
.wrapp-mob-phone {
    display: flex;
}

.wrapp-mob-phone {
    justify-content: flex-end;
    height: 100%;
    align-items: center;
    padding: 0 20px;
}

.wrapp-mob-phone .mod-languages li {
    padding-left: 10px;
}

.wrapp-mob-phone .lang-inline {
    margin: 0 0 0px 25px;
}

.wrapp-mob-phone .lang-inline img {
    width: 27px;
}
.call_tel {
	text-align: center;
}
.call_tel a {
    color: #83C608;
		font-weight: bold;
    font-size: 18px;
}
.call_tel a img {
	margin-top: -5px;
	margin-left: 5px;
}


/*FOOTER*/

.footer img {
    padding: 10px 0;
}

.copyright p {
    font-size: 16px;
    font-weight: 700;
}


.easy_frame {
    border: #ededed solid 1px;
    background-color: #FFFFFF;
}

.easy_frame:hover {
    -webkit-box-shadow: 0px 0 10px 0 rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 0 10px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0px 0 10px 0 rgba(0, 0, 0, 0.35);
}

.easy_top {
    background-color: #f7f7f6;
    height: 30px;
}

.easy_top_left {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    float: left;
}

.easy_top_right {
    float: right;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.easy_top_right_admin {
    float: right;
    margin-left: 10px;
}

.easy_big {
    font-size: 16px;
    vertical-align: middle;
}

.easy_small {
    font-size: 12px;
    vertical-align: middle;
    padding-left: 10px;
}

.easy_small_red {
    color: #e8523e;
    font-size: 9px;
}

.easy_small_notice {
    font-size: 0.85em;
    padding-left: 50px;
}

.easy_pagination {
    font-size: 14px;
    text-align: center;
    display: block;
    margin-top: 16px;
}

div.easy_pagination {
    text-align: center;
    display: block;
    margin-top: 16px;
}

div.easy_pagination li {
    display: inline !important;
    padding: 0 5px !important;
}

div.easy_pagination li.disabled a {
    color: #DBD9D9;
}

div.easy_pagination li.active a {
    font-weight: bold;
}

.easy_align_middle {
    vertical-align: middle;
    padding-right: 1px;
}

.easy_admincomment {
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    padding-bottom: 15px;
    margin-bottom: 8px;
    background-color: #fafafa;
    border-right: #ededed solid 5px;
    border-left: #ededed solid 5px;
    background-image: url(../img/entry_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    color: #666666;
}

.easy_contact {
    margin-left: 10px;
    text-align: left;
    margin-right: 10px;
    margin-top: 8px;
    padding: 5px;
    padding-bottom: 10px;
    background-color: #fafafa;
    border-right: #ededed solid 5px;
    border-left: #ededed solid 5px;
    position: relative;
    background-image: url(../img/entry_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

.easy_content {
    margin-left: 10px;
    text-align: left;
    margin-right: 10px;
    margin-top: 8px;
    padding: 10px;
    padding-bottom: 15px;
    margin-bottom: 8px;
    background-color: #fafafa;
    border-right: #ededed solid 5px;
    border-left: #ededed solid 5px;
    background-image: url(../img/entry_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

.easy_title {
    margin-left: 10px;
    text-align: left;
    margin-right: 10px;
    margin-top: 8px;
    padding: 10px;
    padding-bottom: 15px;
    margin-bottom: 8px;
    background-color: #fafafa;
    border-right: #ededed solid 5px;
    border-left: #ededed solid 5px;
    background-image: url(../img/entry_bg.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    font-size: 130%;
    font-weight: bold;
}

.easy_entrylink {
    padding-top: 20px;
}

.easy_intro {
    margin-top: 30px;
}

.easy_entries {
    margin-top: 30px;
}

.easy_center {
    text-align: center;
}

#easybook {}

#easyfooter {
    margin-top: 10px;
    font-size: 90%;
    text-align: center;
}

#easyfooterinv {
    margin-top: 10px;
    font-size: 90%;
    text-align: center;
    display: none;
}

#easybook span.pagination {
    text-align: center;
    display: block;
}

#easybook h2 {
    margin: 0;
}

#easybook p.clr {
    clear: none;
}

#easybook dl {
    margin: 0;
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}

#easybook p.date {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #5F5F5F;
}

#easybook p.rate {
    float: right;
    margin: 0;
    padding: 0;
    margin-right: 10px;
}

#easybook dt {
    float: left;
}

#easybook dt strong {
    display: block;
    margin-left: 5px;
}

#easybook dt em {
    margin: 0;
    padding: 0;
    font-size: 12px;
    margin-left: 5px;
}

#easybook dd {
    min-height: 40px;
    height: auto !important;
    height: 40px;
    margin-left: 150px;
}

#easybook a span {
    display: none;
}

#easybook a.hp {
    float: left;
    display: block;
    height: 16px;
    width: 16px;
    margin-top: 3px;
    margin-right: 2px;
}

#easybook img.msn {
    float: left;
    display: block;
    height: 16px;
    margin-right: 2px;
    width: 16px;
}

#easybook div.view {
    height: 50px;
}

#easybook a.view {
    float: right;
}

#easybook div.sign {
    height: 20px;
}

#easybook a.sign {
    float: right;
}

#easybook a.sign img {
    vertical-align: middle;
    padding-left: 3px;
}

#easybook a.email {
    float: left;
    display: block;
    height: 16px;
    width: 16px;
    margin-top: 3px;
    margin-right: 2px;
}

#easybook a.icq {
    float: left;
    display: block;
    height: 16px;
    width: 16px;
    margin-right: 2px;
    margin-top: 3px;
}

#easybook a.aim {
    float: left;
    display: block;
    height: 16px;
    width: 16px;
    margin-top: 3px;
    margin-right: 2px;
}

#easybook a.yah {
    float: left;
    display: block;
    height: 16px;
    margin-top: 3px;
    margin-right: 2px;
    width: 16px;
}

#easybook a.skype {
    float: left;
    display: block;
    height: 16px;
    width: 16px;
    margin-top: 3px;
    margin-right: 2px;
}

#easybook div.stars {
    margin-top: 6px;
}

#easybook fieldset#form {
    border: 0;
    width: 460px;
}

#easybook fieldset#form legend {
    display: none;
}

#easybook fieldset#form p {
    margin: 0;
    font-size: 13px;
    margin: 18px;
}

#easybook fieldset#form label {
    display: block;
    width: 7em;
    float: left;
}

#easybook fieldset#form input {
    width: 245px;
}

#easybook fieldset#form textarea {
    width: 245px;
}

#easybook fieldset#form input.button {
    padding: 0;
    width: 60px;
    cursor: pointer;
}

#easybook p.admincomment {
    margin: 0;
    padding: 0;
    border-top: 1px solid #5F5F5F;
    margin-top: 6px;
}

#easybook div#bbcode {
    margin-left: 105px;
}

#easybook #smile {
    float: right;
    margin-top: 15px;
}

ul.pagination {
    font-size: 14px;
    text-align: center !important;
}

#easybook pre {
    font: 1.2em/1.5 "Courier News", monospace;
    margin: 0;
    padding: 8px;
    background: none repeat scroll 0 0 #F6F6F6;
    border-left: 5px solid #999999;
}

#easybook tr,
#easybook td {
    border: none !important;
    padding: 5px !important;
}

#easybook a.star:hover {
    text-decoration: none !important;
    background-color: transparent !important;
}

#easybookvotetip {
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 3px;
}

#easybook .smilies img {
    margin-right: 5px;
}
.time-desrc {
	margin-bottom: 120px;
}
.time-desrc__text {
	font-weight: bold;
	font-size: 18px;
	color: #83C608;
}
.main-info {
	margin-bottom: 120px;
}
.main-info__top {
	margin-bottom: 120px;
}
.main-info__top p {
	max-width: 870px;
}
.main-info__top img {
	display: block;
	margin-top: 30px;
}
.main-advantages .h2 {
	font-weight: normal;
	text-align: center;
}
.main-advantages__flex {
	margin-top: 90px;
}
.main-advantages__item {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 -15px 60px;
}
.main-advantages__item:last-child {
	margin-bottom: 0;
}
.main-advantages__item--revers {
	flex-direction: row-reverse;
}
.main-advantages__item > * {
	width: 50%;
	padding: 0 15px;
}
.main-advantages__title {
	margin-top: 0;
}
.main-advantages__img img {
	border-radius: 10px;
}
.main-advantages__phones {
	margin-left: 0;
}
.main-advantages__phones li a {
	display: block;
	padding: 5px 0;
	font-weight: bold;
	font-size: 16px;
	color: #02D177;
}
.main-advantages__list li {
	padding: 3px 0;
	font-size: 16px;
}
.date-calc {
	margin-bottom: 15px;
}
.switch-calc {

}
.kurs-nbu {
	border: none;
}
.well.kurs-nbu {
	border-radius: 10px;
	margin: 20px 0;
	padding: 0 !important;
}
.well.aside-advantage__wrap {
	border: none;
	padding: 0 !important;
}
.well .custom.aside-advantage__wrap {
	padding: 0;
	border: none;
}
.aside-advantage__content {
	padding: 0 15px;
}
.aside-advantage__item {
	position: relative;
	padding: 10px 0;
	color: #322E42;
	padding-left: 30px;
	border-bottom: 1px solid #DBDFEC;
}
.aside-advantage__item:last-child {
	border: none;
}
.aside-advantage__img {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.aside-advantage__text {
	margin: 0;
}
.about {
    font-size: 16px;
    line-height: 2;
}
p.link a {
    color: #fff;
}
.footer_logo img {
	height: 65px;
}
.copyright .link a {
	font-size: 14px;
	font-weight: normal;
}
.block_address__big {
	font-weight: bold;
	font-size: 16px;
}
.footer-phone li {
	margin-bottom: 10px;
}
.footer-phone li:last-child {
	margin-bottom: 0;
}
.footer-phone a {
	color: #fff;
	font-weight: bold;
	font-size: 14px;
}

/* ===== legacy-media.css ===== */
/*
 * Стилі сайту (адаптив)
 *
 * Перенесено як є з templates/bestrate старого сайту (legacy/template_bestrate/css).
 * Правити тут, а не в legacy/ — там довідкова копія.
 * Шляхи до картинок переписані на assets/img.
 */


    

@media(max-width: 1200px) {
	.row-fluid #content {
    width: 74.468085%;}
	
		.jquery-modal .modal {
    top: 5%;
    left: 11%;
}
    .title-news {
        font-size: 15px;
    }
    .social-icons {
        text-align: left;
    }
    .social-icons img {
        margin: 0;
    }
    .login-wrapper {
        margin-left: 10%;
    }
    .main-content .col-md-3 {
    padding-right: 10px;
    padding-left: 10px;
        
    }
    .page-header h2 {
        font-size: 16px;
    }
    .wrapp-exchange, 
    .wrapp-adress,
    .telephone-image span {
         font-size: 14px;
    }
    .wrapp-exchange {
        text-align: center;
    }
    .calendar-date1 {
        width: auto;
    }
    .footer p{
       font-size: 12px; 
    }
    .footer img {
     width: 75%;
     margin-left: 10px;
    }
}
@media(max-width: 1024px)  {
	.jquery-modal .modal {
    top: 5%;
    left: 11%;
}
	.calculator .row {
		display: flex;
	}
}
@media (max-width: 979px) {
	.jquery-modal .modal {
   top: 10%;
   margin-left: 0;
}
}

@media(max-width: 823px) {
	.request .text-label,
	.request .text-label-get{
    font-size: 15px;
}
	.request .text-label-get input, 
	.input__field{
	height: 25px !important;
	}
	.wpapper-block-reques-1 {
    font-size: 18px;
    margin: 0px;
}
	.subscribe-btn-1 {
		margin: 0;
	}
	.jquery-modal .modal {
    top: 0;
}
	.header_menu li a, .header_menu .mod-list li.divider {
    padding: 10px !important;
}
}

@media(max-width: 768px) {
	.header-contact {
		flex-direction: column;
	}
	.header-contact__address {
		display: none;
	}
	.header-contact__phone {
		margin-left: auto;
		margin-bottom: 10px;
	}
	.header-contact__phone a {
		display: block;
	}
	.row-fluid .span3,
	.row-fluid .span6 {
			width: auto;
	}
	
	.hide-exchange {
			display: none;
	}
	.wrapp-adress {
			font-size: 13px;
			text-align: right;
	}
	.page-header h2 {
	font-size: 15px;
	}
	.well h3 {
	font-size: 16px;
	}
	.title-news {
			padding: 10px 0;
	}
	body,
	.header_menu .container {
		padding-left: 0 !important;
		padding-right: 0 !important; 
	}
	.row {
		margin-right: 0;
	}
	.header_menu .col-lg-8 {
		position: relative;
	}
	#openmenu {
		padding: 10% 0;
	}
	.sidenav,
	.overlay {
    top: -5px;
	}
	.openmenu {
		padding-left: 10px;
	}
	.mdl_btn {
		font-size: 16px;
	}
	.header-contact .col-sm-6 {
		justify-content: flex-end;
	}

	.head {
		font-size: 12px;
	}
	.main-advantages__item > * {
		width: 100%;
	}
	.footer-phone {
		margin: 20px auto 0;
		text-align: center;
	}
}

@media (max-width: 736px) {
	.row-fluid #content {
    width: 100%;
		margin-top: 175px;
  }
	.hide-block {
        visibility: hidden;
        position: absolute !important;
    }
/*
.login_block {
		display: none;
	}
*/
	.header {
		position: fixed;
		z-index: 1;
		width: 100%;
	}
	.jquery-modal .modal {
    top: 1%;
    left: 2%;
}
	#btn-buy,
   .btn-group > .btn.active {
		z-index: 0 !important;
	}
	#deys1 {
		font-size: 16px;
	}
	.wpapper-block-reques-1 {
		margin: 10px;
	}
	.input__field,
	.text-label-get input{
		height: 26px !important;
	}
	.wpapper-block-reques-2 {
		    font-size: 16px;
	}
	.subscribe-btn-1 {
		margin: 0;
	}
/*
	.telegram_block .col-xs-2 {
	display: none;
}
*/
		p.tel a {
    font-size: 16px;
}
		p.tel a {
    font-size: 16px;
}
}
@media (max-width: 667px) {
	.bigtext {
	font-size: 16px;
	}
	.currorder_pretext p {
		font-size: 12px;
	}
	.text-label {
    font-size: 12px;
}
 .text-label-get,
 .request-put-get-1{
		font-size: 13px;
	}
	.wpapper-block-reques-1 {
    margin: -5px 0 0 0;
}
	.input__field {
	margin-bottom: 4px !important;
	}
	.telegram {
		 font-size: 12px;
		 padding: 0px;
	}
}
@media (max-width: 640px) {
	.calculator .row {
    margin-top: 5px;
}
	.title-request {
    text-align: center;
    margin-bottom: 10px;
}
	.text-label-get {
		margin-top: 5px;
	}
	.wrapp_logo img {
    margin: 10px 0;
}
}

@media (max-width: 414px) {
	.rstbox-content .telephone-image {
		display: block;
	}
	/* .telephone-image {
		display: none;
	} */
	.phone_mob {
		display: block;
	}

	div.modal {
		min-height: 720px;
	}
	.calculator .row {
		 display: block;
	}
		.row-fluid #content {
    width: 100%;
		margin-top: 154px;
  }
    .wrapp_logo img {
    width: 100%;
    margin: 10px;
}
    .login_block img {
			width: 27px !important;
			height: 27px !important;
    }
	
	
    .footer .col-xs-12:first-child {
        display: flex;
        justify-content: center;
        padding: 20px 0;
    }
    .header-contact .col-xs-12 {
		  padding-right: 10px; 
		justify-content: flex-end;
    }
	.head {
		font-size: 8px;
	}
	 .valute1 p,
	.value1 p{
		  font-size: 16px;
	}
	.value1,
	.valute1{
		padding: 15px 0 !important;
	}
	
	.mdl_btn {
   margin: 0px;
   font-size: 12px;	
	}
	.mdl_btn a {
		padding: 15px 0;
	}
	.value2 {
    padding: 0px 0 !important;
}
	.breadcrumb_wrapp span {
		font-size: 12px;
	}
	#content {
		padding: 10px;
	}
	.jquery-modal .modal {
		left: 3%;
	}
	h2.qvest {
		font-size: 20px;
	}
	.add-on + #modlgn-username, .add-on + #modlgn-passwd {
    width: 250px !important;
}
	.contact_page {
		flex-direction: column;
	}
	.contact_page .col-md-6 {
		margin-bottom: 20px;
	}
	.telegram-header {
		max-width: none;
	}
	.wrapp_telegram_bg {
		padding: 0 30px;
	}
	.btn-group .btn-primary {
		padding: 7px 5px;
	}
} 

@media (max-width: 375px) {
	.jquery-modal .modal {
		left: 0;
	}
	.modal {
		padding: 15px 0px !important;
	}
	#content h1 {
		font-size: 22px
	}
	.jquery-modal .modal {
	 top: 2%;
    left: 12px;
}
	.currorder_pretext .bigtext {
		font-size: 14px;
	}
	.calculator .row {
    margin-top: 15px;
}
	.text-label {
    font-size: 16px;
}
	
	.wpapper-block-reques-1 {
    margin: 0px;
}
	.currorder_pretext p{
		line-height: 14px;
		margin: 0 0 2px;
	}
	div.modal {
    min-height: 600px;
}
	#currorder_form1 {
		padding-left: 20px;
	}
	
}
@media (max-width: 360px) {
	
	#content {
    padding: 5px;
}
  #content h3 {
    font-size: 17px;
  }
	.mdl_btn {
		font-size: 10px;
	}
	
	calculator {
		margin-top: 18px;
	}

	div.modal {
    min-height: 613px;
}
	.btn-group .btn-primary {
    padding: 7px 2px;
}
	.breadcrumb {
		padding: 8px 0px !important;
	}
	.currorder_pretext .bigtext {
    font-size: 14px;
}
	.title-request {
    margin-bottom: 7px;
}
	.wpapper-block-reques-1 .request-put-get-1 {
    font-size: 12px;
}
	.telegram span {
		font-size: 12px;
    line-height: 12px;
	}
	.telegram {
		padding: 0px;
	}
	
	.currorder_pretext {
		padding: 10px;
	}
	.calculator .row {
    margin-top: 0px;
}
}

@media (max-width: 320px) {
	.icon-bar {
	width: 32px !important;
	}
    .header-contact .col-xs-12,
    .header_menu .col-xs-3 {
        padding-left: 0; 
    }
    .header_menu .col-xs-9 {
        padding-right: 0; 
    }
   
    .openmenu {
        margin-top: 6px;
    }
    #content h3 {
    font-size: 15px;
}
    .head {
        font-size: 11px;
    }
    .valute1, .value1 {
    font-size: 17px;
}
	.telephone-image{
		margin-right: -12px;
	}
	.telephone-image a img {
		width: 13px;
	}
	.telegram_channel p {
		font-size: 9px;
	}
	#content h3, .item-page .page-header h2, .blog h2  {
		font-size: 16px ;
	}
	
	.text-label {
    font-size: 15px;
}
	label, input, button, select, textarea  {
		line-height: 14px;
	}
	
	.valute1 p, .value1 p {
    font-size: 17px;
}
	div.modal {
    min-height: 545px;
}
	.calculator .row {
    margin-top: 10px;
}
	
	.breadcrumb_wrapp span {
    font-size: 10px;
}
	.currorder_pretext .bigtext {
    font-size: 10px;
}
	.calculator {
		margin-top: -10px;
	}
	.title-request {
		display: none;
	}
	.text-label,
	.request-put-get-1,
	#deys1{
    font-size: 13px;
}
	.text-label-get {
		    margin-top: 5px;
	}
	.wpapper-block-reques-2 {
    font-size: 13px;
	margin: 5px 0;
}
	.currorder_pretext {
    padding: 0px;
}
	.telegram {
		width: 275px;
	}
}

/* ===== theme.css ===== */
/*
 * Bestrate — власні доповнення до перенесених стилів.
 *
 * Базова верстка живе в legacy.css і legacy-media.css (стилі старого сайту).
 * Тут — тільки те, чого там немає: правила замість інлайнових стилів Joomla
 * і дрібниці, які на старому сайті трималися на розмітці модулів.
 *
 * Кольори винесені в змінні, щоб не шукати їх по 26 КБ legacy.css.
 */

:root {
	--br-green: #a8bf00;
	--br-green-menu: #83c608;
	--br-green-light: #a6f514;
	--br-dark: #322e42;
	--br-bg: #f4f6f7;
	--br-grey: #ededed;
	--br-border: #dbdfec;
	--br-white: #fff;
}

/* ---------- Базова типографіка ----------
   Старий сайт вантажив ще template.css (protostar, 176 КБ) — ми його НЕ
   переносимо, там 99 % чужого добра. Але звідти йшов базовий line-height 18px:
   без нього Bootstrap лишає свої 1.43, і шапка з меню стають на 5 px вищими
   за оригінал. Тому беремо звідти рівно те, що впливає на верстку. */

body.site {
	line-height: 18px;
}

/* ---------- Випадайка меню: відступ списку ----------
   Старий сайт стояв на Bootstrap 2, ми — на 3, і між ними є тиха різниця:
   у другого був глобальний скид `ul, ol { padding: 0 }`, у третього його
   немає. Через це браузерні 40 px відступу лишались у списку випадайки, вона
   ставала на 40 px вужчою за свої 300, і довгі пункти («Курс польського
   злотого – PLN») переносились на два рядки: пункт роздувався з 48 до 66 px,
   а смуга наведення тягнулась на всю цю висоту.

   Виміряно на живій сторінці: там у всіх списків padding-left = 0, у пункті
   випадайки ширина 298 і висота 48. Скидаємо відступ там, де це видно, а не
   всюди: глобальний скид зачепив би ще й верхнє меню (у Bootstrap 3 воно
   тримається на власних відступах) і списки в текстах статей. */
.header_menu .nav-child {
	padding: 0;
	list-style: none;
}

/* Картинки не ширші за колонку. На живому сайті це правило приходить із
   template.css; без нього фото в тексті вилазять за екран на телефоні —
   видно тільки виміром, бо `overflow-x: hidden` на body їх обрізає. */
img {
	max-width: 100%;
	height: auto;
}

/* Те саме для карти: у контенті вона вставлена з жорсткою шириною. */
iframe {
	max-width: 100%;
}

/* ---------- Сітка .row-fluid ----------
   Друга річ, потрібна з template.css. На мобільному шапка стає fixed
   (legacy-media.css), а компенсує це відступ у `.row-fluid #content` — без
   цієї сітки контент і підвал заповзали під меню, і лого в підвалі різалось.
   Ширини — ті самі, що в оригіналі: контент 78,5 %, колонка збоку 23,4 %. */

.row-fluid {
	width: 100%;
}

.row-fluid::before,
.row-fluid::after {
	display: table;
	line-height: 0;
	content: "";
}

.row-fluid::after {
	clear: both;
}

.row-fluid [class*="span"] {
	display: block;
	float: left;
	width: 100%;
	min-height: 28px;
	margin-left: 2.127659574%;
	box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
	margin-left: 0;
}

.row-fluid .span9 {
	width: 78.468085%;
}

.row-fluid .span3 {
	width: 23.404255317%;
}

/* Стрічка новин іде по дві статті в рядок — це span6. */
.row-fluid .span6 {
	width: 48.936170208%;
}

/* Від 1200 px protostar міняє сітку. Саме ці числа дають на живому сайті
   контент 918 px і бічну колонку 215 px при контейнері 1170 — зміряно
   на самій сторінці, а не взято з першого правила в template.css. */
@media (min-width: 1200px) {
	/* Контейнер на живому сайті 1180 px зовні (1170 всередині при полях 5 px).
	   Bootstrap 3 дає 1170 з полями 15 px — це на 30 px вужче, і вся сторінка
	   помітно звужується проти оригіналу. */
	.container {
		width: 1180px;
		max-width: 1180px;
		padding-right: 5px;
		padding-left: 5px;
	}

	.row-fluid .span3 {
		width: 18.404255317%;
	}

	.row-fluid .span6 {
		width: 47.936170208%;
	}

	.row-fluid #content {
		margin-left: 10px;
	}
}

/* До 767 px колонки стають одна під одною — інакше бічна лишається вузькою
   смужкою на пів екрана, і конвертер у ній обрізається. */
@media (max-width: 767px) {
	.row-fluid [class*="span"] {
		float: none;
		width: 100%;
		margin-left: 0;
	}
}
/* ---------- Шапка: телеграм-блок ----------
   На старому сайті ці правила стояли інлайном у самій розмітці модуля. */

.telegram-header .telegram_channel {
	display: flex;
	align-items: center;
}

/* Кнопка телеграму на живому сайті блимає: раз на секунду міняє тло, по колу
   з трьох картинок. Там це робив скрипт (`setInterval` у templates/bestrate/
   js/script.js), у legacy.css та сама анімація лежить закоментованою.
   Робимо її стилями: результат той самий, а сторінці не потрібен ще один
   скрипт. Три кадри по секунді — тому 3s і steps(1). */

.telegram_bg {
	background-image: url("../img/button.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	animation: bestrate-telegram 3s steps(1, end) infinite;
}

@keyframes bestrate-telegram {
	0% {
		background-image: url("../img/button.jpg");
	}

	33.33% {
		background-image: url("../img/button_2.jpg");
	}

	66.66% {
		background-image: url("../img/button_3.jpg");
	}
}

/* Хто просив систему не миготіти — тому не миготимо. */
@media (prefers-reduced-motion: reduce) {
	.telegram_bg {
		animation: none;
	}
}

.telegram-header .telegram_channel img {
	margin: 8px 6px;
	vertical-align: middle;
}

.telegram-header .telegram_channel p {
	margin: 0;
	color: var(--br-white);
}

.login_block img {
	margin: 5px;
	vertical-align: middle;
}

/* ---------- Заголовок сторінки ----------
   На живому сайті h1 у шапці сторінки — 26/28 px (зміряно). Bootstrap 3 дає
   36 px, і заголовок помітно більший за оригінал. */

.page-header h1 {
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: 700;
	line-height: 28px;
}

/* ---------- Доступність ---------- */

.screen-reader-text {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	white-space: nowrap;
}

/* ---------- Мобільна кнопка дзвінка ----------
   Розмітка й позиціювання уточнюються в 1.4 разом з головною. */

.call-sticky {
	display: none;
}

@media (max-width: 767px) {
	.call-sticky {
		position: fixed;
		right: 14px;
		bottom: 14px;
		z-index: 60;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 52px;
		height: 52px;
		background: var(--br-green-menu);
		border-radius: 50%;
		box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
	}

	.call-sticky__icon {
		width: 24px;
		height: 24px;

		/* Іконка намальована тим самим зеленим, що й кружечок під нею
		   (#83c608) — на ньому її просто не видно. Перефарбовуємо в біле. */
		filter: brightness(0) invert(1);
	}
}

/* ---------- Сторінка валюти ----------
   Час оновлення під заголовком на живому сайті набраний дрібним (8pt). */

.course_block .kurstable-date {
	margin: 0 0 14px;
	font-size: 11px;
	color: #646970;
}

/* ---------- Мобільна шапка (куратор 04.09, v2): бургер-меню.
   Кнопку вставляє theme.js (клас has-burger) — без JS меню лишається як було. ---------- */
@media (max-width: 767px) {
	.header_menu .container {
		flex-wrap: nowrap;
		align-items: center;
		padding: 0 10px !important;
	}

	.header_menu .col-lg-8 {
		flex: 0 0 auto;
		width: auto;
		padding: 0;
	}

	.header_menu .col-lg-4 {
		flex: 1 1 auto;
		width: auto;
		padding: 0;
		display: flex;
		justify-content: flex-end;
	}

	/* Кнопка-бургер (створює theme.js) */
	.bestrate-burger {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		padding: 10px 12px;
		font-size: 14px;
		font-weight: 700;
		letter-spacing: 0.04em;
		color: #fff;
		background: transparent;
		border: 0;
		cursor: pointer;
	}

	.bestrate-burger__icon {
		position: relative;
		width: 20px;
		height: 14px;
	}

	.bestrate-burger__icon::before,
	.bestrate-burger__icon::after,
	.bestrate-burger__icon span {
		content: "";
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background: #fff;
		border-radius: 2px;
		transition: transform 0.2s, opacity 0.2s;
	}

	.bestrate-burger__icon::before { top: 0; }
	.bestrate-burger__icon span    { top: 6px; }
	.bestrate-burger__icon::after  { top: 12px; }

	.has-burger.menu-open .bestrate-burger__icon::before { transform: translateY(6px) rotate(45deg); }
	.has-burger.menu-open .bestrate-burger__icon span    { opacity: 0; }
	.has-burger.menu-open .bestrate-burger__icon::after  { transform: translateY(-6px) rotate(-45deg); }

	/* Список меню: схований, відкривається кнопкою */
	.has-burger .mod-list {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 60;
		margin: 0;
		padding: 6px 0 10px;
		background: #7ab607;
		box-shadow: 0 14px 24px rgba(0, 0, 0, 0.25);
	}

	.has-burger.menu-open .mod-list {
		display: block;
	}

	.header_menu { position: relative; }

	/* Якір для випадаючого списку — сама зелена смуга, а не вузька колонка
	   (у Bootstrap .col-* position:relative — список розтягувався по ній). */
	.header_menu .col-lg-8.has-burger { position: static !important; }

	.has-burger .mod-list {
		max-height: 72vh;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.has-burger .mod-list > li,
	.has-burger .mod-list li.divider {
		display: block;
		margin: 0;
		background: transparent;
	}

	.has-burger .mod-list > li > a,
	.has-burger .mod-list li.divider > a {
		display: block;
		padding: 13px 18px !important;
		font-size: 15px;
		border-bottom: 1px solid rgba(255, 255, 255, 0.18);
		white-space: normal;
	}

	/* «Курс валют»: підсписок акордеоном по тапу */
	.has-burger .mod-list li.divider > span.separator {
		display: block;
		padding: 13px 18px;
		font-size: 15px;
		color: #fff;
		border-bottom: 1px solid rgba(255, 255, 255, 0.18);
		cursor: pointer;
	}

	.has-burger .mod-list li.divider > a::after,
	.has-burger .mod-list li.divider > span.separator::after {
		content: "▾";
		float: right;
		transition: transform 0.2s;
	}

	.has-burger .mod-list li.divider.sub-open > a::after,
	.has-burger .mod-list li.divider.sub-open > span.separator::after {
		transform: rotate(180deg);
	}

	.has-burger .nav-child {
		display: none;
		position: static;
		visibility: visible;
		opacity: 1;
		min-width: 0;
		width: 100%;
		margin: 0;
		box-shadow: none;
		border: 0;
		background: rgba(0, 0, 0, 0.12);
	}

	.has-burger li.divider.sub-open .nav-child {
		display: block;
	}

	.has-burger .nav-child a {
		color: #fff;
		font-size: 14px;
	}

	.has-burger .nav-child li a {
		padding: 11px 18px 11px 30px;
	}

	/* глушимо hover-показ, щоб не конфліктував з тапом */
	.has-burger .header_menu li.divider:hover .nav-child,
	.has-burger li.divider:hover .nav-child {
		visibility: visible;
	}

	/* ТГ-банер + вхід праворуч, компактно */
	.header_menu .col-lg-4 > .moduletable { width: auto; }
	.header_menu .col-lg-4 [class*="col-xs"] { width: auto; padding: 0; float: none; }
	.header_menu .col-lg-4 .row { display: flex !important; align-items: center; gap: 10px; margin: 0; }
	.header_menu .wrapp_telegram_bg img { width: 22px; height: 22px; margin: 4px !important; }
	.header_menu .telegram-header p { font-size: 11px; line-height: 1.2; margin: 0; }
}

/* ---------- Таблиця курсів на вузьких екранах (куратор 04.09):
   коди крос-курсів не влазили, таблиця виїжджала за лівий край. ---------- */
@media (max-width: 767px) {
	.kurstable,
	.bodytable {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.kurstable .col-xs-3,
	.bodytable .col-xs-3 {
		padding-left: 3px !important;
		padding-right: 3px !important;
	}

	.valute1 p {
		white-space: nowrap;
		letter-spacing: -0.02em;
	}
}

@media (max-width: 400px) {
	.valute1 p { font-size: 15px !important; }
	.value1 p  { font-size: 18px !important; }
	.kurstable .head { font-size: 10px; letter-spacing: 0; }
}

@media (max-width: 340px) {
	.valute1 p { font-size: 13px !important; }
	.value1 p  { font-size: 16px !important; }
	.btn_order { font-size: 13px; }
}

/* ---------- Дуже вузькі екрани ≤360 (iPhone SE та ін.): шапка й кнопки ---------- */
@media (max-width: 360px) {
	.header_top .container > [class*="col-"],
	.header-contact [class*="col-"] {
		padding-left: 6px;
		padding-right: 6px;
	}

	.header_top a[href^="tel:"],
	.header-contact a[href^="tel:"],
	.header_top .tel a,
	.header_top p {
		font-size: 13px !important;
		line-height: 1.3;
		white-space: nowrap;
	}

	.header_top .lang a,
	.header_top [class*="lang"] a,
	.header_top [class*="lang"] li {
		display: inline-block;
		font-size: 13px;
		margin: 0 3px;
	}

	.header_top [class*="lang"] ul { white-space: nowrap; }

	/* ТГ-банер: тільки іконка + короткий підпис в один рядок */
	.header_menu .telegram-header p {
		font-size: 10px;
		white-space: nowrap;
	}

	.header_menu .telegram-header p br { display: none; }

	.header_menu .wrapp_telegram_bg img {
		width: 18px;
		height: 18px;
		margin: 2px !important;
	}

	.bestrate-burger { padding: 10px 6px; }
	.bestrate-burger__label { font-size: 13px; }

	.btn_order,
	.bodytable .value2 a {
		padding: 6px 4px !important;
		font-size: 12px !important;
		white-space: nowrap;
	}
}

@media (max-width: 360px) {
	.header-contact__phone,
	.header-contact__phone a,
	.header-contact__phone p {
		font-size: 13px !important;
		line-height: 1.3 !important;
		white-space: nowrap;
	}

	.header-contact__lang,
	.header-contact__lang ul {
		white-space: nowrap;
	}

	.header-contact__lang li,
	.header-contact__lang a {
		display: inline-block;
		font-size: 13px;
		margin: 0 2px;
	}
}

@media (max-width: 360px) {
	.header-contact__phone,
	.header-contact__phone a,
	.header-contact__phone p {
		font-size: 12px !important;
		white-space: normal;
	}

	.header-contact__lang li,
	.header-contact__lang a {
		font-size: 12px;
		margin: 0 1px;
	}

	/* Telegram у смузі меню: лише іконка */
	.header_menu .telegram-header p { display: none; }
	.header_menu .wrapp_telegram_bg img { width: 26px; height: 26px; margin: 3px 6px !important; }
	.header_menu .telegram_bg { padding: 0 !important; }

	.btn_order,
	.bodytable .value2 a {
		padding: 6px 2px !important;
		font-size: 11px !important;
		letter-spacing: -0.02em;
		line-height: 1.2;
	}
}

@media (max-width: 360px) {
	.header-contact .row,
	.header_top .row {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.header-contact [class*="col-"] {
		padding-right: 8px !important;
	}

	.header-contact__phone,
	.header-contact__lang {
		overflow: visible;
		text-align: right;
	}

	.header-contact__phone a { display: block; }
}

@media (max-width: 375px) {
	/* legacy давав .telephone-image { margin-right:-12px } — виштовхувало телефони за край */
	.telephone-image { margin-right: 0 !important; }
	.wrapp_logo img { max-width: 150px; margin: 8px 0 !important; }
}

@media (max-width: 340px) {
	.header-contact__lang { padding-right: 14px !important; }
	.header-contact__lang li, .header-contact__lang a { font-size: 11px; margin: 0 1px; }
}

/* ---------- Коди валют у таблиці на мобільному: розмір від ширини колонки,
   перенос лише по «/» (у шаблоні <wbr>) — стійко до системного масштабу шрифту ---------- */
@media (max-width: 767px) {
	.valute1 p {
		font-size: clamp(12px, 4.4vw, 18px) !important;
		line-height: 1.1;
		white-space: normal;
		word-break: keep-all;
		overflow-wrap: normal;
		letter-spacing: -0.01em;
	}

	.value1 p {
		font-size: clamp(15px, 5.2vw, 22px) !important;
	}

	.valute1, .value1 {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 56px;
	}
}

/* ---------- Мобільна шапка: телефони крупніше, мови — чіпи (прохання Андрія 04.09) ---------- */
@media (max-width: 767px) {
	.header-contact__phone a {
		display: block;
		padding: 4px 0;
		font-size: 17px !important;
		font-weight: 700;
		line-height: 1.35 !important;
		color: #322e42;
		text-decoration: none;
		white-space: nowrap;
	}

	.header-contact__lang .lang-block {
		display: flex;
		justify-content: flex-end;
		gap: 8px;
		margin: 6px 0 0;
		padding: 0;
		list-style: none;
		white-space: nowrap;
	}

	.header-contact__lang .lang-block li {
		display: block;
		margin: 0;
		float: none;
	}

	.header-contact__lang .lang-block a {
		display: inline-block;
		min-width: 40px;
		padding: 7px 10px;
		font-size: 14px !important;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		color: #4a4f44;
		text-decoration: none;
		background: #f2f4ee;
		border: 1px solid #dfe4d6;
		border-radius: 8px;
	}

	.header-contact__lang .lang-block li.lang-active a {
		color: #fff;
		background: #83c608;
		border-color: #83c608;
	}
}

@media (max-width: 360px) {
	.header-contact__phone a { font-size: 15px !important; }
	.header-contact__lang .lang-block a { min-width: 34px; padding: 6px 7px; font-size: 13px !important; }
	.header-contact__lang .lang-block { gap: 5px; }
}

/* ---------- Мобільна шапка НЕ фіксована (куратор 04.09): legacy тримав .header fixed
   і компенсував відступом 175/154px — після збільшення шапки вона перекривала контент.
   Статична шапка = більше місця контенту, кнопка дзвінка й так завжди на екрані. ---------- */
@media (max-width: 767px) {
	.header { position: static !important; }
	.row-fluid #content { margin-top: 12px !important; }
	.header-contact__phone { padding-right: 10px; }
	.header-contact__lang { padding-right: 10px; }
}

/* ---------- Мобільна шапка v3 (Андрій 04.09): мови сховані в бургер, телефони — головне ---------- */
@media (max-width: 767px) {
	.header-contact__lang { display: none !important; }

	.header-contact__phone {
		padding-right: 10px;
		text-align: right;
	}

	.header-contact__phone a {
		display: block;
		padding: 6px 0;
		font-size: 20px !important;
		font-weight: 700;
		line-height: 1.2 !important;
		color: #322e42;
		white-space: nowrap;
	}

	.header-contact__phone a::before {
		content: "";
		display: inline-block;
		width: 18px;
		height: 18px;
		margin-right: 6px;
		vertical-align: -2px;
		background: #83c608;
		-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.37 2.3.57 3.6.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1L6.6 10.8z'/></svg>") center / contain no-repeat;
		mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25c1.1.37 2.3.57 3.6.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1L6.6 10.8z'/></svg>") center / contain no-repeat;
	}

	/* мови всередині бургер-списку */
	.has-burger .mod-list > li.bestrate-menu-langs {
		padding: 12px 18px 6px;
		background: rgba(0, 0, 0, 0.08);
	}

	.has-burger .bestrate-menu-langs .lang-block {
		display: flex;
		justify-content: flex-start;
		gap: 10px;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.has-burger .bestrate-menu-langs .lang-block li { display: block; margin: 0; float: none; background: transparent; }

	.has-burger .bestrate-menu-langs .lang-block a {
		display: inline-block;
		min-width: 48px;
		padding: 9px 12px;
		font-size: 14px;
		font-weight: 700;
		line-height: 1;
		text-align: center;
		color: #fff;
		border: 1px solid rgba(255, 255, 255, 0.5);
		border-radius: 8px;
		text-decoration: none;
	}

	.has-burger .bestrate-menu-langs .lang-block li.lang-active a {
		color: #322e42;
		background: #ffc824;
		border-color: #ffc824;
	}
}

@media (max-width: 360px) {
	.header-contact__phone a { font-size: 18px !important; }
}

/* Бургер і мови-в-меню — тільки для мобільного; на десктопі сховані (фікс 04.09 після запуску) */
@media (min-width: 768px) {
	.bestrate-burger,
	.bestrate-menu-langs { display: none !important; }
}