/*
Theme Name: Banki
Author: Я
Description: this is theme
Version: 1.0
*/
/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
  }
html { 
    font-family: 'Open Sans', sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 100%;
    width: 100%;
}
body { 
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    background: #ffffff;
    font-size: 17px;
    color: #000000; 
}
a {
    color: #1170af;
}
.rosadr-credit_widget {
    position: relative;
    text-align: center;
    top: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    top: 0px;
}
.rosadr-credit_widget img {
    width: 100%;
}
.rosadr-offer {
    border: 1px solid #e7eaec;
    display: flex;
    margin: 20px 10px;
}
.rosadr-offer .rosadr-picture {
    margin-right: 20px;
    display: flex;
    align-items: center;
    height: 120px;
    width: 235px;
    overflow: hidden;
}
.rosadr-offer .rosadr-picture img {
    padding: 10px;
    width: 150px;
    height: auto;
}
.rosadr-offer h2 {
    border-bottom: 1px solid #ddd;
    margin: 10px;
    background: #019d3c;
    color: #fff;
    text-align: center;
}
.rosadr-offer .rosadr-descr {
    width: 100%;
}
.rosadr-offer .rosadr-blockinfo {
    display: flex;
    justify-content: space-between;
}
.rosadr-offer .rosadr-blockinfo .rosadr-info {
    margin: 10px;
    width: 25%;
    text-align: center;
}
.rosadr-offer .rosadr-blockinfo .rosadr-info .rosadr-name {
    font-size: 20px;
    color: #019d3c;
}
.rosadr-offer .rosadr-blockinfo .rosadr-but {
    width: 25%;
}
.rosadr-offer .rosadr-blockinfo .rosadr-but a {
    text-align: center;
    background-color: #f59102;
    color: #fff;
    padding: 10px;
    margin: 10px;
    text-decoration: none;
    display: block;
}
.rosadr-offer .rosadr-blockinfo .rosadr-but:hover a {
    background-color: #f55902;
}
@media only screen and (max-width:630px){
    .rosadr-offer {
        display: block;
    }
    .rosadr-offer .rosadr-picture {
        margin: auto;
    }
    .rosadr-offer .rosadr-picture a {
        display: block;
        margin: 0px auto;
    }
    .rosadr-offer .rosadr-blockinfo .rosadr-info {
        width: 100%;
    }
}
@media only screen and (max-width:560px){
    .rosadr-offer .rosadr-blockinfo .rosadr-but {
        width: 100%;
    }
    .rosadr-offer .rosadr-blockinfo {
        flex-direction: column;
    }
}
.rosadr-wrapper {
    max-width: 1280px;
    width: 100%;
    margin: auto;
    padding: 0px 10px;
}
.rosadr-topback {
    background: url(./img/background.jpg) no-repeat 0px 50% / 100%;
}
.rosadr-topback .rosadr-logo {
    margin: 50px 20px;
}
.rosadr-headpanel {
    display: flex;
    width: 100%;
    background: #f3f1f1;
    font-size: 19px;
}
.rosadr-headpanel .rosadr-wrapper {
    display: flex;
}
.rosadr-headpanel .rosadr-mainmenu {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: flex;
}
.rosadr-headpanel .rosadr-mainmenu li a {
    color: #000;
    padding: 16px;
    padding-left: 20px;
    display: block;
    text-decoration: none;
}
.rosadr-headpanel .rosadr-phone {
    align-self: center;
    margin-left: auto;
    margin-right: 45px;
}
.rosadr-headpanel .rosadr-city, .rosadr-headpanel .rosadr-search {
    align-self: center;
    margin-right: 20px;
}
.rosadr-headpanel .rosadr-phone {
    position: relative;
}
.rosadr-headpanel .rosadr-phone::before, .rosadr-headpanel .rosadr-city::before {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    position: absolute;
    top: 0px;
    left: -30px;
    background: url(./img/phone.png) no-repeat;
}
.rosadr-headpanel .rosadr-city {
    position: relative;
   /* text-transform: uppercase;*/
}
.rosadr-headpanel .rosadr-city::before {
    background: url(./img/map.png) no-repeat;
}
.rosadr-search-form {
    position: relative;
}
.rosadr-search-form input {
    background: #cecece;
    padding: 10px;
    padding-right: 35px;
    border-radius: 10px;
    border: none;
    outline: none;
    position: relative;
}
.rosadr-search-form button {
    position: absolute;
    right: 8px;
    top: 6px;
    background: url(./img/search.png) no-repeat;
    width: 22px;
    height: 22px;
    display: block;
    border: none;
    outline: none;
}
.rosadr-main .rosadr-wrapper {
    display: flex;
    padding-top: 30px;
}
.rosadr-textblock .rosadr-search {
    display: flex;
}
.rosadr-textblock .rosadr-search .rosadr-search-form {
   /* margin-left: auto;*/
    margin-top: 30px;
    margin-bottom: 15px;
}
.dataTables_filter {
    display: none;
}
table.dataTable thead .sorting_asc {
    background-image: url(./img/sort_asc.png);
}
table.dataTable thead .sorting {
    background-image: url(./img/sort_both.png);
}
table.dataTable thead .sorting_desc {
    background-image: url(./img/sort_desc.png);
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center left 5px;
    text-align: left;
    padding-left: 20px;
    outline: 0;
}
aside {
    width: 100%;
    max-width: 300px;
}
.rosadr-mainblock {
    padding-right: 30px;
    width: 100%;
}
.rosadr-siteinfo {
    background: url(./img/newsback.png) no-repeat 80% 50% / auto 100%;
    min-height: 224px;
    display: flex;
}
.rosadr-siteinfo-inner {
    align-self: center;
    max-width: 500px;
    width: 84%;
    margin: 3%;
    margin-left: 8%;
    padding: 3%;
    background: #fff;
}
.rosadr-officeservice {
    padding: 10px;
    background: #ef0631;
    color: #fff;
}
.print {
    color: #1781b4;
    border-bottom: dotted 1px;
    cursor: pointer;
}
.rosadr-newsblock {
    background: #fafafa;
    border: 1px solid #dadada;
}
.rosadr-newsblock .rosadr-button {
    display: flex;
    margin: 10px;
}
.rosadr-newsblock .rosadr-textblock ol {
    counter-reset:myCounter;
    list-style-position:inside;
    -moz-column-count:2;
    -webkit-column-count:2;
    column-count:2;
    list-style-type:decimal;
}
.rosadr-newsblock .rosadr-textblock ol li {
    width: 100%;
    float: left;
    box-sizing: border-box;
    list-style: none;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 10px;
}
.rosadr-newsblock .rosadr-textblock ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    color: #ef0631;
    background: #ffffff;
    display: inline-block;
    text-align: center;
    margin: 0;
    line-height: 24px;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    margin-right: 7px;
    margin-bottom: 8px;
    border: solid 1px #ef0631;
    font-size: 14px;
}
.rosadr-textblock {
    padding: 20px;
}
.rosadr-main h1, .rosadr-main h2 {
    margin-bottom: 8px;
    font-size: 24px;
    margin-left: 20px;
}
.rosadr-textblock h2 {
    margin-bottom: 8px;
    font-size: 18px;
    margin-left: 0px;
}
.rosadr-tabletab tbody tr {
    transition: background 0.15s linear;
    cursor: pointer;
}

