html {
    font-size: 100%
}

.bvi body {
    margin-top: 55px;
    min-width: 300px
}

#bvi a {
    font-size: 1rem !important
}

.avtor {
    width: 100%;
    text-align: center;
}

.bvi-settings i,
.bvi-quit i,
.bvi-images i,
.bvi-audio i,
i.bvi-audio {
    cursor: pointer;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#bvi .bvi-audio i {
    background: url(../img/bvi/volume-off.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
}

#bvi  .bvi-settings i {
    background: url(../img/bvi/cog.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    width: 26px;
    margin-left: 2px;
    height: 26px;
    display: block;
    position: relative;
}

#bvi .bvi-quit i {
    background: url(../img/bvi/eye-slash.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    width: 26px;
    margin-left: 2px;
    height: 26px;
    display: block;
    position: relative;
}

#bvi .bvi-images button[value='0'] i {
    background: url(../img/bvi/image.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    width: 26px;
    margin-left: 2px;
    height: 26px;
    display: block;
    position: relative;
}

#bvi .bvi-images button[value='1'] i {
    background: url(../img/bvi/image.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    width: 26px;
    margin-left: 2px;
    height: 26px;
    display: block;
    position: relative;
}

marquee {
    display: none !important
}

#bvi {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 8px 0;
    border-bottom: 1px solid gray;
    z-index: 999999;
    cursor: default;
    line-height: 1em !important
}

#bvi * {
    font-size: 0 !important
}

#bvi {
    webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#bvi i {
    font-style: normal;
    font-weight: bold;
    line-height: 30px !important;
    color: inherit !important;
    background: inherit !important;
    font-size: inherit !important
}

#bvi .bvi-panel div {
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-left: 16px;
    margin-bottom: 5px
}

#bvi span,
#bvi em {
    font-size: 16px !important;
    vertical-align: middle
}

#bvi button {
    margin: 0 2px;
    border: 1px solid;
    border-color: inherit;
    min-width: 32px;
    text-align: center;
    padding: 5px;
    line-height: normal;
    text-decoration: none;
    vertical-align: middle;
    overflow: hidden;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    outline: 0;
    height: auto;
    text-transform: none;
    font-size: 20px !important;
    color: inherit;
    background: inherit
}

#bvi .bvi-panel button {
    height: 32px;
    line-height: 32px !important;
    padding: 0
}

#bvi,
#bvi .active {
    border-bottom-width: 3px
}

#bvi-settings-body {
    display: none;
    padding: 0 1em;
    text-align: left
}

#bvi-settings-body>div {
    margin: 15px 15px 0
}

#bvi-settings-body button {
    margin-bottom: 5px
}

.bvi-reset,
.bvi-settings-close {
    display: inline-block
}

.bvi-settings-close {
    float: right
}

.bvi-line-height-1 *,
#bvi .bvi-line-height button[value='1'] {
    line-height: normal !important
}

.bvi-line-height-2 *,
#bvi .bvi-line-height button[value='2'] {
    line-height: 1.75rem !important
}

.bvi-line-height-3 *,
#bvi .bvi-line-height button[value='3'] {
    line-height: 2rem !important
}

.bvi-font-size-1 *,
#bvi .bvi-font-size button[value='1'] {
    font-size: 1rem !important
}

.bvi-font-size-2 *,
#bvi .bvi-font-size button[value='2'] {
    font-size: 1.3rem !important
}

.bvi-font-size-3 *,
#bvi .bvi-font-size button[value='3'] {
    font-size: 1.66rem !important
}

.bvi-font-family-1 *,
#bvi .bvi-font-family button[value='1'] {
    font-family: Arial, sans-serif !important
}

.bvi-font-family-2 *,
#bvi .bvi-font-family button[value='2'] {
    font-family: Times, sans !important
}

.bvi-color-1 *,
#bvi .bvi-color button[value='1'] {
    color: #000 !important;
    background: #FFF !important;
    border-color: #000 !important
}

.bvi-color-2 *,
#bvi .bvi-color button[value='2'] {
    color: #FFF !important;
    background: #000 !important;
    border-color: #FFF !importan
}

.bvi-color-3 *,
#bvi .bvi-color button[value='3'] {
    color: #063462 !important;
    background: #9dd1ff !important;
    border-color: #063462 !important
}