.rosadr-newsblock table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 15px;
    font-size: 15px;
    counter-reset: schetchik;
}
.rosadr-newsblock table thead tr, .rosadr-newsblock table thead tr:hover {
    text-align: left;
    cursor: default;
    background: #ef0631;
    padding-bottom: 10px;
}
.rosadr-newsblock table thead tr th {
    padding: 15px;
    color: #fff;
    font-weight: 600;
}
.rosadr-newsblock table thead tr th:first-child {
    width: 170px;
}
.rosadr-newsblock table td {
    padding: 7px 15px;
    min-height: 16px;
    position: relative;
    /*font-weight: bold;*/
}
.rosadr-newsblock tbody tr:nth-child(2n){
    background: #e8e8e8;
}
.rosadr-tabletab tbody tr:hover {
    background: #dadada;
}
.rosadr-newsblock table a {
    color: #1170af;
    font-weight: bold;
}
.rosadr-newsblock .rosadr-textblock.comments input, .rosadr-textblock.comments textarea, .wpcf7-form textarea, .wpcf7-form input {
    background: #f0f0f0;
    color: #8c8c8c;
    border: 0px;
    width: 100%;
    resize: none;
    outline: none;
}
.rosadr-textblock.comments button {
    border: 1px solid #ef0631;
    color: #ef0631;
    padding: 10px 70px;
    background: #fff;
    position: relative;
    margin: 10px;
    display: block;
    cursor: pointer;
}
.rosadr-textblock.comments p, .rosadr-textblock .wpcf7-form p {
    padding: 10px 10px 10px 10px;
    background: #f0f0f0;
    margin: 10px;
    position: relative;
}
.comment {
    display: flex;
    background: #fafafa;
    border: 1px solid #dadada;
    margin-bottom: 20px;
}
.comment img {
    margin: 20px;
}
.comment .comment_inner {
    margin: 20px 20px 20px 0px;
    width: 100%;
}
.comment .rosadr-content-data {
    display: flex;
    width: 100%;
}
.comment .rosadr-content-data .comment_autor {
    font-weight: bold;
}
.comment .rosadr-content-data .comment_date {
    margin-left: auto;
}

footer {
    background: #e8e8e8;
    width: 100%;
    min-height: 150px;
    margin-top: 30px;
}
footer .rosadr-wrapper {
    display: flex;
    flex-direction: column;
}
footer .rosadr-footermenu {
    list-style-type: none;
    padding: 0px;
    margin-top: 25px;
    margin-bottom: 20px;
    display: flex;
}
footer .rosadr-footermenu li a {
    color: #000;
    padding-right: 20px;
    display: block;
    text-decoration: none;
}
.rosadr-sideblock {
    background: #fafafa;
    border: 1px solid #dadada;
}
.rosadr-timedate {
    padding-left: 60px;
    position: relative;
    margin: 20px 10px;
    min-height: 53px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.rosadr-timedate::before {
    content: "";
    background: url(./img/calendar.png) no-repeat;
    width: 50px;
    height: 53px;
    position: absolute;
    left: 0px;
    top: 0px;
}
.rosadr-anchorbut {
    margin: 5px 10px;
    padding: 5px;
    padding-left: 40px;
    background: #ef0631;
    position: relative;
}
.rosadr-anchorbut::before {
    content: "";
    background: url(./img/anchor.png) no-repeat;
    width: 18px;
    height: 19px;
    position: absolute;
    left: 12px;
    top: 5px;
}
.rosadr-anchorbut a {
    color: #fff;
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block;
}
.rosadr-line {
    width: 70%;
    margin: 20px auto;
    height: 1px;
    background: #d7d7d7;
}
.rosadr-exchangeblock {
    margin: 10px;
}
.rosadr-title {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
}
.rosadr-exchange {
    display: flex;
    padding-left: 50px;
    position: relative;
    min-height: 29px;
    align-items: center;
    margin: 5px 0px;
}
.rosadr-dollar::before {
    content: "";
    background: url(./img/dollar.png) no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    left: 12px;
    top: 2px;
}
.rosadr-euro::before {
    content: "";
    background: url(./img/euro.png) no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    left: 12px;
    top: 2px;
}
.rosadr-oil::before {
    content: "";
    background: url(./img/oil.png) no-repeat;
    width: 29px;
    height: 29px;
    position: absolute;
    left: 12px;
    top: 2px;
}
.rosadr-changevalue {
    margin-left: 20px;
    border-radius: 5px;
    color: #fff;
    padding: 5px;
    min-width: 65px;
    text-align: center;
}
.rosadr-green {
    background: #00ad5d;
}
.rosadr-red {
    background: #e54646;
}
*{
    box-sizing: border-box;
}
iframe, #ymap, #map {
    height: 400px;
}
.breadcrumbs {
    padding: 9px;
}