.bvi-color-4 *,
#bvi .bvi-color button[value='4'] {
    color: #59422e !important;
    background: #f7f3d6 !important;
    border-color: #59422e !important
}

.bvi-color-5 *,
#bvi .bvi-color button[value='5'] {
    color: #a9dd38 !important;
    background: #3b2716 !important;
    border-color: #a9dd38 !important
}

.bvi-letter-spacing-1 *,
#bvi .bvi-letter-spacing button[value='1'] {
    letter-spacing: normal !important
}

.bvi-letter-spacing-2 *,
#bvi .bvi-letter-spacing button[value='2'] {
    letter-spacing: 2px !important
}

.bvi-letter-spacing-3 *,
#bvi .bvi-letter-spacing button[value='3'] {
    letter-spacing: 4px !important
}

@media(max-width:940px) {
    #bvi .bvi-panel span {
        display: none
    }
}

@media(max-width:460px) {
    .bvi body {
        margin-top: 104px
    }
}

.bvi header {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.bvi .index_video {
    display: none;
}

.bvi #mainHeader {
    background: unset;
}

.bvi .dvd_wrap {
    display: none
} 

.bvi .index .map {
    display: none;
}

.bvi .index .buttons a .arrow {
    display: none;
}


.bvi header, .bvi header * {
    position: relative;
    background: black !important;
    color: white !important;
}

.bvi .table .data_col {
    border-top: 1px solid black;
}

.bvi .index .content .wrap, .bvi .index .content, .bvi .index, .bvi .fsbg {
    height: auto;
    min-height: unset;
}

.bvi .index .content {
    position: relative;
    margin-top: 100px;
    margin-bottom: 60px;
}

.bvi .law-project-card__icon {
    display: none;
}
.bvi .law-project-card {
    min-height: 100px;
}

.bvi .index .bg {
    display: none;
}

.bvi .help.index_help .title {
    margin-top: 30px;
} 

.bvi .history_mosaic .quote {
    padding: 15px;
}

.bvi .footer, .bvi .footer * {
    background: black !important;
    color: white !important;
}

.bvi-font-size-1 #mainHeader {
    font-size: 2rem !important;
}

.bvi-font-size-2 #mainHeader {
    font-size: 2.2rem !important;
}
.bvi-font-size-3 #mainHeader {
    font-size: 2.4rem !important;
}

.bvi-font-size-1 .tiles_title{margin-top: 10px;}
.bvi-font-size-2 .tiles_title{margin-top: 30px;}
.bvi-font-size-3 .tiles_title{margin-top: 80px;}

.bvi-font-size-3 .history_mosaic {
    height: 800px;
}

.bvi .card_bg {
    background: gray !important;
}

.bvi .help .title, .bvi .laws .title, .bvi .tiles_title span, .bvi .history_mosaic .title, .bvi .publication-block__title, .bvi .wide_tile .content .top span,
.bvi .stories .title, .bvi span.mainHeaderAnimation, .bvi .law-projects-page__title, .bvi .detail_page .law_details h1, .bvi .details_line1, .bvi .details_line2 {
    font-size: 2rem !important;
}

.bvi #mainHeader, .bvi #mainDescription, .bvi #indexBackgroundMap,
.bvi #historyTitle, .bvi #historyDesc, .bvi #historyQuote,
.bvi .tile, .bvi .mainHeaderAnimation, .bvi .wide_tile, .bvi .law_details,
.bvi .headerAnimation, .bvi #detailsChartsLeft, .bvi #detailsChartsRight, .bvi #detailsChartsCenter {
    transform: none !important;
}

.bvi .history .tiles .tile.odd {
    margin: 0 0 36px 0;
}

.bvi .dynamic-rectangles {
    display: none;
}

.bvi .index .controls .button {
    height: auto;
}

.bvi .detail_page .hectar_details .law_details:nth-child(even) {
    margin-left: 0;
}

.bvi .hectar_grid .row .tile img {
    display: none;
}

.bvi .hectar_grid .row.by3 .tile, .bvi .hectar_grid .row.by2 .tile {
    height: auto;
    border: 1px solid black;
}

.bvi .detail_page .law_details {
    padding: 0;
}

.bvi .burger-btn, .bvi.bvi-color-1 .burger-btn {
    background-image: url(../img/burger.svg) !important;
    background-position: center !important;
    background-size: auto !important;
    background-repeat: no-repeat !important;
}