.dataTables_paginate a.paginate_button.previous {
    padding-left: 40px;
    padding-right: 10px;
    float: left;
}
.button a, .dataTables_paginate a {
    border: 1px solid #ef0631;
    color: #ef0631;
    padding: 10px;
    padding-right: 40px;
    position: relative;
    margin: auto;
    display: block;
}
.dataTables_paginate a {
    margin-right: 15px;
    float: right;
    text-decoration: none;
}   
.dataTables_info {
    display: inline-block;
    margin: 21px 20px;
}
.dataTables_paginate {
    float: right;
    margin: 10px 20px;
    cursor: pointer;
}
.paginate_button.previous::after {
    content: "<<";
    position: absolute;
    left: 11px;
    top: 11px;
}
.button a::after, .paginate_button.next::after {
    content: ">>";
    position: absolute;
    right: 11px;
    top: 11px;
}
.rosadr-likesystem {
    text-align: center;
    padding-bottom: 10px;
}
.rosadr-likesystem .rosadr-title {
    display: block;
    padding-bottom: 10px;
}
.rosadr-likesystem div {
    display: inline-block;
}
.rosadr-likesystem .rosadr-like_count {
    padding-right: 20px;
    color: #2f9b2f;
    font-size: 18px;
}
.rosadr-likesystem .rosadr-dislike_count {
    padding-right: 20px;
    color: #f15246;
    font-size: 18px;
}
.rosadr-likesystem .rosadr-dislike {
    width: 48px;
    height: 48px;
    background: url(./img/likes_btn.png) no-repeat 0px 0px;
    cursor: pointer;
}
.rosadr-likesystem .rosadr-like {
    width: 48px;
    height: 48px;
    background: url(./img/likes_btn.png) no-repeat -48px 0px;
    cursor: pointer;
}
.rosadr-searchblock {
    margin-top: 30px;
}
.rosadr-likesystem .rosadr-dislike:hover {
    background-position: 0px -48px;
}
.rosadr-likesystem .rosadr-like:hover {
    background-position: -48px -48px;
}

@media (max-width: 1460px) {
    .rosadr-topback {
        background: url(./img/background.jpg) no-repeat 0px 50% / auto 100%;
    }
}
@media (max-width: 800px) {
    iframe, #ymap, #map {
        height: 300px;
    }
    .dataTables_info {
        display: block;
        text-align: center;
        margin: 0px;
    }
    .dataTables_paginate {
        margin: 10px auto;
        float: none;
        display: table;
    }
    .dataTables_paginate a {
        margin: 0px 5px;
    }
    .rosadr-siteinfo-inner {
        margin: 20px auto;
    }
    .rosadr-main .rosadr-wrapper {
        flex-direction: column;
    }
    .rosadr-mainblock {
        padding: 0px;
    }
    aside {
        margin-top: 30px;
        max-width: 100%;
    }
    .rosadr-headpanel .rosadr-wrapper {
        flex-direction: column;
        align-items: center;
    }
    .rosadr-headpanel .rosadr-city, .rosadr-headpanel .rosadr-search, .rosadr-headpanel .rosadr-phone {
        margin: 10px auto;
    }
    footer .rosadr-footermenu {
        flex-direction: column;
    }
    .rosadr-topback .rosadr-logo {
        width: 100%;
        margin: 40px auto;
    }

    #rosadr-atmstable td:nth-of-type(1)::before {
        content: "Отделение:";
    }
    #rosadr-atmstable td:nth-of-type(2)::before {
        content: "Место:";
    }
    #rosadr-atmstable td:nth-of-type(3)::before {
        content: "График работы:";
    }
    #rosadr-atmstable td:nth-of-type(4)::before {
        content: "Функционал:";
    }

    #rosadr-bigcites td:nth-of-type(1)::before {
        content: "Город:";
    }
    #rosadr-bigcites td:nth-of-type(2)::before {
        content: "Отделений:";
    }
    #rosadr-bigcites td:nth-of-type(3)::before {
        content: "Банкоматов:";
    }

    #rosadr-officetable td:nth-of-type(1)::before {
        content: "Отделение:";
    }
    #rosadr-officetable td:nth-of-type(2)::before {
        content: "Адрес:";
    }
    #rosadr-officetable td:nth-of-type(3)::before {
        content: "Режим работы:";
    }

    table, thead, tbody, th, td, tr {
        display: block;
    }
    .rosadr-tabletab, .rosadr-tabletab tr {
        transition: background 0.15s linear;
        cursor: pointer;
        height: auto;
        border-bottom: 0.5px solid #ccc;
        border-top: 0.5px solid #ccc;
        font-size: 15px;
    }
    .rosadr-tabletab tr:hover {
        background: #dadada;
    }
    .rosadr-tabletab td {
        border-bottom: 1px #ccc dotted;
    }
    thead tr {
        display: none;
    }
    .rosadr-tabletab td::before {
        position: relative;
        display: block;
        float: left;
        padding-right: 10px;
        white-space: nowrap;
    }
}