body {
    opacity: 0;
    overflow-x: hidden
}

@media screen and (min-width:980px) {

    .header,
    .header .container {
        height: 86px
    }

    .header .logotype {
        display: inline-block;
        vertical-align: middle
    }

    .header .navigation {
        z-index: 20;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        font-family: robotobold;
        line-height: 86px;
        margin-left: 35px
    }

    .header .navigation li {
        position: relative;
        height: 86px;
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        padding: 0 16px
    }

    .header.light .navigation li {
        color: rgba(0, 0, 0, .86)
    }

    .header.dark .navigation li {
        color: rgba(255, 255, 255, .86)
    }

    .header .navigation li.dropdown {
        padding: 0 20px 0 9px
    }

    .header .navigation li.dropdown:before {
        content: "";
        position: absolute;
        top: 52%;
        right: 6px;
        background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/css/header/../../images/icons/sprite.png);
        background-repeat: no-repeat;
        background-size: 500px;
        width: 8px;
        height: 8px;
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .header.light .navigation li.dropdown:before {
        background-position: 0 -40px
    }

    .header.dark .navigation li.dropdown:before {
        background-position: -8px -40px
    }

    .header .navigation ul li a {
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        transition: all .2s
    }

    .header.light .navigation ul li a {
        color: rgba(0, 0, 0, .9)
    }

    .header.dark .navigation ul li a {
        color: rgba(255, 255, 255, .9)
    }

    .header.light .navigation ul li a:hover {
        color: #000
    }

    .header.dark .navigation ul li a:hover {
        color: #fff
    }

    .header .navigation .sub-menu {
        z-index: 1001;
        position: absolute;
        top: 100%;
        left: 0;
        background: #fff;
        min-width: 300px;
        visibility: hidden;
        opacity: 0;
        transform-origin: 0% 0%;
        transform: rotateX(-90deg);
        transition: .3s linear;
        -webkit-box-shadow: 0 10px 20px -4px rgba(0, 0, 0, .4);
        -moz-box-shadow: 0 10px 20px -4px rgba(0, 0, 0, .4);
        box-shadow: 0 10px 20px -4px rgba(0, 0, 0, .4);
        padding-top: 5px
    }

    .header .navigation li:hover>.sub-menu {
        transform: rotateX(0deg);
        visibility: visible;
        opacity: 1
    }

    .header .navigation .sub-menu:after {
        content: "";
        position: absolute;
        left: 30px;
        top: -9px;
        width: 0;
        height: 0;
        border: solid transparent;
        border-bottom-color: #fff;
        border-width: 9px;
        pointer-events: none;
        margin: -8px 0 0 -9px
    }

    .header .navigation .sub-menu .sub-menu {
        left: 100%;
        top: 0;
        padding: 0
    }

    .header .navigation .sub-menu .sub-menu:after {
        content: none
    }

    .header .navigation .sub-menu li {
        width: 100%;
        height: auto;
        display: block;
        line-height: 1.35;
        padding: 0;
        margin: 0
    }

    .header .navigation .sub-menu li a,
    .header .navigation .sub-menu li span {
        display: block;
        color: #333 !important;
        line-height: 20px;
        padding: 10px 12px;
        margin: 0
    }

    .header .navigation .sub-menu li.active span {
        background-color: #342e37;
        color: #fff !important
    }

    .header .navigation .sub-menu li a:hover {
        color: #000;
        background-color: #fafafa
    }

    .header .contact {
        position: absolute;
        top: 50%;
        right: 10px;
        display: table;
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    .header .contact li {
        position: relative;
        max-width: 260px;
        display: inline-block;
        vertical-align: middle;
        padding-left: 22px;
        margin-left: 22px
    }

    .header.light .contact li {
        border-left: 1px solid rgba(0, 0, 0, .1)
    }

    .header.dark .contact li {
        border-left: 1px solid rgba(255, 255, 255, .1)
    }

    .header .contact li:first-child {
        border-left: none;
        padding-left: 0;
        margin-left: 0
    }

    .header .contact li .address,
    .header .contact li .schedule {
        display: block;
        margin: 8px 0;
        font-size: 14px
    }

    .header .contact li .phone {
        display: block;
        font-size: 17px;
        letter-spacing: .5px;
        margin: 5px 0
    }

    .header .menu-toggle {
        display: none
    }
}

@media screen and (max-width:979px) {
    .header {
        padding: 15px 0 10px
    }

    .height20px .header,
    .height30px .header {
        padding-top: 20px
    }

    .height60px .header,
    .height70px .header {
        padding-top: 10px
    }

    .header .logotype {
        display: table;
        margin: 0 auto
    }

    .header .contact {
        position: relative;
        display: table;
        text-align: center;
        margin: 0 auto
    }

    .header .contact li {
        display: block;
        font-size: 15px;
        margin: 10px 0 0
    }

    .header .contact li:first-child {
        margin: 5px 0 0
    }

    .header .contact li .address,
    .header .contact li .schedule {
        display: inline-block;
        vertical-align: top;
        margin: 3px 10px
    }

    .header .contact li .phone {
        display: inline-block;
        vertical-align: top;
        font-size: 13px;
        border-radius: 5px;
        padding: 10px;
        margin: 3px
    }

    .header.light .contact li .phone {
        background-color: rgba(233, 233, 233, .16);
        color: #000
    }

    .header.dark .contact li .phone {
        background-color: rgba(249, 249, 249, .16);
        color: #fff
    }

    .header .menu-toggle {
        z-index: 1001;
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: transparent;
        width: 50px;
        height: 50px;
        cursor: pointer;
        text-indent: -9999px;
        border-radius: 5px;
        border: none;
        outline: none
    }

    .header.height20px .menu-toggle {
        top: -15px
    }

    .header.height30px .menu-toggle {
        top: -10px
    }

    .header.height40px .menu-toggle {
        top: -5px
    }

    .header.height50px .menu-toggle {
        top: 0
    }

    .header.height60px .menu-toggle {
        top: 5px
    }

    .header.height70px .menu-toggle {
        top: 10px
    }

    .header .menu-toggle.close {
        right: 10px;
        background-color: #a5a5a5
    }

    .header .menu-toggle .menu-toggle-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 24px;
        height: 2px;
        display: block;
        font-size: 0;
        cursor: pointer;
        transition: .35s;
        margin: -1px 0 0 -12px
    }

    .header.light .menu-toggle .menu-toggle-inner {
        background-color: #000
    }

    .header.dark .menu-toggle .menu-toggle-inner {
        background-color: #fff
    }

    .header .menu-toggle.close .menu-toggle-inner {
        background-color: #fff
    }

    .header .menu-toggle .menu-toggle-inner:before,
    .header .menu-toggle .menu-toggle-inner:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 2px;
        border: none;
        display: block;
        transition: transform .35s;
        transform-origin: 100% 0%
    }

    .header.light .menu-toggle .menu-toggle-inner:before,
    .header.light .menu-toggle .menu-toggle-inner:after {
        background-color: #000
    }

    .header.dark .menu-toggle .menu-toggle-inner:before,
    .header.dark .menu-toggle .menu-toggle-inner:after {
        background-color: #fff
    }

    .header .menu-toggle.close .menu-toggle-inner:before,
    .header .menu-toggle.close .menu-toggle-inner:after {
        background-color: #fff
    }

    .header .menu-toggle .menu-toggle-inner:before {
        transform: translate(-50%, -11px)
    }

    .header .menu-toggle .menu-toggle-inner:after {
        transform: translate(-50%, 11px)
    }

    .header .menu-toggle.close .menu-toggle-inner:before {
        transform: translate(-50%, 0) rotate(35deg) scaleX(.6)
    }

    .header .menu-toggle.close .menu-toggle-inner:after {
        transform: translate(-56%, 1px) rotate(-35deg) scaleX(.6)
    }

    .navigation {
        z-index: 1000;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        width: 85%;
        min-width: 250px;
        max-width: 350px;
        text-align: left;
        -webkit-transform: translate(100%, 0);
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        transition: all .5s
    }

    .navigation.show {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-box-shadow: -10px 5px 18px 0 rgba(0, 0, 0, .05);
        -moz-box-shadow: -10px 5px 18px 0 rgba(0, 0, 0, .05);
        box-shadow: -10px 5px 18px 0 rgba(0, 0, 0, .05)
    }

    .navigation .navigation-inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        overflow: scroll;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 70px 20px 40px 30px
    }

    .navigation .navigation-inner::-webkit-scrollbar {
        width: 0;
        height: 0
    }

    .navigation .navigation-inner li {
        color: #000;
        font-weight: 400;
        letter-spacing: -.48px;
        padding: 0 20px
    }

    .navigation .navigation-inner li span,
    .navigation .navigation-inner li a {
        position: relative;
        display: block;
        color: #000;
        font-size: 18px;
        padding: 15px 0
    }

    .navigation .navigation-inner li a {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

    .navigation .navigation-inner li.active span:after {
        content: '';
        position: absolute;
        left: -15px;
        top: 50%;
        background-color: #777;
        width: 3px;
        height: 3px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }
}

@media screen and (max-width:480px) {
    .header .menu-toggle {
        right: 0
    }
}

@media screen and (max-width:420px) {
    .header .contact li:first-child {
        display: none !important
    }
}

@media screen and (max-width:360px) {
    .header .menu-toggle {
        right: 0
    }

    .navigation .navigation-inner li,
    .navigation .navigation-inner li a {
        font-size: 16px
    }
}

@media screen and (max-width:320px) {
    .header .menu-toggle {
        right: -5px
    }
}

.header {
    position: relative;
    width: 100%
}

.header:before {
    z-index: 5;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: block
}

.header.above:before {
    z-index: 12
}

.header.light:before {
    background-color: #fff
}

.header.dark:before {
    background-color: #342e37
}

.header:after {
    z-index: 18;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 1px;
    display: block
}

.header.light:after {
    background-color: rgba(0, 0, 0, .04)
}

.header.dark:after {
    background-color: rgba(255, 255, 255, .04)
}

.header .logotype {
    position: relative
}

.header .contact {
    z-index: 15
}

.header .contact .address,
.header .contact .schedule {
    font-size: 15px;
    line-height: 1.2
}

.header.light .contact .address,
.header.light .contact .schedule {
    color: rgba(0, 0, 0, .95)
}

.header.dark .contact .address,
.header.dark .contact .schedule {
    color: rgba(255, 255, 255, .95)
}

.header .contact .phone {
    position: relative;
    font-family: robotobold;
    line-height: 1.2;
    border: none
}

.header.light .contact .phone {
    color: #000
}

.header.dark .contact .phone {
    color: #fff
}

@media screen and (min-width:980px) {
    .map {
        padding: 0 !important
    }

    .map:after {
        z-index: 2;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        background: linear-gradient(133deg, #000, rgba(0, 0, 0, .75));
        width: 50%
    }

    .map .background {
        z-index: 1;
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 50%;
        background-color: #2f2f2f;
        background-position: center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        background-size: cover
    }

    .map .right {
        z-index: 3;
        position: relative;
        padding-top: 90px;
        padding-bottom: 80px
    }

    .map .right h2 {
        max-width: 360px;
        color: #fff;
        text-align: left;
        margin: 0
    }

    .map .right ul {
        display: block;
        margin: 35px 0 50px
    }

    .map .right ul li {
        color: #fff;
        font-size: 17px;
        margin: 0 0 20px
    }

    .map .right ul li a {
        color: #fff;
        border-bottom: 1px solid rgba(255, 255, 255, .2)
    }

    .map .right ul li .explanation {
        color: rgba(255, 255, 255, .63)
    }

    .map .right .buttons .button.whatsapp {
        margin-left: 13px
    }

    .map .map-wrap {
        z-index: 0;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 50%
    }

    .map .map-wrap .ymap {
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: auto !important
    }
}

@media screen and (max-width:979px) {
    .map {
        background-color: #fff;
        text-align: center;
        padding-bottom: 0 !important
    }

    .map .background {
        display: none
    }

    .map .right {
        padding-bottom: 40px
    }

    .map .right h2 {
        margin-bottom: 20px
    }

    .map .right ul li {
        display: block;
        vertical-align: top;
        font-size: 16px;
        padding: 10px
    }

    .map .right ul li,
    .map .right ul li a {
        color: #000
    }

    .map .right ul li .explanation {
        color: rgba(0, 0, 0, .63)
    }

    .map .right ul li .phone {
        background-color: rgba(0, 0, 0, .04);
        display: inline-block;
        vertical-align: top;
        font-family: robotobold;
        color: #000;
        font-size: 15px;
        line-height: 1.2;
        border-radius: 5px;
        padding: 15px
    }

    .map .left .buttons {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto
    }

    .map .buttons .button {
        margin: 5px
    }
}

.map {
    position: relative;
    background-color: #fff;
    padding: 0
}

.map li {
    position: relative
}

.map ul li .explanation {
    display: block;
    font-size: 12px;
    margin-bottom: 6px
}

.map .button {
    display: inline-block;
    vertical-align: top
}

@media screen and (min-width:980px) {
    .footer {
        flex: 0 0 auto
    }

    .footer .row {
        margin-left: -100px
    }

    .footer .col {
        width: 33.33333333333333%;
        display: inline-block;
        vertical-align: top;
        padding-left: 100px
    }
}

@media screen and (max-width:979px) {
    .footer {
        text-align: center
    }

    .footer .col {
        width: 100%;
        margin: 0 0 40px
    }
}

.footer {
    background-color: #252b33;
    width: 100%;
    color: rgba(255, 255, 255, .51);
    padding: 50px 0 0 !important
}

.footer a {
    color: #d6d6d6;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.footer a:hover {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .4)
}

.footer ul {
    display: block;
    margin: 0 0 30px
}

.footer ul li {
    display: block;
    color: #d6d6d6;
    font-size: 14px;
    margin: 0 0 15px
}

.footer ul li.name {
    color: rgba(255, 255, 255, .5);
    font-size: 10px;
    letter-spacing: .075em;
    text-transform: uppercase;
    margin-bottom: 25px
}

.footer ul li .explanation {
    display: block;
    color: rgba(255, 255, 255, .63);
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 4px
}

.footer .contacts .phone {
    font-family: robotobold;
    font-size: 17px
}

.footer .small {
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .05);
    padding: 30px 0;
    margin-top: 30px
}

.footer .small p {
    font-size: 12px;
    line-height: 1.35;
    margin: 5px 0
}

.footer .copyright {
    width: 100%;
    height: 40px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    border-top: 1px solid rgba(255, 255, 255, .05)
}

.footer .copyright a {
    color: rgba(255, 255, 255, .51)
}

*,
:after,
:before {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

sup {
    position: relative;
    top: -.2em;
    vertical-align: text-top
}

ol,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: robotobold;
    color: #000;
    line-height: 1.2;
    font-weight: 400;
    margin: 20px 0
}

p {
    margin: 15px 0
}

a {
    color: #000;
    text-decoration: none;
    -webkit-transition: color .25s ease-in-out, opacity .25s ease-in-out, background .25s ease-in-out, border .25s ease-in-out;
    transition: color .25s ease-in-out, opacity .25s ease-in-out, background .25s ease-in-out, border .25s ease-in-out
}

@font-face {
    font-family: robotolight;
    src: url(../../../themes/template/fonts/roboto/robotolight.eot);
    src: url(../../../themes/template/fonts/roboto/robotolight-1.eot) format("embedded-opentype"), url(../../../themes/template/fonts/roboto/robotolight.woff2.txt) format("woff2"), url(../../../themes/template/fonts/roboto/robotolight.woff) format("woff"), url(../../../themes/template/fonts/roboto/robotolight.ttf) format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: robotomedium;
    src: url(../../../themes/template/fonts/roboto/robotomedium.eot);
    src: url(../../../themes/template/fonts/roboto/robotomedium-1.eot) format('embedded-opentype'), url(../../../themes/template/fonts/roboto/robotomedium.woff2.txt) format('woff2'), url(../../../themes/template/fonts/roboto/robotomedium.woff) format('woff'), url(../../../themes/template/fonts/roboto/robotomedium.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: robotoregular;
    src: url(../../../themes/template/fonts/roboto/robotoregular.eot);
    src: url(../../../themes/template/fonts/roboto/robotoregular-1.eot) format('embedded-opentype'), url(../../../themes/template/fonts/roboto/robotoregular.woff2.txt) format('woff2'), url(../../../themes/template/fonts/roboto/robotoregular.woff) format('woff'), url(../../../themes/template/fonts/roboto/robotoregular.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: robotobold;
    src: url(../../../themes/template/fonts/roboto/robotobold.eot);
    src: url(../../../themes/template/fonts/roboto/robotobold-1.eot) format('embedded-opentype'), url(../../../themes/template/fonts/roboto/robotobold.woff2.txt) format('woff2'), url(../../../themes/template/fonts/roboto/robotobold.woff) format('woff'), url(../../../themes/template/fonts/roboto/robotobold.ttf) format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap
}

body {
    background: #fff;
    min-width: 320px;
    font-family: robotoregular;
    color: #475254;
    font-size: 16px;
    line-height: 1.5;
    overflow-x: hidden;
    opacity: 1
}

.bold {
    font-family: robotobold
}

.row {
    position: relative;
    font-size: 0
}

.clear:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden
}

.button {
    position: relative;
    display: table;
    font-family: robotobold;
    color: #fff;
    line-height: 1.2;
    cursor: pointer;
    overflow: hidden;
    border: none;
    outline: none;
    box-shadow: 0 4px 6px rgba(13, 19, 26, .11), 0 1px 3px rgba(0, 0, 0, .08);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    border-radius: 5px
}

.button.white {
    background: #fff !important;
    color: #000
}

.button.whatsapp {
    background: #57bb63 !important;
    color: #fff
}

.button:hover {
    opacity: .98;
    color: #fff
}

.button.white:hover {
    background-color: #f8f8f8;
    color: #000
}

.glare .button:before {
    z-index: 1;
    content: "";
    position: absolute;
    left: -40px;
    top: -150px;
    width: 30px;
    height: 300px;
    display: block;
    background-color: rgba(255, 255, 255, .4);
    transform: rotate(45deg);
    transition: initial .1s;
    animation: glareanimation 3s .05s ease-in-out infinite;
    margin-left: 60px
}

.button.whatsapp:before {
    content: none
}

@keyframes glareanimation {
    0% {
        left: -30px;
        margin-left: 0
    }

    30% {
        left: 110%;
        margin-left: 80px
    }

    to {
        left: 110%;
        margin-left: 80px
    }
}

.button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: 230px;
    opacity: 0;
    margin: auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    transform: scale(1);
    transition: all .75s ease-in-out
}

.button:active:after {
    opacity: 1;
    transition: 0s;
    transform: scale(0)
}

.button.disabled {
    cursor: default
}

.button:disabled {
    background-color: #f7f7f7;
    color: #bdbdbd;
    text-shadow: none
}

.button:disabled:hover {
    background-color: #f7f7f7;
    color: #bdbdbd;
    text-shadow: none;
    border-color: #f1f1f1
}

.mapbtn.button {
    width: 240px;
    text-align: center;
    display: inline-block;
    margin-left: 30px;
    padding: 18px 20px
}

.mapbtn.button.active {
    background: #fff;
    border: 2px solid #b80004;
    color: #b80004
}

.section.map {
    display: none
}

.section.map.active {
    display: block
}

@media screen and (min-width:980px) and (max-width:1199px) {
    .header .logotype.img img {
        width: 188px !important
    }

    .header .navigation {
        margin-left: 20px !important
    }

    .header .contact li {
        padding-left: 15px !important;
        margin-left: 15px !important
    }

    .header .contact .address,
    .header .contact .schedule {
        font-size: 14px !important
    }

    .header .contact li.social-groups {
        display: none !important
    }

    .header .contact li .phone {
        font-size: 16px !important
    }
}

@media screen and (min-width:980px) {
    .banner {
        padding: 25px 0 35px
    }

    .banner .container:after {
        position: absolute;
        left: -20px;
        bottom: -72px;
        width: 423px;
        height: 202px
    }

    .banner .col {
        z-index: 3;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .banner .col.first {
        width: 32%
    }

    .banner .col.second {
        width: 48%
    }

    .banner .col.third {
        width: 20%
    }

    .banner .banner-subtitle {
        font-size: 24px
    }

    .banner .banner-title {
        font-size: 19px
    }

    h1 {
        font-size: 40px;
        line-height: 1.1
    }

    .button {
        font-size: 16px;
        padding: 24px 26px
    }

    .button.whatsapp {
        display: none !important
    }

    .outer {
        margin: 0 -6px
    }

    .wrapper {
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column
    }

    .main {
        flex: 1 0 auto;
        overflow: hidden
    }

    .container {
        position: relative;
        max-width: 1272px;
        min-width: 980px;
        margin: 0 auto;
        padding: 0 10px
    }

    .section {
        padding: 80px 0
    }

    .section h2 {
        z-index: 1;
        position: relative;
        line-height: 1.2;
        max-width: 728px
    }

    .fontsize_34px .section h2 {
        font-size: 22px
    }

    .fontsize_36px .section h2 {
        font-size: 24px
    }

    .fontsize_38px .section h2 {
        font-size: 26px
    }

    .fontsize_40px .section h2 {
        font-size: 28px
    }

    .fontsize_42px .section h2 {
        font-size: 30px
    }

    .fontsize_44px .section h2 {
        font-size: 32px
    }

    .fontsize_46px .section h2 {
        font-size: 34px
    }

    .fontsize_48px .section h2 {
        font-size: 36px
    }

    .fontsize_50px .section h2 {
        font-size: 38px
    }

    .fontsize_52px .section h2 {
        font-size: 40px
    }

    .fontsize_54px .section h2 {
        font-size: 42px
    }

    .section .description {
        z-index: 1;
        position: relative;
        font-size: 19px
    }

    .section .section-layer {
        z-index: 1;
        position: relative
    }

    .section .left,
    .section .right {
        position: relative;
        width: 50%;
        display: inline-block;
        vertical-align: top
    }

    .section .left {
        padding-right: 40px
    }

    .section .right {
        padding-left: 40px
    }

    .section h2 {
        font-size: 28px
    }

    .hero .background.cover {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        background-size: cover
    }

    .hero.right .flex {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row-reverse
    }

    .hero.right .left {
        padding-left: 40px;
        padding-right: 0
    }

    .hero.center .left,
    .hero.center .right {
        width: 70%;
        display: block;
        text-align: center;
        margin: 0 auto
    }

    .hero.center .buttons {
        margin: 0 auto
    }

    .fontsize_34px .hero .hero-section h1 {
        font-size: 34px
    }

    .fontsize_36px .hero .hero-section h1 {
        font-size: 36px
    }

    .fontsize_38px .hero .hero-section h1 {
        font-size: 38px
    }

    .fontsize_40px .hero .hero-section h1 {
        font-size: 40px
    }

    .fontsize_42px .hero .hero-section h1 {
        font-size: 42px
    }

    .fontsize_44px .hero .hero-section h1 {
        font-size: 44px
    }

    .fontsize_46px .hero .hero-section h1 {
        font-size: 46px
    }

    .fontsize_48px .hero .hero-section h1 {
        font-size: 48px
    }

    .fontsize_50px .hero .hero-section h1 {
        font-size: 50px
    }

    .fontsize_52px .hero .hero-section h1 {
        font-size: 52px
    }

    .fontsize_54px .hero .hero-section h1 {
        font-size: 54px
    }

    .hero .hero-section p {
        font-size: 20px;
        line-height: 1.4
    }

    .hero .hero-section .form .button {
        padding: 18px 25px
    }

    .hero.left .hero-section .left .button.white,
    .hero.left .hero-section .left .button.whatsapp {
        margin-left: 10px
    }

    .hero.center .hero-section .left .button {
        margin: 0 5px
    }

    .hero.right .hero-section .left .button {
        margin-right: 10px
    }

    .hero .calltoaction {
        display: inline-block;
        vertical-align: middle;
        margin-left: 15px
    }

    .hero .tablet {
        box-shadow: 0 32px 48px 0 rgba(0, 0, 0, .16);
        padding: 25px 20px
    }

    .hero .tablet.pin-center-top:after,
    .hero .tablet.pin-left-top:after,
    .hero .tablet.pin-right-top:after {
        top: -24px
    }

    .hero .tablet.pin-center-bottom:after,
    .hero .tablet.pin-left-bottom:after,
    .hero .tablet.pin-right-bottom:after {
        bottom: -24px
    }

    .hero .tablet.pin-left-top:after,
    .hero .tablet.pin-left-bottom:after {
        left: -24px
    }

    .hero .tablet.pin-center-top:after,
    .hero .tablet.pin-center-bottom:after {
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .hero .tablet.pin-right-top:after,
    .hero .tablet.pin-right-bottom:after {
        right: -24px
    }

    .hero.oneaxis .hero-section .flex {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: stretch
    }

    .hero .hero-section .img {
        z-index: 12
    }

    .hero .hero-section .img.decor {
        z-index: 19
    }

    .hero .hero-section .img.decor.above {
        z-index: 21
    }

    .hero.center .right {
        display: none
    }

    .hero .hero-section .form {
        z-index: 13;
        position: relative
    }

    .hero.right .hero-section .form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end
    }

    .hero .hero-section .form .form-wrap {
        width: 50%;
        width: calc(50% - 40px);
        width: -moz-calc(50% - 40px);
        width: -webkit-calc(50% - 40px);
        box-shadow: 0px 10px 14px 0px rgba(90, 111, 155, .05)
    }

    .hero.center .hero-section .form .form-wrap {
        margin: 0 auto
    }

    .hero .hero-section .form.two .form-wrap {
        width: 100%
    }

    .hero .hero-section .form .form-wrap {
        background-color: #fff;
        border-radius: 10px;
        padding: 10px 0
    }

    .hero .hero-section .form .form-wrap .fields {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        border-right: 1px solid #eee;
        margin-bottom: 0 !important;
        padding: 0 10px
    }

    .hero .hero-section .form.one .form-wrap .fields {
        width: 36%
    }

    .hero .hero-section .form.two .form-wrap .fields {
        width: 28%
    }

    .hero .hero-section .form .form-wrap .fields:last-child {
        border-right: none
    }

    .hero .hero-section .form.no .form-wrap .fields:nth-child(1) {
        border-right: none
    }

    .hero .hero-section .form.one .form-wrap .fields:nth-child(2) {
        border-right: none
    }

    .hero .hero-section .form.two .form-wrap .fields:nth-child(3) {
        border-right: none
    }

    .hero .hero-section .form.one .form-wrap .fields:nth-child(3) {
        width: 28%
    }

    .hero .hero-section .form.two .form-wrap .fields:nth-child(4) {
        width: 16%
    }

    .hero.center .calltoaction {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .benefits.b1 .container .row,
    .benefits.b2 .container .row {
        margin: 0 -35px
    }

    .benefits .container .row .item {
        display: inline-block;
        vertical-align: top;
        margin-top: 40px
    }

    .benefits.b1 .container .row .item {
        text-align: center
    }

    .benefits.b1 .container .row .item,
    .benefits.b2 .container .row .item {
        padding: 0 35px
    }

    .benefits.b1.col2 .container .row .item,
    .benefits.b2.col2 .container .row .item {
        width: 50%
    }

    .benefits.b1.col3 .container .row .item,
    .benefits.b2.col3 .container .row .item {
        width: 33.333333333333333%
    }

    .benefits.b2 .container .row .item,
    .benefits.b3 .container .row .item {
        text-align: left
    }

    .benefits.b3 .container .row .item {
        width: 50%;
        padding-right: 60px
    }

    .benefits.b1 .container .row .item .icon {
        margin: 0 auto 25px
    }

    .benefits.numeral .container .row .item:before,
    .benefits.b3 .container .row .item .icon {
        float: left;
        margin-right: 30px
    }

    .benefits.numeral .container .row .item:before {
        font-size: 100px
    }

    .benefits.b2 .container .row .item .icon {
        position: relative;
        margin: 0 0 25px
    }

    .benefits .container .row .item .benefits-content p {
        font-size: 17px
    }

    .cases .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 100px auto 0
    }

    .cases.nomargin .item:first-child {
        margin: 0 auto
    }

    .cases.top .item {
        align-items: stretch
    }

    .cases.middle .item {
        align-items: center
    }

    .cases .item:nth-child(2n) {
        flex-direction: row-reverse
    }

    .cases .item:nth-child(2n) .left {
        padding-left: 40px;
        padding-right: 0
    }

    .cases .item:nth-child(2n) .right {
        padding-right: 40px;
        padding-left: 0
    }

    .cases .item h2 {
        text-align: left
    }

    .cases .item h3 {
        font-size: 24px
    }

    .cases .item .price-wrap {
        text-align: left
    }

    .cases .item .price-wrap .cost {
        display: block;
        margin-right: 70px;
        margin-bottom: 10px
    }

    .cases .item .price-wrap .cost:last-child {
        margin-right: 0
    }

    .tabs .tabs-navigation {
        margin-bottom: 35px
    }

    .tabs .tab-content .col {
        width: 43%;
        display: inline-block;
        vertical-align: top;
        padding: 60px 30px
    }

    .tabs .tab-content .col.big {
        width: 57%
    }

    .tabs .tab-content h3 {
        font-size: 26px
    }

    .tabs .tab-content .tab-info {
        text-align: left
    }

    .tabs .tab-content .tab-info li {
        margin-right: 25px
    }

    .tabs .tab-content .tab-info li:last-child {
        margin-right: 0
    }

    .spreadsheet table {
        text-align: left
    }

    .spreadsheet table th,
    .spreadsheet table td {
        padding: 20px 15px
    }

    .spreadsheet table td .name {
        font-size: 21px
    }

    .spreadsheet table td p {
        font-size: 17px
    }

    .gallery.g1 .item {
        display: inline-block;
        vertical-align: top;
        padding: 6px
    }

    .gallery.g1.gallery_1x4 .item {
        width: 25%
    }

    .gallery.g1.gallery_1x3 .item {
        width: 33.3333333333333333%
    }

    .people.p1 .item {
        display: inline-block;
        vertical-align: top;
        padding: 20px
    }

    .people.p1.people_1x4 .item {
        width: 25%
    }

    .people.p1.people_1x5 .item {
        width: 20%
    }

    .people .outer .item img {
        margin: 0 0 20px
    }

    .people .outer .item .name {
        font-size: 16px
    }

    .docs .outer .item {
        width: 25%;
        max-width: 300px;
        display: inline-block;
        vertical-align: top;
        padding: 20px
    }

    .docs .item .img-wrap {
        box-shadow: 0 25px 30px -15px rgba(0, 0, 0, .3)
    }

    .qa .row {
        margin-left: -15px;
        margin-right: -15px
    }

    .qa .left {
        padding-right: 15px
    }

    .qa .right {
        padding-left: 15px
    }

    .qa .item {
        margin-top: 30px
    }

    .qa .item .answer {
        font-size: 17px
    }

    .reviews .owl-prev {
        left: -32px
    }

    .reviews .owl-next {
        right: -32px
    }

    .reviews.review-text .review {
        padding: 40px
    }

    .reviews.review-text.r1 .review .review-author {
        margin: 0 0 20px
    }

    .reviews.review-text.r1 .review .review-author div,
    .reviews.review-text.r1 .review .review-author .avatar-wrap {
        display: inline-block;
        vertical-align: middle;
        margin-right: 20px
    }

    .reviews.review-text .review .review-author .review-name {
        font-size: 17px
    }

    .reviews.review-pics .row {
        margin-left: -1.5%;
        margin-right: -1.5%
    }

    .reviews.review-pics .review {
        width: 22%;
        display: inline-block;
        vertical-align: top;
        margin: 1.5%
    }

    .offer .form .form-wrap {
        padding: 30px 40px
    }

    .offer.oneaxis .flex {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: stretch
    }

    .offer.left .flex {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row-reverse
    }

    .brands.col3 .item {
        width: 31.33333333333333%
    }

    .brands.col4 .item {
        width: 23%
    }

    .brands.col5 .item {
        width: 18%
    }

    .video .container .video-wrap .item {
        display: inline-block;
        vertical-align: top;
        padding: 20px
    }

    .video.one.vertical .container .video-wrap .item,
    .video.one.horizontal .container .video-wrap .item {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .video.two.vertical .container .video-wrap .item,
    .video.two.horizontal .container .video-wrap .item {
        width: 50%
    }

    .video.three.vertical .container .video-wrap .item,
    .video.three.horizontal .container .video-wrap .item {
        width: 33.33333333333333%
    }

    .video.four.vertical .container .video-wrap .item {
        width: 25%
    }

    .video.four.horizontal .container .video-wrap .item {
        width: 50%
    }

    .video .container .video-wrap .item:hover .video-container {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    .threequarters {
        width: -moz-calc(100% - 336px);
        width: -webkit-calc(100% - 336px);
        width: calc(100% - 336px);
        padding-right: 60px
    }

    .documents {
        text-align: left !important
    }

    .documents .documents-wrap .document-title {
        position: absolute;
        top: 20px;
        right: -396px;
        width: 336px;
        text-align: left
    }

    .listing {
        margin-left: -1%;
        margin-right: -1%
    }

    .listing .card {
        display: inline-block;
        vertical-align: top;
        margin: 1%
    }

    .listing .card.quarter {
        width: 23%
    }

    .listing .card.fifth {
        width: 18%
    }

    .cost .price,
    .cost .old-price {
        display: inline-block;
        line-height: 1
    }

    .cost .old-price {
        margin-left: 15px
    }

    .product .columns .left,
    .product .columns .right {
        display: inline-block;
        vertical-align: top
    }

    .product .columns .left {
        width: 58%;
        padding-right: 40px
    }

    .product .columns .left .product-pictures {
        position: relative;
        min-height: 360px
    }

    .product .columns .left .product-pictures .main-picture.margin {
        width: -moz-calc(100% - 64px);
        width: -webkit-calc(100% - 64px);
        width: calc(100% - 64px);
        margin-left: 64px;
        padding-left: 15px
    }

    .product .columns .left .product-pictures .main-picture img {
        max-height: 630px
    }

    .product .columns .left .product-pictures .additional {
        position: absolute;
        top: 0;
        left: 0;
        width: 64px
    }

    .product .columns .left .product-pictures .additional .item {
        width: 64px;
        height: 64px;
        display: block;
        margin-bottom: 10px
    }

    .product .columns .left .product-pictures .additional .item:last-child {
        margin-bottom: 0
    }

    .product .right {
        max-width: 900px;
        width: 100%
    }

    .product .columns .right {
        width: 42%
    }

    .product .right .order-block .quantity {
        margin-right: 15px
    }

    .product .right .order-block .buttons .button.whatsapp {
        margin-left: 10px
    }

    .product .right .calltoaction:before {
        left: 14%
    }

    .options {
        max-width: 75%;
        margin: 25px 0
    }

    .notfound {
        padding: 0 6px
    }

    .notfound,
    .text {
        font-size: 17px;
        line-height: 1.65;
        text-align: left;
        margin-top: 15px
    }

    .modal .modal-wrapper .modal-container {
        padding: 25px 40px 20px
    }

    .form .form-row {
        font-size: 0;
        margin: 0 -15px
    }

    .form .form-row .fields.half,
    .form .form-row .fields.third {
        display: inline-block;
        vertical-align: bottom;
        padding: 0 15px
    }

    .form .form-row .fields.half {
        width: 50%
    }

    .form .form-row .fields.third {
        width: 33.3333333333333333%
    }

    .form .form-row .fields.btn88 {
        width: 100%
    }

    .form .fields .input,
    .form .fields .select,
    .form .fields .textarea {
        height: 55px;
        line-height: 55px
    }

    .form .button {
        font-size: 14px;
        padding: 19px 20px 20px;
        border-radius: 2px
    }

    .owl-prev {
        left: 10px
    }

    .owl-next {
        right: 10px
    }

    .video-container .video-button {
        width: 80px;
        height: 80px
    }

    .one .video-container .video-button {
        width: 100px;
        height: 100px
    }

    .positioning {
        position: absolute
    }

    .positioning.decor.above {
        z-index: 2
    }

    .positioning.img_200px {
        width: 200px
    }

    .positioning.img_250px {
        width: 250px
    }

    .positioning.img_300px {
        width: 300px
    }

    .positioning.img_350px {
        width: 350px
    }

    .positioning.img_400px {
        width: 400px
    }

    .positioning.img_450px {
        width: 450px
    }

    .positioning.img_500px {
        width: 500px
    }

    .positioning.img_550px {
        width: 550px
    }

    .positioning.img_600px {
        width: 600px
    }

    .positioning.img_650px {
        width: 650px
    }

    .positioning.img_700px {
        width: 700px
    }

    .positioning.img_750px {
        width: 750px
    }

    .positioning.img_800px {
        width: 800px
    }

    .positioning.img_850px {
        width: 850px
    }

    .positioning.img_900px {
        width: 900px
    }

    .positioning.img_950px {
        width: 950px
    }

    .positioning.img_1000px {
        width: 1000px
    }

    .positioning.img_1050px {
        width: 1050px
    }

    .positioning.img_1100px {
        width: 1100px
    }

    .positioning.left-plus-0 {
        left: 0
    }

    .positioning.left-plus-20 {
        left: 20px
    }

    .positioning.left-plus-40 {
        left: 40px
    }

    .positioning.left-plus-60 {
        left: 60px
    }

    .positioning.left-plus-80 {
        left: 80px
    }

    .positioning.left-plus-100 {
        left: 100px
    }

    .positioning.left-plus-120 {
        left: 120px
    }

    .positioning.left-plus-140 {
        left: 140px
    }

    .positioning.left-plus-160 {
        left: 160px
    }

    .positioning.left-plus-180 {
        left: 180px
    }

    .positioning.left-plus-200 {
        left: 200px
    }

    .positioning.left-plus-220 {
        left: 220px
    }

    .positioning.left-plus-240 {
        left: 240px
    }

    .positioning.left-plus-260 {
        left: 260px
    }

    .positioning.left-plus-280 {
        left: 280px
    }

    .positioning.left-plus-300 {
        left: 300px
    }

    .positioning.left-plus-320 {
        left: 320px
    }

    .positioning.left-plus-340 {
        left: 340px
    }

    .positioning.left-plus-360 {
        left: 360px
    }

    .positioning.left-plus-380 {
        left: 380px
    }

    .positioning.left-plus-400 {
        left: 400px
    }

    .positioning.left-plus-420 {
        left: 420px
    }

    .positioning.left-plus-440 {
        left: 440px
    }

    .positioning.left-plus-460 {
        left: 460px
    }

    .positioning.left-plus-480 {
        left: 480px
    }

    .positioning.left-plus-500 {
        left: 500px
    }

    .positioning.left-plus-520 {
        left: 520px
    }

    .positioning.left-plus-540 {
        left: 540px
    }

    .positioning.left-plus-560 {
        left: 560px
    }

    .positioning.left-plus-580 {
        left: 580px
    }

    .positioning.left-plus-600 {
        left: 600px
    }

    .positioning.right-plus-0 {
        right: 0
    }

    .positioning.right-plus-20 {
        right: 20px
    }

    .positioning.right-plus-40 {
        right: 40px
    }

    .positioning.right-plus-60 {
        right: 60px
    }

    .positioning.right-plus-80 {
        right: 80px
    }

    .positioning.right-plus-100 {
        right: 100px
    }

    .positioning.right-plus-120 {
        right: 120px
    }

    .positioning.right-plus-140 {
        right: 140px
    }

    .positioning.right-plus-160 {
        right: 160px
    }

    .positioning.right-plus-180 {
        right: 180px
    }

    .positioning.right-plus-200 {
        right: 200px
    }

    .positioning.right-plus-220 {
        right: 220px
    }

    .positioning.right-plus-240 {
        right: 240px
    }

    .positioning.right-plus-260 {
        right: 260px
    }

    .positioning.right-plus-280 {
        right: 280px
    }

    .positioning.right-plus-300 {
        right: 300px
    }

    .positioning.right-plus-320 {
        right: 320px
    }

    .positioning.right-plus-340 {
        right: 340px
    }

    .positioning.right-plus-360 {
        right: 360px
    }

    .positioning.right-plus-380 {
        right: 380px
    }

    .positioning.right-plus-400 {
        right: 400px
    }

    .positioning.right-plus-420 {
        right: 420px
    }

    .positioning.right-plus-440 {
        right: 440px
    }

    .positioning.right-plus-460 {
        right: 460px
    }

    .positioning.right-plus-480 {
        right: 480px
    }

    .positioning.right-plus-500 {
        right: 500px
    }

    .positioning.right-plus-520 {
        right: 520px
    }

    .positioning.right-plus-540 {
        right: 540px
    }

    .positioning.right-plus-560 {
        right: 560px
    }

    .positioning.right-plus-580 {
        right: 580px
    }

    .positioning.right-plus-600 {
        right: 600px
    }

    .positioning.top-plus-0 {
        top: 0
    }

    .positioning.top-plus-20 {
        top: 20px
    }

    .positioning.top-plus-40 {
        top: 40px
    }

    .positioning.top-plus-60 {
        top: 60px
    }

    .positioning.top-plus-80 {
        top: 80px
    }

    .positioning.top-plus-100 {
        top: 100px
    }

    .positioning.top-plus-120 {
        top: 120px
    }

    .positioning.top-plus-140 {
        top: 140px
    }

    .positioning.top-plus-160 {
        top: 160px
    }

    .positioning.top-plus-180 {
        top: 180px
    }

    .positioning.top-plus-200 {
        top: 200px
    }

    .positioning.top-plus-220 {
        top: 220px
    }

    .positioning.top-plus-240 {
        top: 240px
    }

    .positioning.top-plus-260 {
        top: 260px
    }

    .positioning.top-plus-280 {
        top: 280px
    }

    .positioning.top-plus-300 {
        top: 300px
    }

    .positioning.top-plus-320 {
        top: 320px
    }

    .positioning.top-plus-340 {
        top: 340px
    }

    .positioning.top-plus-360 {
        top: 360px
    }

    .positioning.top-plus-380 {
        top: 380px
    }

    .positioning.top-plus-400 {
        top: 400px
    }

    .positioning.top-plus-420 {
        top: 420px
    }

    .positioning.top-plus-440 {
        top: 440px
    }

    .positioning.top-plus-460 {
        top: 460px
    }

    .positioning.top-plus-480 {
        top: 480px
    }

    .positioning.top-plus-500 {
        top: 500px
    }

    .positioning.top-plus-520 {
        top: 520px
    }

    .positioning.top-plus-540 {
        top: 540px
    }

    .positioning.top-plus-560 {
        top: 560px
    }

    .positioning.top-plus-580 {
        top: 580px
    }

    .positioning.top-plus-600 {
        top: 600px
    }

    .positioning.bottom-plus-0 {
        bottom: 0
    }

    .positioning.bottom-plus-20 {
        bottom: 20px
    }

    .positioning.bottom-plus-40 {
        bottom: 40px
    }

    .positioning.bottom-plus-60 {
        bottom: 60px
    }

    .positioning.bottom-plus-80 {
        bottom: 80px
    }

    .positioning.bottom-plus-100 {
        bottom: 100px
    }

    .positioning.bottom-plus-120 {
        bottom: 120px
    }

    .positioning.bottom-plus-140 {
        bottom: 140px
    }

    .positioning.bottom-plus-160 {
        bottom: 160px
    }

    .positioning.bottom-plus-180 {
        bottom: 180px
    }

    .positioning.bottom-plus-200 {
        bottom: 200px
    }

    .positioning.bottom-plus-220 {
        bottom: 220px
    }

    .positioning.bottom-plus-240 {
        bottom: 240px
    }

    .positioning.bottom-plus-260 {
        bottom: 260px
    }

    .positioning.bottom-plus-280 {
        bottom: 280px
    }

    .positioning.bottom-plus-300 {
        bottom: 300px
    }

    .positioning.bottom-plus-320 {
        bottom: 320px
    }

    .positioning.bottom-plus-340 {
        bottom: 340px
    }

    .positioning.bottom-plus-360 {
        bottom: 360px
    }

    .positioning.bottom-plus-380 {
        bottom: 380px
    }

    .positioning.bottom-plus-400 {
        bottom: 400px
    }

    .positioning.bottom-plus-420 {
        bottom: 420px
    }

    .positioning.bottom-plus-440 {
        bottom: 440px
    }

    .positioning.bottom-plus-460 {
        bottom: 460px
    }

    .positioning.bottom-plus-480 {
        bottom: 480px
    }

    .positioning.bottom-plus-500 {
        bottom: 500px
    }

    .positioning.bottom-plus-520 {
        bottom: 520px
    }

    .positioning.bottom-plus-540 {
        bottom: 540px
    }

    .positioning.bottom-plus-560 {
        bottom: 560px
    }

    .positioning.bottom-plus-580 {
        bottom: 580px
    }

    .positioning.bottom-plus-600 {
        bottom: 600px
    }

    .positioning.left-minus-0 {
        left: 0
    }

    .positioning.left-minus-20 {
        left: -20px
    }

    .positioning.left-minus-40 {
        left: -40px
    }

    .positioning.left-minus-60 {
        left: -60px
    }

    .positioning.left-minus-80 {
        left: -80px
    }

    .positioning.left-minus-100 {
        left: -100px
    }

    .positioning.left-minus-120 {
        left: -120px
    }

    .positioning.left-minus-140 {
        left: -140px
    }

    .positioning.left-minus-160 {
        left: -160px
    }

    .positioning.left-minus-180 {
        left: -180px
    }

    .positioning.left-minus-200 {
        left: -200px
    }

    .positioning.left-minus-220 {
        left: -220px
    }

    .positioning.left-minus-240 {
        left: -240px
    }

    .positioning.left-minus-260 {
        left: -260px
    }

    .positioning.left-minus-280 {
        left: -280px
    }

    .positioning.left-minus-300 {
        left: -300px
    }

    .positioning.left-minus-320 {
        left: -320px
    }

    .positioning.left-minus-340 {
        left: -340px
    }

    .positioning.left-minus-360 {
        left: -360px
    }

    .positioning.left-minus-380 {
        left: -380px
    }

    .positioning.left-minus-400 {
        left: -400px
    }

    .positioning.left-minus-420 {
        left: -420px
    }

    .positioning.left-minus-440 {
        left: -440px
    }

    .positioning.left-minus-460 {
        left: -460px
    }

    .positioning.left-minus-480 {
        left: -480px
    }

    .positioning.left-minus-500 {
        left: -500px
    }

    .positioning.left-minus-520 {
        left: -520px
    }

    .positioning.left-minus-540 {
        left: -540px
    }

    .positioning.left-minus-560 {
        left: -560px
    }

    .positioning.left-minus-580 {
        left: -580px
    }

    .positioning.left-minus-600 {
        left: -600px
    }

    .positioning.right-minus-0 {
        right: 0
    }

    .positioning.right-minus-20 {
        right: -20px
    }

    .positioning.right-minus-40 {
        right: -40px
    }

    .positioning.right-minus-60 {
        right: -60px
    }

    .positioning.right-minus-80 {
        right: -80px
    }

    .positioning.right-minus-100 {
        right: -100px
    }

    .positioning.right-minus-120 {
        right: -120px
    }

    .positioning.right-minus-140 {
        right: -140px
    }

    .positioning.right-minus-160 {
        right: -160px
    }

    .positioning.right-minus-180 {
        right: -180px
    }

    .positioning.right-minus-200 {
        right: -200px
    }

    .positioning.right-minus-220 {
        right: -220px
    }

    .positioning.right-minus-240 {
        right: -240px
    }

    .positioning.right-minus-260 {
        right: -260px
    }

    .positioning.right-minus-280 {
        right: -280px
    }

    .positioning.right-minus-300 {
        right: -300px
    }

    .positioning.right-minus-320 {
        right: -320px
    }

    .positioning.right-minus-340 {
        right: -340px
    }

    .positioning.right-minus-360 {
        right: -360px
    }

    .positioning.right-minus-380 {
        right: -380px
    }

    .positioning.right-minus-400 {
        right: -400px
    }

    .positioning.right-minus-420 {
        right: -420px
    }

    .positioning.right-minus-440 {
        right: -440px
    }

    .positioning.right-minus-460 {
        right: -460px
    }

    .positioning.right-minus-480 {
        right: -480px
    }

    .positioning.right-minus-500 {
        right: -500px
    }

    .positioning.right-minus-520 {
        right: -520px
    }

    .positioning.right-minus-540 {
        right: -540px
    }

    .positioning.right-minus-560 {
        right: -560px
    }

    .positioning.right-minus-580 {
        right: -580px
    }

    .positioning.right-minus-600 {
        right: -600px
    }

    .positioning.top-minus-0 {
        top: 0
    }

    .positioning.top-minus-20 {
        top: -20px
    }

    .positioning.top-minus-40 {
        top: -40px
    }

    .positioning.top-minus-60 {
        top: -60px
    }

    .positioning.top-minus-80 {
        top: -80px
    }

    .positioning.top-minus-100 {
        top: -100px
    }

    .positioning.top-minus-120 {
        top: -120px
    }

    .positioning.top-minus-140 {
        top: -140px
    }

    .positioning.top-minus-160 {
        top: -160px
    }

    .positioning.top-minus-180 {
        top: -180px
    }

    .positioning.top-minus-200 {
        top: -200px
    }

    .positioning.top-minus-220 {
        top: -220px
    }

    .positioning.top-minus-240 {
        top: -240px
    }

    .positioning.top-minus-260 {
        top: -260px
    }

    .positioning.top-minus-280 {
        top: -280px
    }

    .positioning.top-minus-300 {
        top: -300px
    }

    .positioning.top-minus-320 {
        top: -320px
    }

    .positioning.top-minus-340 {
        top: -340px
    }

    .positioning.top-minus-360 {
        top: -360px
    }

    .positioning.top-minus-380 {
        top: -380px
    }

    .positioning.top-minus-400 {
        top: -400px
    }

    .positioning.top-minus-420 {
        top: -420px
    }

    .positioning.top-minus-440 {
        top: -440px
    }

    .positioning.top-minus-460 {
        top: -460px
    }

    .positioning.top-minus-480 {
        top: -480px
    }

    .positioning.top-minus-500 {
        top: -500px
    }

    .positioning.top-minus-520 {
        top: -520px
    }

    .positioning.top-minus-540 {
        top: -540px
    }

    .positioning.top-minus-560 {
        top: -560px
    }

    .positioning.top-minus-580 {
        top: -580px
    }

    .positioning.top-minus-600 {
        top: -600px
    }

    .positioning.bottom-minus-0 {
        bottom: 0
    }

    .positioning.bottom-minus-20 {
        bottom: -20px
    }

    .positioning.bottom-minus-40 {
        bottom: -40px
    }

    .positioning.bottom-minus-60 {
        bottom: -60px
    }

    .positioning.bottom-minus-80 {
        bottom: -80px
    }

    .positioning.bottom-minus-100 {
        bottom: -100px
    }

    .positioning.bottom-minus-120 {
        bottom: -120px
    }

    .positioning.bottom-minus-140 {
        bottom: -140px
    }

    .positioning.bottom-minus-160 {
        bottom: -160px
    }

    .positioning.bottom-minus-180 {
        bottom: -180px
    }

    .positioning.bottom-minus-200 {
        bottom: -200px
    }

    .positioning.bottom-minus-220 {
        bottom: -220px
    }

    .positioning.bottom-minus-240 {
        bottom: -240px
    }

    .positioning.bottom-minus-260 {
        bottom: -260px
    }

    .positioning.bottom-minus-280 {
        bottom: -280px
    }

    .positioning.bottom-minus-300 {
        bottom: -300px
    }

    .positioning.bottom-minus-320 {
        bottom: -320px
    }

    .positioning.bottom-minus-340 {
        bottom: -340px
    }

    .positioning.bottom-minus-360 {
        bottom: -360px
    }

    .positioning.bottom-minus-380 {
        bottom: -380px
    }

    .positioning.bottom-minus-400 {
        bottom: -400px
    }

    .positioning.bottom-minus-420 {
        bottom: -420px
    }

    .positioning.bottom-minus-440 {
        bottom: -440px
    }

    .positioning.bottom-minus-460 {
        bottom: -460px
    }

    .positioning.bottom-minus-480 {
        bottom: -480px
    }

    .positioning.bottom-minus-500 {
        bottom: -500px
    }

    .positioning.bottom-minus-520 {
        bottom: -520px
    }

    .positioning.bottom-minus-540 {
        bottom: -540px
    }

    .positioning.bottom-minus-560 {
        bottom: -560px
    }

    .positioning.bottom-minus-580 {
        bottom: -580px
    }

    .positioning.bottom-minus-600 {
        bottom: -600px
    }

    .positioning.left-plus-center,
    .positioning.right-plus-center,
    .positioning.left-minus-center,
    .positioning.right-minus-center {
        left: 50%;
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .positioning.top-plus-center,
    .positioning.bottom-plus-center,
    .positioning.top-minus-center,
    .positioning.bottom-minus-center {
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .positioning.left-plus-center.top-plus-center,
    .positioning.right-plus-center.top-plus-center,
    .positioning.left-minus-center.top-plus-center,
    .positioning.right-minus-center.top-plus-center,
    .positioning.left-plus-center.bottom-plus-center,
    .positioning.right-plus-center.bottom-plus-center,
    .positioning.left-minus-center.bottom-plus-center,
    .positioning.right-minus-center.bottom-plus-center,
    .positioning.left-plus-center.top-minus-center,
    .positioning.right-plus-center.top-minus-center,
    .positioning.left-minus-center.top-minus-center,
    .positioning.right-minus-center.top-minus-center,
    .positioning.left-plus-center.bottom-minus-center,
    .positioning.right-plus-center.bottom-minus-center,
    .positioning.left-minus-center.bottom-minus-center,
    .positioning.right-minus-center.bottom-minus-center {
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .contact-bar {
        display: none
    }

    .vebinar .left,
    .vebinar .right {
        vertical-align: middle !important
    }

    .vebinar .right {
        text-align: left
    }

    .vebinar .img {
        margin: 0 auto
    }

    .vebinar h2 {
        text-align: left !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media screen and (max-width:979px) {
    .banner {
        text-align: center;
        padding: 25px 0
    }

    .banner .banner-title {
        font-size: 18px;
        margin: 0 auto 20px !important
    }

    .banner .banner-subtitle {
        font-size: 26px
    }

    .banner .more {
        margin: 0 auto
    }

    .banner .container:after {
        width: 423px;
        height: 202px;
        margin: 15px auto -63px
    }

    h1 {
        font-size: 34px;
        line-height: 1.1;
        text-align: center
    }

    .button {
        font-size: 15px;
        padding: 20px
    }

    .outer {
        margin: 0 -1%
    }

    .wrapper {
        position: relative;
        background: #fff;
        width: 100%;
        max-width: 768px;
        overflow: hidden;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        -ie-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        -o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        box-shadow: 0 0 5px rgba(0, 0, 0, .1);
        margin: 0 auto
    }

    .container {
        position: relative;
        padding: 0 15px
    }

    .section {
        padding: 80px 0
    }

    .section .left,
    .section .right {
        width: 100%;
        display: block
    }

    .section h2 {
        max-width: 400px;
        font-size: 28px;
        font-size: calc((100vw - 320px)/(768 - 320)*(32 - 18) + 18px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(32 - 18) + 18px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(32 - 18) + 18px);
        line-height: 1.35;
        text-align: center
    }

    .section .description {
        font-size: 19px;
        font-size: calc((100vw - 320px)/(768 - 320)*(19 - 16) + 16px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(19 - 16) + 16px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(19 - 16) + 16px);
        line-height: 1.35
    }

    .header .social-groups {
        display: none !important
    }

    .hero .hero-section {
        text-align: center
    }

    .hero .background {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        background-size: cover
    }

    .fontsize_34px .hero .hero-section h1 {
        font-size: 34px;
        font-size: calc((100vw - 320px)/(768 - 320)*(34 - 26) + 26px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(34 - 26) + 26px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(34 - 26) + 26px)
    }

    .fontsize_36px .hero .hero-section h1 {
        font-size: 36px;
        font-size: calc((100vw - 320px)/(768 - 320)*(36 - 28) + 28px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(36 - 28) + 28px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(36 - 28) + 28px)
    }

    .fontsize_38px .hero .hero-section h1 {
        font-size: 38px;
        font-size: calc((100vw - 320px)/(768 - 320)*(38 - 30) + 30px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(38 - 30) + 30px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(38 - 30) + 30px)
    }

    .fontsize_40px .hero .hero-section h1 {
        font-size: 40px;
        font-size: calc((100vw - 320px)/(768 - 320)*(40 - 32) + 32px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(40 - 32) + 32px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(40 - 32) + 32px)
    }

    .fontsize_42px .hero .hero-section h1 {
        font-size: 24px;
        font-size: calc((100vw - 320px)/(768 - 320)*(42 - 24) + 24px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(42 - 24) + 24px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(42 - 24) + 24px)
    }

    .fontsize_44px .hero .hero-section h1 {
        font-size: 44px;
        font-size: calc((100vw - 320px)/(768 - 320)*(44 - 20) + 20px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(44 - 20) + 20px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(44 - 20) + 20px)
    }

    .fontsize_46px .hero .hero-section h1 {
        font-size: 46px;
        font-size: calc((100vw - 320px)/(768 - 320)*(46 - 38) + 38px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(46 - 38) + 38px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(46 - 38) + 38px)
    }

    .fontsize_48px .hero .hero-section h1 {
        font-size: 48px;
        font-size: calc((100vw - 320px)/(768 - 320)*(48 - 40) + 40px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(48 - 40) + 40px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(48 - 40) + 40px)
    }

    .fontsize_50px .hero .hero-section h1 {
        font-size: 50px;
        font-size: calc((100vw - 320px)/(768 - 320)*(50 - 42) + 42px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(50 - 42) + 42px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(50 - 42) + 42px)
    }

    .fontsize_52px .hero .hero-section h1 {
        font-size: 52px;
        font-size: calc((100vw - 320px)/(768 - 320)*(52 - 44) + 44px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(52 - 44) + 44px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(52 - 44) + 44px)
    }

    .fontsize_54px .hero .hero-section h1 {
        font-size: 54px;
        font-size: calc((100vw - 320px)/(768 - 320)*(54 - 46) + 46px);
        font-size: -moz-calc((100vw - 320px)/(768 - 320)*(54 - 46) + 46px);
        font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(54 - 46) + 46px)
    }

    .hero .hero-section p {
        font-size: 19px;
        line-height: 1.4
    }

    .hero .hero-section .left .buttons {
        margin: -5px auto
    }

    .hero .hero-section .left .button {
        margin: 5px
    }

    .hero .tablet {
        position: relative;
        max-width: 500px;
        text-align: center;
        box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .16);
        margin: 40px auto 0;
        padding: 45px 20px
    }

    .hero .tablet:after {
        top: -24px;
        left: 50%;
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .hero .tablet .text {
        text-align: center
    }

    .hero .hero-section .img {
        width: 100%;
        display: block;
        margin: 20px auto
    }

    .hero .hero-section .form .form-wrap .fields {
        width: 100%;
        display: block;
        overflow: hidden;
        border-radius: 5px;
        box-shadow: 0px 10px 14px 0px rgba(90, 111, 155, .05);
        margin-bottom: 12px
    }

    .hero .hero-section .form .form-wrap .fields .button {
        border-radius: 0
    }

    .hero .calltoaction {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px
    }

    .benefits .container .row .item {
        width: 100%;
        display: block;
        margin: 50px auto 0
    }

    .benefits .container .row .item {
        max-width: 360px;
        text-align: center
    }

    .benefits .container .row .item .icon {
        margin: 0 auto 25px
    }

    .benefits.numeral .container .row .item:before {
        font-size: 100px
    }

    .benefits .container .row .item .benefits-content p {
        font-size: 16px
    }

    .cases .item {
        max-width: 586px;
        padding: 60px 0 0;
        margin: 0 auto
    }

    .cases .item h2 {
        margin: 0 auto
    }

    .cases .item h3 {
        font-size: 22px;
        text-align: center
    }

    .cases .item .price-wrap {
        text-align: center
    }

    .cases .item .price-wrap .cost {
        display: inline-block;
        vertical-align: top;
        margin: 0 20px 10px
    }

    .cases .item .left {
        margin: 0 0 30px
    }

    .tabs .tabs-navigation {
        margin-bottom: 35px
    }

    .tabs .tab-content .col {
        display: block !important;
        padding: 30px 30px 0;
        margin: 0 auto 30px
    }

    .tabs .tab-content .col:last-child {
        padding: 0 30px 30px;
        margin: 0 auto
    }

    .tabs .tab-content .col .tab-picture {
        margin: 0 auto
    }

    .tabs .tab-content .col h3 {
        font-size: 24px;
        text-align: center
    }

    .tabs .tab-content .tab-info {
        text-align: center;
        margin: 0 -20px
    }

    .tabs .tab-content .tab-info li {
        margin: 10px 12px
    }

    .tabs .tab-content .cost {
        text-align: center
    }

    .tabs .tab-content .cost .old-price {
        display: table;
        margin: 0 auto
    }

    .tabs .tab-content .col .button {
        width: 100%;
        text-align: center
    }

    .spreadsheet table {
        text-align: center
    }

    .spreadsheet table thead {
        display: none
    }

    .spreadsheet table tr {
        display: block;
        padding: 30px 25px
    }

    .spreadsheet table td {
        display: block;
        border: none;
        padding: 10px 0
    }

    .spreadsheet table td:before {
        content: attr(data-label);
        display: block;
        font-family: robotomedium;
        color: rgba(0, 0, 0, .39);
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 10px
    }

    .spreadsheet table td .name {
        font-size: 22px;
        margin-left: auto;
        margin-right: auto
    }

    .spreadsheet table td p {
        font-size: 16px
    }

    .spreadsheet table td p {
        margin-left: auto;
        margin-right: auto
    }

    .gallery.g2 .outer {
        padding: 0 15px
    }

    .gallery.g1 .item {
        width: 48%;
        display: inline-block;
        vertical-align: top;
        margin: 1%
    }

    .people.p1 .outer {
        margin: 0 -15px
    }

    .people.p1 .item {
        display: inline-block;
        vertical-align: top;
        padding: 15px
    }

    .people.p1.people_1x4 .item {
        width: 50%
    }

    .people.p1.people_1x5 .item {
        width: 33.33333333333333333%
    }

    .people .outer .item img {
        margin: 0 0 20px
    }

    .people .outer .item .name {
        font-size: 16px
    }

    .docs .outer {
        margin: 0 -15px
    }

    .docs .outer .item {
        width: 33.33333333333333333%;
        max-width: 230px;
        display: inline-block;
        vertical-align: top;
        padding: 15px
    }

    .docs .item .img-wrap {
        box-shadow: 0 16px 23px -18px rgba(0, 0, 0, .67)
    }

    .qa .item {
        width: 100%;
        max-width: 600px;
        display: block;
        margin: 20px auto 0
    }

    .qa .item .answer {
        font-size: 16px
    }

    .reviews.review-text .owl-prev,
    .reviews.review-text .owl-next {
        top: 30% !important
    }

    .reviews .owl-prev {
        left: -5px
    }

    .reviews .owl-next {
        right: -5px
    }

    .reviews.review-text .review {
        text-align: center;
        padding: 40px
    }

    .reviews.review-text .review .review-author {
        margin: 0 auto 20px
    }

    .reviews.review-text .review .review-author .avatar-wrap {
        margin: 0 auto 10px
    }

    .reviews.review-text .review .review-author .review-name {
        font-size: 16px
    }

    .reviews.review-pics .row {
        margin: 0 -15px
    }

    .reviews.review-pics .row .review {
        width: 33.33333333333333333%;
        display: inline-block;
        vertical-align: top;
        padding: 15px
    }

    .offer .form .form-wrap {
        max-width: 500px;
        padding: 30px;
        margin: 20px auto 0
    }

    .form .button {
        padding: 15px
    }

    .brands .item {
        width: 48%
    }

    .video .container .video-wrap .item {
        display: inline-block;
        vertical-align: top;
        padding: 10px
    }

    .video.one.vertical .container .video-wrap .item,
    .video.one.horizontal .container .video-wrap .item {
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .video.two.horizontal .container .video-wrap .item {
        width: 50%
    }

    .video.three.horizontal .container .video-wrap .item {
        width: 33.33333333333333%
    }

    .video.four.horizontal .container .video-wrap .item {
        width: 50%
    }

    .video.two.vertical .container .video-wrap .item {
        width: 50%
    }

    .video.three.vertical .container .video-wrap .item {
        width: 33.33333333333333%
    }

    .video.four.vertical .container .video-wrap .item {
        width: 25%
    }

    .documents,
    .listing,
    .breadcrumbs,
    .title,
    .social {
        text-align: center
    }

    .documents .documents-wrap .document-title {
        margin-bottom: 20px
    }

    .listing {
        justify-content: center;
        margin-left: -1.5%;
        margin-right: -1.5%
    }

    .listing .card {
        margin: 4% 1.5% 0
    }

    .listing .card.quarter {
        width: 47%
    }

    .listing .card.fifth {
        width: 30.3333333333333333%
    }

    .listing .card .cost .price,
    .listing .card .cost .old-price {
        display: inline-block;
        line-height: 1
    }

    .listing .card .cost .old-price {
        margin-left: 15px
    }

    .product .left,
    .product .right {
        width: 100%;
        display: block;
        text-align: center
    }

    .product .left {
        margin: 0 0 40px
    }

    .product .left .product-pictures {
        max-width: 607px;
        margin-left: auto;
        margin-right: auto
    }

    .product .left .product-pictures .owl-carousel .owl-item {
        width: 100%
    }

    .product .left .product-pictures .main-picture img {
        max-height: 360px
    }

    .product .left .product-pictures .additional {
        margin: 0 -5px
    }

    .product .left .product-pictures .additional .item {
        width: 60px;
        height: 60px;
        display: inline-block;
        margin: 10px 5px 0
    }

    .product .right .order-block {
        margin-left: auto;
        margin-right: auto
    }

    .product .right .calltoaction {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .product .right .important-info {
        margin-left: auto;
        margin-right: auto
    }

    .product .right .cost .price,
    .product .right .cost .old-price {
        display: table;
        margin-left: auto;
        margin-right: auto
    }

    .product .right .cost .old-price {
        margin-top: 10px
    }

    .product .right .order-block .quantity,
    .product .right .order-block .buttons .button.whatsapp {
        margin-left: 10px;
        margin-right: 10px
    }

    .product .right .calltoaction:before {
        left: 50%;
        margin-left: -10px
    }

    .product .readmore-toggle {
        margin-left: auto;
        margin-right: auto
    }

    .text {
        line-height: 1.6
    }

    .text .video-wrap {
        position: relative;
        display: block;
        height: 0;
        overflow: hidden;
        padding-bottom: 56.25%
    }

    .text .video-wrap iframe,
    .text .video-wrap object,
    .text .video-wrap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .picture {
        margin: 0 -15px
    }

    .picture .caption {
        margin: 0 15px
    }

    .notfound,
    .text {
        font-size: 16px
    }

    .notfound {
        padding: 0 1%
    }

    .modal .modal-wrapper .modal-container {
        padding: 25px 20px 15px
    }

    .form .form-row {
        font-size: 0;
        margin: 0 -2%
    }

    .form .fields.half {
        width: 46%;
        display: inline-block;
        vertical-align: top;
        margin-left: 2%;
        margin-right: 2%
    }

    .form .form-row .fields.btn {
        width: 96%
    }

    .form .fields .input,
    .form .fields .select,
    .form .fields .textarea {
        height: 50px;
        line-height: 50px
    }

    .owl-prev {
        left: 5px
    }

    .owl-next {
        right: 5px
    }

    .video-container .video-button {
        width: 60px;
        height: 60px
    }

    .one .video-container .video-button {
        width: 80px;
        height: 80px
    }

    .positioning.img {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto
    }

    .positioning.decor {
        display: none !important
    }

    .contact-bar {
        z-index: 9999;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #2f3542;
        display: none;
        height: 50px;
        text-align: center;
        box-shadow: 0 -1px 6px rgba(0, 0, 0, .26), inset 0 1px rgba(255, 255, 255, .11)
    }

    .contact-bar.fixed {
        display: block
    }

    .contact-bar a {
        width: 100%;
        display: block;
        font-family: robotomedium;
        color: #fff;
        font-size: 13px;
        line-height: 50px;
        padding: 0 10px
    }

    .contact-bar.both a {
        width: 50%;
        display: inline-block
    }

    .contact-bar.both a:first-child {
        border-right: 1px solid rgba(0, 0, 0, .48)
    }

    .positioning.img_300px {
        max-width: 300px
    }

    .positioning.img_350px {
        max-width: 350px
    }

    .positioning.img_400px {
        max-width: 400px
    }

    .positioning.img_450px {
        max-width: 450px
    }

    .positioning.img_500px {
        max-width: 500px
    }

    .positioning.img_550px {
        max-width: 550px
    }

    .positioning.img_600px {
        max-width: 600px
    }

    .positioning.img_650px {
        max-width: 650px
    }

    .positioning.img_700px {
        max-width: 700px
    }

    .positioning.img_750px {
        max-width: 750px
    }

    .positioning.img_800px {
        max-width: 800px
    }

    .positioning.img_850px {
        max-width: 850px
    }

    .positioning.img_900px {
        max-width: 900px
    }

    .positioning.img_950px {
        max-width: 950px
    }

    .positioning.img_1000px {
        max-width: 1000px
    }

    .positioning.img_1050px {
        max-width: 1050px
    }

    .positioning.img_1100px {
        max-width: 1100px
    }

    body .ya-chat-widget_theme_dark,
    body .ya-chat-widget_theme_light {
        bottom: 70px !important
    }

    .vebinar {
        text-align: center
    }

    .vebinar .img {
        margin: 0 auto 40px
    }

    .vebinar .button {
        margin: 0 auto
    }
}

@media screen and (max-width:640px) {
    .mapbtn.button {
        width: 180px;
        margin-left: 15px;
        padding: 18px 0
    }

    .outer {
        margin: 0
    }

    .section {
        padding: 60px 0
    }

    .gallery.g2 .outer {
        max-width: 471px;
        padding: 0;
        margin: 0 auto
    }

    .people.p1 .outer {
        margin: 0 -10px
    }

    .people.p1 .item {
        display: inline-block;
        vertical-align: top;
        padding: 10px
    }

    .docs .outer {
        margin: 0 -10px
    }

    .docs .outer .item {
        padding: 10px
    }

    .reviews.review-pics .row {
        margin: 0 -10px
    }

    .reviews.review-pics .row .review {
        width: 50%;
        padding: 10px
    }

    .video.two.horizontal .container .video-wrap .item,
    .video.three.horizontal .container .video-wrap .item,
    .video.four.horizontal .container .video-wrap .item {
        width: 50%
    }

    .video.two.vertical .container .video-wrap .item,
    .video.four.vertical .container .video-wrap .item {
        width: 50%
    }

    .video.three.vertical .container .video-wrap .item {
        width: 33.33333333333333%
    }

    .listing .card.fifth {
        width: 47%
    }

    .notfound {
        padding: 0
    }

    .form .form-row {
        margin: 0
    }

    .form .fields.half {
        width: 100%;
        display: block;
        padding: 0;
        margin-left: 0;
        margin-right: 0
    }

    .form .form-row .fields.btn {
        width: 100%
    }
}

@media screen and (max-width:540px) {
    .container {
        padding-right: 10px;
        padding-left: 10px
    }

    .hero .hero-section p {
        line-height: 1.3
    }

    .people.p1.people_1x4 .item {
        width: 50%
    }

    .people.p1.people_1x5 .item {
        width: 50%
    }

    .docs .outer .item {
        width: 50%
    }

    .video.two.horizontal .container .video-wrap .item,
    .video.three.horizontal .container .video-wrap .item,
    .video.four.horizontal .container .video-wrap .item {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .video.two.vertical .container .video-wrap .item,
    .video.four.vertical .container .video-wrap .item,
    .video.three.vertical .container .video-wrap .item {
        width: 50%
    }

    .picture {
        margin: 0 -10px
    }

    .picture .caption {
        margin: 0 10px
    }
}

@media screen and (max-width:480px) {
    .banner .container:after {
        width: 300px;
        height: 143px;
        margin: 15px auto -51px
    }

    .banner .banner-title {
        font-size: 18px
    }

    .banner .banner-subtitle {
        font-size: 24px
    }

    h1 {
        font-size: 28px
    }

    .section {
        padding: 30px 0
    }

    .benefits.b3 .container .row .item {
        text-align: center
    }

    .benefits.numeral .container .row .item:before,
    .benefits.b3 .container .row .item .icon {
        float: none;
        margin: 0 auto 25px
    }

    .cases .item {
        padding: 40px 0 0
    }

    .tabs .tabs-navigation {
        margin-bottom: 30px
    }

    .gallery.g1 .item {
        width: 100%;
        max-width: 471px;
        display: block;
        margin: 5px auto
    }

    .reviews.review-text .review {
        padding: 30px
    }

    .reviews.review-pics .row {
        margin: 0 -6px
    }

    .reviews.review-pics .row .review {
        padding: 6px
    }

    .offer .form .form-wrap {
        padding: 30px 20px
    }

    .listing .card.quarter,
    .listing .card.fifth {
        width: 100%;
        margin: 20px auto 0
    }

    .text {
        line-height: 1.45
    }
}

@media screen and (max-width:420px) {
    .button {
        font-size: 14px;
        padding: 18px 12px
    }

    .logotype.img img {
        width: 200px !important
    }

    .hero .hero-section {
        padding: 30px 0 20px !important
    }

    .hero .hero-section p {
        font-size: 16px !important
    }

    .cases .item h3 {
        font-size: 20px !important
    }

    .tabs .tab-content .col {
        padding: 30px 20px 0
    }

    .tabs .tab-content .col:last-child {
        padding: 0 20px 30px
    }

    .tabs .tab-content h3 {
        font-size: 20px !important
    }

    .tabs .tab-content .col p {
        text-align: center
    }

    .tabs .tab-content .tab-info li {
        margin: 10px
    }
}

@media screen and (max-width:360px) {
    .banner .banner-title {
        font-size: 17px
    }

    .banner .banner-subtitle {
        font-size: 22px
    }

    .button {
        font-size: 13px;
        padding: 14px 10px
    }

    .people .outer .item img {
        margin: 0 0 12px
    }

    .people .outer .item .name {
        font-size: 15px
    }

    .benefits.numeral .container .row .item:before {
        font-size: 80px
    }

    .benefits .container .row .item .benefits-content h3 {
        font-size: 18px !important
    }

    .docs .outer {
        margin: 0 -6px
    }

    .docs .outer .item {
        padding: 12px 6px
    }

    .reviews.review-text .review {
        padding: 30px 20px
    }

    .offer .form .form-wrap {
        padding: 30px 15px
    }

    .listing {
        margin-left: 0;
        margin-right: 0
    }

    .modal .modal-wrapper .modal-container {
        padding: 25px 15px 15px
    }
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min--moz-device-pixel-ratio:1.5),
only screen and (-o-min-device-pixel-ratio:3/2),
only screen and (min-resolution:1.5dppx),
only screen and (min-resolution:144dpi) {
    .logotype:before {
        background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/logo@2x.png) !important
    }

    .reviews.review-text .review .review-author .avatar-wrap .avatar.no {
        background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/avatar@2x.png) !important
    }

    .reviews.review-text .review .review-author .avatar-wrap.vk:before,
    .reviews.review-text .review .review-author .avatar-wrap.instagram:before {
        background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite@2x.png) !important
    }

    .product .right .important-info:after {
        background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite@2x.png) !important
    }

    .nophoto:after {
        background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite@2x.png) !important
    }

    .social-groups a:after {
        background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite@2x.png) !important
    }

    .owl-carousel .owl-video-play-icon {
        background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/play@2x.png) !important
    }

    .scrolltop:before {
        background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite@2x.png) !important
    }
}

.main {
    padding: 0 0 100px
}

.main.landing {
    padding: 0
}

.section.light {
    color: #000;
    color: rgba(0, 0, 0, .8)
}

.section.dark {
    color: #fff;
    color: rgba(255, 255, 255, .8)
}

.section h2 {
    position: relative;
    text-align: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px
}

.section.light h2 {
    color: #000
}

.section.dark h2 {
    color: #fff
}

.section .description {
    width: 90%;
    max-width: 728px;
    color: #333;
    text-align: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto
}

.section.light .description {
    color: #000;
    color: rgba(0, 0, 0, .75)
}

.section.dark .description {
    color: #fff;
    color: rgba(255, 255, 255, .75)
}

.logotype {
    z-index: 20;
    display: table
}

.logotype.txt {
    font-family: robotobold;
    font-size: 18px
}

.header.light .logotype.txt {
    color: #000
}

.header.dark .logotype.txt {
    color: #fff
}

.logotype.img {
    line-height: 0
}

.logotype.img img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 7px
}

.logotype.img.txt img {
    margin-right: 7px
}

.logotype.txt span {
    width: 52px;
    height: 52px;
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 52px;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -o-border-radius: 52px;
    -ms-border-radius: 52px;
    border-radius: 52px;
    margin-right: 7px
}

.banner {
    z-index: 999;
    position: relative;
    background-color: #67057e;
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover
}

.banner .container:after {
    z-index: 1;
    content: "";
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/woman.png);
    background-repeat: no-repeat;
    background-size: 100%;
    display: block
}

.banner .banner-subtitle {
    font-family: robotobold;
    color: #fff163;
    line-height: 1.25;
    margin-bottom: 10px
}

.banner .banner-title {
    max-width: 510px;
    font-family: robotomedium;
    color: #fff;
    line-height: 1.3
}

.banner .more {
    position: relative;
    display: table;
    background-color: #fff;
    height: 60px;
    font-family: robotobold;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    white-space: nowrap;
    line-height: 60px;
    outline: none;
    border: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -o-border-radius: 60px;
    -ms-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    padding: 0 25px
}

.hero {
    position: relative
}

.hero .background {
    z-index: 10;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    display: block
}

.hero.light .background {
    background-color: #fff
}

.hero.dark .background {
    background-color: #342e37
}

.hero.gradient:after {
    z-index: 11
}

.hero .hero-section {
    z-index: 14;
    position: relative
}

.hero.hidden .hero-section {
    overflow: hidden
}

.hero .hero-section .hero-wrap {
    z-index: 20;
    position: relative
}

.hero .hero-section h1 {
    display: block;
    line-height: 1.2;
    margin: 0 0 25px
}

.hero.light .hero-section h1 {
    color: #000
}

.hero.dark .hero-section h1 {
    color: #fff
}

.hero.ll11 .hero-section h1 {
    line-height: 1.1
}

.hero.ll12 .hero-section h1 {
    line-height: 1.2
}

.hero.ll13 .hero-section h1 {
    line-height: 1.3
}

.hero.ll14 .hero-section h1 {
    line-height: 1.4
}

.hero.uppercase .hero-section h1 {
    text-transform: uppercase
}

.hero .hero-section p {
    display: block;
    margin: 0 0 35px
}

.hero .left .buttons .button {
    display: inline-block;
    vertical-align: middle
}

.hero.light .hero-section p {
    color: rgba(0, 0, 0, .92)
}

.hero.dark .hero-section p {
    color: rgba(255, 255, 255, .92)
}

.hero .tablet {
    z-index: 12;
    border-radius: 5px
}

.hero .tablet.white {
    background-color: #fff
}

.hero .tablet.grey {
    background-color: #f8f8f8
}

.hero .tablet.black {
    background-color: #333
}

.hero .tablet.accent {
    background-color: #333
}

.hero .tablet:after {
    content: "+";
    position: absolute;
    width: 48px;
    height: 48px;
    font-size: 22px;
    text-align: center;
    line-height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 4px 3px rgba(0, 0, 0, .06)
}

.hero .tablet.black:after,
.hero .tablet.accent:after {
    background-color: #fff
}

.hero .tablet.white:after,
.hero .tablet.grey:after {
    color: #fff
}

.hero .tablet .tablet-name {
    font-family: robotobold;
    font-size: 16px;
    margin: 0 0 10px
}

.hero .tablet.white .tablet-name,
.hero .tablet.grey .tablet-name {
    color: #000
}

.hero .tablet.black .tablet-name,
.hero .tablet.accent .tablet-name {
    color: #fff
}

.hero .tablet .text {
    font-size: 15px;
    margin: 0
}

.hero .tablet.white .text,
.hero .tablet.grey .text {
    color: rgba(0, 0, 0, .98)
}

.hero .tablet.black .text,
.hero .tablet.accent .text {
    color: rgba(255, 255, 255, .98)
}

.hero .tablet.grey {
    background-color: #f8f8f8
}

.hero .hero-section .form .fields .input,
.hero .hero-section .form .fields .select {
    background-color: #fff
}

.hero .hero-section .form .button {
    width: 100%;
    box-shadow: none
}

.hero .calltoaction {
    max-width: 190px;
    font-family: robotomedium;
    font-size: 14px;
    line-height: 1.4
}

.hero.light .calltoaction {
    color: rgba(0, 0, 0, .76)
}

.hero.dark .calltoaction {
    color: rgba(255, 255, 255, .76)
}

.benefits {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover
}

.benefits.light {
    background-color: #fff
}

.benefits.dark {
    background-color: #342e37
}

.benefits.dark:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(133deg, #000, rgba(0, 0, 0, .7));
    width: 100%;
    display: block
}

.benefits .container {
    z-index: 2
}

.benefits .container .benefits-wrap {
    position: relative;
    margin-top: 20px
}

.benefits .container .row {
    overflow: hidden
}

.benefits.numeral .container .row {
    counter-reset: item
}

.benefits .container .row .item {
    position: relative
}

.benefits.numeral .container .row .item:before {
    content: counter(item);
    counter-increment: item;
    display: block;
    font-family: robotobold;
    line-height: 1;
    margin-bottom: 10px
}

.benefits.light.numeral .container .row .item:before {
    color: rgba(0, 0, 0, .17)
}

.benefits.dark.numeral .container .row .item:before {
    color: rgba(255, 255, 255, .17)
}

.benefits .container .row .item .icon {
    position: relative
}

.benefits.icon-decor .container .row .item .icon {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.benefits.icon-decor.icon1 .container .row .item .icon {
    background-color: #f8f8f8
}

.benefits.icon-decor.bg-icon50 .container .row .item .icon {
    width: 50px;
    height: 50px
}

.benefits.icon-decor.bg-icon60 .container .row .item .icon {
    width: 60px;
    height: 60px
}

.benefits.icon-decor.bg-icon70 .container .row .item .icon {
    width: 70px;
    height: 70px
}

.benefits.icon-decor.bg-icon80 .container .row .item .icon {
    width: 80px;
    height: 80px
}

.benefits.icon-decor.bg-icon90 .container .row .item .icon {
    width: 90px;
    height: 90px
}

.benefits.icon-decor.bg-icon100 .container .row .item .icon {
    width: 100px;
    height: 100px
}

.benefits.icon-decor.bg-icon110 .container .row .item .icon {
    width: 110px;
    height: 110px
}

.benefits.icon-decor.bg-icon120 .container .row .item .icon {
    width: 120px;
    height: 120px
}

.benefits.icon-decor.bg-icon130 .container .row .item .icon {
    width: 130px;
    height: 130px
}

.benefits.icon-decor.bg-icon140 .container .row .item .icon {
    width: 140px;
    height: 140px
}

.benefits.icon-decor.bg-icon150 .container .row .item .icon {
    width: 150px;
    height: 150px
}

.benefits.icon-decor.bg-icon160 .container .row .item .icon {
    width: 160px;
    height: 160px
}

.benefits.icon-decor .container .row .item .icon img,
.benefits.icon-decor .container .row .item .icon img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 120px;
    max-height: 120px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.benefits .container .row .item .benefits-content {
    overflow: hidden
}

.benefits .container .row .item .benefits-content h3 {
    font-size: 20px;
    line-height: 1.3;
    margin: 0 0 12px
}

.benefits.light .container .row .item .benefits-content h3 {
    color: #000;
    color: rgba(0, 0, 0, .995)
}

.benefits.dark .container .row .item .benefits-content h3 {
    color: #fff;
    color: rgba(255, 255, 255, .995)
}

.benefits .container .row .item .benefits-content p {
    line-height: 1.4;
    margin: 0
}

.cases {
    background-color: #fff
}

.cases .item {
    background-color: #fff
}

.cases .item .case-picture {
    width: 100%
}

.cases .item .case-picture img {
    max-width: 100%;
    border-radius: 5px
}

.cases .item .additional {
    margin: 0 -8px
}

.cases .item .additional a {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 16px 8px 0
}

.cases .item .additional a img {
    width: 100%;
    display: block;
    border-radius: 5px
}

.cases .item h3 {
    font-family: robotobold;
    color: rgba(0, 0, 0, .95);
    line-height: 1.3;
    margin: 0 0 30px
}

.cases .item .price-wrap .cost {
    display: inline-block;
    vertical-align: top;
    font-family: robotobold;
    white-space: nowrap
}

.cases .item .price-wrap .cost .name {
    color: rgba(0, 0, 0, .59);
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px
}

.cases .item .price-wrap .cost .price {
    color: #000;
    font-size: 18px;
    line-height: 1.3;
    margin-top: 12px
}

.cases .item .button {
    background: #f8f8f8;
    width: 100%;
    color: #fff;
    text-align: center;
    box-shadow: none;
    margin-top: 30px
}

.cases .item .button:hover {
    color: #fff
}

.tabs {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover
}

.tabs.light {
    background-color: #f8f8f8
}

.tabs.dark {
    background-color: #342e37
}

.tabs.dark:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(133deg, #000, rgba(0, 0, 0, .7));
    width: 100%;
    display: block
}

.tabs .container {
    z-index: 2
}

.tabs .tabs-navigation {
    width: 100%;
    white-space: nowrap;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    text-align: center;
    margin-top: 50px
}

.tabs .tabs-navigation::-webkit-scrollbar {
    height: 0
}

.tabs .tabs-navigation a {
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    font-family: robotomedium;
    color: #111;
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
    border-radius: 5px;
    padding: 12px 10px;
    margin: 4px
}

.tabs .tabs-navigation a.active {
    color: #fff
}

.tabs table,
.tabs table tbody {
    width: 100% !important;
    display: block !important;
    border: none !important;
    outline: none !important
}

.tabs .tab-content {
    z-index: 1;
    position: relative;
    background-color: #fff;
    width: 100%;
    display: none;
    color: #000;
    font-size: 0;
    box-shadow: 4px 6px 32px 0px rgba(61, 54, 54, .2);
    border-radius: 5px
}

.tabs .tab-content.active {
    display: block
}

.tabs .tab-content .tab-picture {
    max-width: 450px
}

.tabs .tab-content .tab-picture img {
    width: 100%
}

.tabs .tab-content h3 {
    font-family: robotobold;
    color: rgba(0, 0, 0, .99);
    line-height: 1.3;
    margin: 0
}

.tabs .tab-content .text {
    color: rgba(0, 0, 0, .85)
}

.tabs .tab-content .tab-info {
    margin: 25px 0 15px
}

.tabs .tab-content .tab-info li {
    display: inline-block;
    vertical-align: top
}

.tabs .tab-content .name {
    position: relative;
    display: block;
    color: rgba(0, 0, 0, .59);
    font-size: 9px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 12px
}

.tabs .tab-content .tab-info li .name.teoriya:before {
    content: "Теория";
    position: relative
}

.tabs .tab-content .tab-info li .name.praktika:before {
    content: "Практика";
    position: relative
}

.tabs .tab-content .tab-info li .name.itogo:before {
    content: "Итого";
    position: relative
}

.tabs .tab-content .tab-info li .value {
    display: block;
    font-family: robotobold;
    color: #000;
    font-size: 18px
}

.tabs .tab-content .cost {
    margin-top: 20px;
    margin-bottom: 30px
}

.tabs .tab-content .cost .price {
    font-family: robotobold;
    color: #bd0000;
    line-height: 1.3
}

.tabs .tab-content .cost .price span {
    font-size: 16px
}

.tabs .tab-content .cost .price span.value {
    font-size: 30px
}

.tabs .tab-content .cost .old-price {
    font-family: robotomedium;
    font-size: 18px
}

.tabs .tab-content .cost .old-price:after {
    top: 50%;
    height: 2px
}

.tabs .tab-content .button {
    display: inline-block !important
}

.spreadsheet {
    background-color: #fff
}

.spreadsheet .spreadsheet-wrap {
    margin-top: 50px
}

.spreadsheet table {
    width: 100%;
    border-collapse: collapse;
    border: none
}

.spreadsheet table th {
    font-family: robotomedium;
    color: rgba(0, 0, 0, .39);
    font-size: 15px;
    font-weight: 400;
    vertical-align: bottom
}

.spreadsheet table tr {
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.spreadsheet table tbody tr:last-child {
    border-bottom: none
}

.spreadsheet table td {
    background-color: #fff;
    vertical-align: middle;
    color: rgba(0, 0, 0, .69);
    line-height: 1.2;
    border: none
}

.spreadsheet table td img {
    width: 80px;
    margin: 0 auto
}

.shopwindow .spreadsheet table td img {
    width: 140px;
    margin: 0 auto
}

.spreadsheet table td .name {
    max-width: 450px;
    display: block;
    font-family: robotobold;
    color: rgba(0, 0, 0, .995);
    line-height: 1.3
}

.spreadsheet table td p {
    max-width: 480px;
    line-height: 1.5;
    margin-top: 10px;
    margin-bottom: 0
}

.spreadsheet table td p span {
    position: relative;
    font-size: 15px;
    padding-left: 16px;
    margin-left: 10px
}

.spreadsheet table td p span:first-child {
    padding-left: 0;
    margin-left: 0
}

.spreadsheet table td p span:after {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    background-color: #777;
    width: 3px;
    height: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.spreadsheet table td p span:first-child:after {
    content: none
}

.spreadsheet table td .price {
    font-family: robotomedium;
    color: rgba(0, 0, 0, .995);
    font-size: 18px;
    line-height: 1.5
}

.spreadsheet table td del {
    display: block;
    color: rgba(0, 0, 0, .65);
    font-size: 13px;
    margin-top: 6px
}

.spreadsheet table td .button {
    display: block;
    font-size: 14px;
    text-align: center;
    padding: 20px 15px;
    margin: 0 auto
}

.spreadsheet .spreadsheet-note {
    max-width: 600px;
    color: rgba(0, 0, 0, .49);
    font-size: 13px;
    text-align: center;
    margin: 30px auto 0
}

.shopwindow {
    background-color: #fff
}

.shopwindow .row {
    margin-top: 40px
}

.gallery {
    background-color: #fff;
    max-width: 1920px;
    margin: 0 auto
}

.gallery .outer {
    margin-top: 40px
}

.gallery .outer .item .img-wrap {
    position: relative;
    width: 100%
}

.gallery .outer .item .img-wrap img {
    z-index: 0;
    width: 100%;
    height: auto
}

.gallery .outer .item .img-wrap:before {
    z-index: 1;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .05);
    width: 100%;
    height: 100%;
    display: block;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
    transition-timing-function: ease;
    -webkit-transition-property: background;
    -moz-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -moz-pointer-events: none;
    -webkit-pointer-events: none;
    -ms-pointer-events: none;
    pointer-events: none
}

.gallery .outer .item .img-wrap:hover:before {
    background-color: rgba(0, 0, 0, .2)
}

.gallery .outer .item .img-wrap .caption {
    z-index: 3;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    width: 100%;
    opacity: 0;
    color: rgba(255, 255, 255, .73);
    font-size: 13px;
    -webkit-transition: opacity .9s ease;
    -moz-transition: opacity .9s ease;
    -ms-transition: opacity .9s ease;
    -o-transition: opacity .9s ease;
    transition: opacity .9s ease;
    padding: 10px
}

.gallery .outer .item .img-wrap:hover .caption {
    opacity: 1;
    color: #fff
}

.gallery .more {
    background-color: #f8f8f8;
    max-width: 200px;
    display: block;
    font-family: robotomedium;
    color: #333;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    padding: 14px 8px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto
}

.people {
    background-color: #fff;
    text-align: center
}

.people .outer {
    margin-top: 40px
}

.people .outer .item {
    position: relative;
    max-width: 276px
}

.people .outer .item img {
    width: 100%;
    height: auto
}

.people .outer .item .name {
    font-family: robotobold;
    color: rgba(0, 0, 0, .995);
    line-height: 1.35
}

.people .outer .item div {
    position: relative;
    font-family: robotomedium;
    color: rgba(0, 0, 0, .39);
    font-size: 13px;
    margin: 10px 0 0
}

.people .outer .item .teoriya:before {
    position: relative;
    content: "Преподаватель теории"
}

.people .outer .item .instructor:before {
    position: relative;
    content: "Инструктор автошколы"
}

.docs {
    background-color: #fff;
    text-align: center
}

.docs .outer {
    margin-top: 40px
}

.docs .outer .item .img-wrap {
    background-color: #fff;
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/bg/frame.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    padding: 11%
}

.docs .outer .item .img-wrap img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block
}

.docs .more {
    background-color: #f8f8f8;
    max-width: 200px;
    display: block;
    font-family: robotomedium;
    color: #333;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    padding: 14px 8px;
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto
}

.qa {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover
}

.qa.light {
    background-color: #fff
}

.qa.dark {
    background-color: #342e37
}

.qa.dark:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(133deg, #000, rgba(0, 0, 0, .7));
    width: 100%;
    display: block
}

.qa .container {
    z-index: 2
}

.qa .container .qa-wrap {
    position: relative
}

.qa .item {
    background-color: #f8f8f8;
    text-align: left;
    border-radius: 5px;
    padding: 28px 30px
}

.qa .item.disabled .answer {
    display: none
}

.qa .item .question {
    position: relative;
    cursor: pointer;
    font-family: robotomedium;
    color: #000;
    font-size: 17px;
    line-height: 1.35;
    padding-right: 25px
}

.qa .item .question:after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    color: #000;
    font-size: 22px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}

.qa .item.active .question:after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.qa .item .answer {
    color: #000;
    padding: 16px 0 0
}

.about {
    background-color: #fff
}

.about.grey {
    background-color: #f8f8f8
}

.about .readmore-toggle {
    margin-left: auto;
    margin-right: auto
}

.reviews {
    background-color: #f8f8f8
}

.reviews.review-pics {
    text-align: center
}

.reviews .row {
    margin-top: 50px
}

.reviews.review-text .review {
    background-color: #fff;
    border-radius: 5px
}

.reviews.review-text.r2 .review {
    text-align: center
}

.reviews.review-text.r2 .review .review-author {
    margin: 0 auto 20px
}

.reviews.review-text .review .review-author .avatar-wrap {
    position: relative;
    width: 80px;
    height: 80px;
    display: block
}

.reviews.review-text .review .review-author .avatar-wrap.vk:after,
.reviews.review-text .review .review-author .avatar-wrap.instagram:after {
    z-index: 2;
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32px;
    height: 32px;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.reviews.review-text .review .review-author .avatar-wrap.vk:after {
    background-color: #507299
}

.reviews.review-text .review .review-author .avatar-wrap.instagram:after {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.reviews.review-text .review .review-author .avatar-wrap.vk:before,
.reviews.review-text .review .review-author .avatar-wrap.instagram:before {
    z-index: 3;
    content: "";
    position: absolute;
    bottom: 8px;
    right: 8px;
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite.png);
    background-repeat: no-repeat;
    background-size: 500px;
    width: 16px;
    height: 16px
}

.reviews.review-text .review .review-author .avatar-wrap.vk:before {
    background-position: -100px -0
}

.reviews.review-text .review .review-author .avatar-wrap.instagram:before {
    background-position: -164px -0
}

.reviews.review-text .review .review-author .avatar-wrap .avatar {
    z-index: 1;
    position: relative;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.reviews.review-text .review .review-author .avatar-wrap .avatar.no {
    background-color: #f0f0f0;
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/avatar.png);
    background-repeat: no-repeat;
    background-size: 80px
}

.reviews.review-text.r2 .review .review-author .avatar-wrap {
    margin: 0 auto 10px
}

.reviews.review-text .review .review-author .review-name {
    font-family: robotobold;
    color: #000
}

.reviews.review-text .review .review-author .review-rating span {
    display: inline-block;
    vertical-align: middle
}

.reviews.review-text .review .review-author .review-rating span:after {
    content: "\2605";
    color: #dcdcdc;
    font-size: 26px
}

.reviews.review-text .review .review-author .review-rating span.yellow:after {
    color: #fa7600
}

.reviews.review-text .review .review-body .readmore,
.reviews.review-text .review .review-body .hidereview {
    font-family: robotomedium;
    font-size: 14px
}

.reviews.review-text .review .additional {
    margin: 15px -8px 0
}

.reviews.review-text .review .additional a {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 16px 8px 0
}

.reviews.review-text .review .additional a img {
    width: 100%;
    display: block;
    border-radius: 5px
}

.reviews.review-pics .review {
    max-width: 280px
}

.reviews.review-pics .review img {
    width: 100%;
    display: block;
    margin: 0 auto
}

.reviews .more {
    background-color: #fff;
    display: table;
    font-family: robotomedium;
    color: #333;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(13, 19, 26, .11), 0 1px 3px rgba(0, 0, 0, .08);
    padding: 14px 8px;
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto
}

.reviews .more:before {
    content: "";
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/ymap.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.offer {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    text-align: center
}

.offer.light {
    background-color: #fff
}

.offer.dark {
    background-color: #342e37
}

.offer.dark:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(133deg, #000, rgba(0, 0, 0, .7));
    width: 100%;
    display: block
}

.offer.gradient:after {
    z-index: 1
}

.offer.hidden {
    overflow: hidden
}

.offer .container {
    z-index: 2
}

.offer .offer-wrap {
    position: relative;
    margin-top: 40px
}

.offer .form .form-wrap {
    position: relative;
    background-color: #fff;
    text-align: left;
    box-shadow: 0 25px 30px -15px rgba(0, 0, 0, .3);
    border-radius: 5px
}

.offer .form .form-wrap .offer-name {
    font-family: robotobold;
    color: rgba(0, 0, 0, .95);
    font-size: 24px;
    line-height: 1.3;
    margin: 0 0 30px
}

.offer .form .form-wrap .offer-step {
    position: relative;
    color: rgba(0, 0, 0, .95);
    font-size: 17px;
    line-height: 1.4;
    margin: 35px 0
}

.offer .form .form-wrap .offer-step.mrgn {
    padding-left: 60px
}

.offer .form .form-wrap .offer-step .numb {
    position: absolute;
    top: 50%;
    left: 0;
    background-color: #f7f7f7;
    width: 48px;
    height: 48px;
    font-family: robotobold;
    color: #bfbfbf;
    font-size: 18px;
    line-height: 48px;
    text-align: center;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.offer .form .form-wrap .fields {
    overflow: hidden;
    border-radius: 5px
}

.offer .form .button {
    width: 100%;
    box-shadow: none
}

.offer .form .offer-note {
    color: rgba(0, 0, 0, .74);
    font-size: 11px;
    line-height: 1.3;
    margin: 35px 0 0
}

.offer .form .offer-note a {
    color: rgba(0, 0, 0, .74);
    border-bottom: 1px solid rgba(0, 0, 0, .15)
}

.brands {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    text-align: center
}

.brands.light {
    background-color: #fff
}

.brands.dark {
    background-color: #342e37
}

.brands.dark:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(133deg, #000, rgba(0, 0, 0, .7));
    width: 100%;
    display: block
}

.brands .container {
    z-index: 2
}

.brands .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    margin-top: 40px;
    margin-left: 1%;
    margin-right: 1%
}

.brands .item {
    display: inline-block;
    vertical-align: top;
    padding: 30px 20px;
    margin: 1%
}

.brands.light.background .item {
    background-color: #f8f8f8;
    border-radius: 5px
}

.brands.dark.background .item {
    background-color: #fff;
    border-radius: 5px
}

.brands .item img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.brands.filter .item img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%) contrast(0%) brightness(150%);
    filter: grayscale(100%) contrast(0%) brightness(150%);
    opacity: .6
}

.brands.filter .item:hover img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1
}

.brands .item span {
    display: block;
    font-family: robotobold;
    color: rgba(0, 0, 0, .78);
    font-size: 15px;
    margin-top: 12px
}

.brands.light .item span {
    color: rgba(0, 0, 0, .78)
}

.brands.dark .item span {
    color: rgba(255, 255, 255, .78)
}

.brands.light.background .item span,
.brands.dark.background .item span {
    color: rgba(0, 0, 0, .78)
}

.video {
    position: relative;
    text-align: center
}

.video.light {
    background-color: #fff
}

.video.dark {
    background-color: #342e37
}

.video .container {
    z-index: 2
}

.video .container .video-wrap {
    position: relative;
    margin-top: 40px
}

.video.vertical .container .video-wrap .item {
    max-width: 300px
}

.video.horizontal .container .video-wrap .item {
    max-width: 900px
}

.map-wrap {
    position: relative;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    overflow: hidden;
    cursor: pointer
}

.map-wrap .ymap {
    z-index: 7;
    position: relative;
    background-color: #f8f8f8;
    width: 100%;
    height: 28em
}

.map-wrap .loader {
    z-index: 15;
    position: absolute;
    top: -100%;
    left: 0;
    background-color: rgba(0, 0, 0, .55);
    width: 100%;
    height: 100%;
    opacity: 0;
    color: #000;
    overflow: hidden;
    transition: opacity .7s ease
}

.map-wrap .loader.active {
    top: 0;
    opacity: 1
}

.map-wrap .loader:after {
    content: '';
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    width: 48px;
    height: 48px;
    border: 8px solid #fff;
    border-left-color: transparent;
    border-radius: 50%;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes blink {
    from {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes blink {
    from {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.breadcrumbs {
    font-family: robotolight;
    color: #898f97;
    font-size: 13px;
    padding-top: 40px;
    padding-bottom: 10px
}

.breadcrumbs a {
    color: #898f97;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.listing {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    margin-top: 10px;
    margin-bottom: 40px
}

.listing .card {
    display: inline-block;
    vertical-align: top;
    text-align: left
}

.listing .card.quarter {
    max-width: 291px
}

.listing .card.fifth {
    max-width: 230px
}

.listing .card .thumb {
    position: relative;
    display: block;
    overflow: hidden;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    margin-bottom: 10px
}

.listing .card.horizontal .thumb {
    padding: 33.25% 0
}

.listing .card.vertical .thumb {
    padding: 66.67% 0
}

.listing .card.square .thumb {
    padding: 50% 0
}

.listing .card:hover .thumb {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.listing .card .thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.listing .card.horizontal.quarter img {
    max-height: 194px
}

.listing .card.vertical.quarter img {
    max-height: 388px
}

.listing .card.square.quarter img {
    max-height: 291px
}

.listing .card.horizontal.fifth img {
    max-height: 153px
}

.listing .card.vertical.fifth img {
    max-height: 307px
}

.listing .card.square.fifth img {
    max-height: 230px
}

.listing .card .name {
    display: block;
    line-height: 1.4
}

.listing .card .name {
    font-family: robotomedium;
    color: #22292f;
    font-size: 16px
}

.listing .card.catalog.small .name {
    height: 36px;
    overflow: hidden;
    font-family: robotoregular;
    color: #000;
    font-size: 14px
}

.listing .card .name:hover {
    color: #000
}

.listing .card .cost .price span {
    font-size: 13px
}

.listing .card .cost .price .value {
    font-size: 20px
}

.listing .card .cost .old-price {
    font-family: robotoregular;
    font-size: 14px
}

.listing .card .cost .old-price:after {
    top: 50%;
    height: 1px
}

.listing .card .more {
    background-color: #f8f8f8;
    height: 48px;
    display: block;
    color: #000;
    font-size: 12px;
    line-height: 48px;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    padding: 0 20px;
    margin: 15px 0 0
}

.listing .card .more:hover {
    background-color: #f5f5f5;
    color: #000
}

.nophoto {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f6f6f6;
    width: 100%;
    height: 100%;
    display: block
}

.nophoto:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 500px;
    width: 20px;
    height: 20px;
    opacity: .5;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.cost {
    margin: 12px 0
}

.cost .explanation {
    display: block;
    color: rgba(0, 0, 0, .55);
    font-size: 12px;
    margin-bottom: 6px
}

.cost .price {
    font-family: robotobold;
    color: #bd0000
}

.cost.wholesale .price {
    display: inline-block;
    color: #333;
    font-size: 24px
}

.cost .old-price {
    position: relative;
    color: rgba(0, 0, 0, .85);
    padding: 0 2px
}

.cost .old-price:after {
    content: "";
    position: absolute;
    background-color: rgba(189, 0, 0, .5);
    width: 100%;
    display: block;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.cost .benefit-value {
    color: #787878;
    font-size: 14px
}

.documents .documents-wrap {
    position: relative;
    margin: 20px 0
}

.documents .documents-wrap .document-title {
    color: #333;
    font-size: 15px;
    line-height: 21px;
    font-style: italic
}

.documents .documents-wrap .item .img-wrap img {
    min-height: 206px
}

.product .left .product-pictures {
    margin-top: 20px
}

.product .left .product-pictures .main-picture img {
    width: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.product .left .product-pictures .additional .item {
    position: relative;
    cursor: pointer;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-backface-visibility: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: border-color .2s
}

.product .left .product-pictures .additional .item img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 52px;
    max-height: 52px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.product .right .cost .price span {
    font-size: 22px
}

.product .right .cost .price .value {
    font-size: 32px
}

.product .right .cost .old-price {
    font-family: robotomedium;
    font-size: 18px
}

.product .right .cost .old-price:after {
    top: 40%;
    height: 4px;
    -webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    -ms-transform: rotate(-13deg);
    -o-transform: rotate(-13deg);
    transform: rotate(-13deg);
    margin-left: -4px
}

.product .right .availability {
    font-family: robotobold;
    color: #16c67a;
    font-size: 16px;
    margin: 10px 0 20px
}

.product .right .availability.no {
    color: #f73d34
}

.product .right .order-block {
    display: table;
    margin-top: 15px;
    margin-bottom: 20px
}

.product .right .order-block .quantity {
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    font-family: robotobold;
    border: 1px solid #edeff2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 10px
}

.product .right .order-block .quantity button,
.product .right .order-block .quantity input {
    border: none;
    outline: none
}

.product .right .order-block .quantity button {
    background-color: transparent;
    height: 50px;
    font-size: 18px;
    cursor: pointer;
    padding: 0 15px
}

.product .right .order-block .quantity input {
    width: 80px;
    font-size: 15px;
    text-align: center;
    padding: 0 5px
}

.product .right .order-block .buttons {
    display: inline-block;
    vertical-align: top
}

.product .right .order-block .buttons .button {
    display: inline-block;
    vertical-align: top;
    box-shadow: none;
    padding: 14px 26px 16px;
    margin-bottom: 10px
}

.product .right .calltoaction,
.product .right .important-info {
    position: relative;
    width: 100%;
    max-width: 500px;
    color: #000;
    font-size: 14px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 15px 20px;
    margin-bottom: 10px
}

.product .right .calltoaction {
    background-color: #fffae7
}

.product .right .calltoaction:before {
    content: '';
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    display: block;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fffae7
}

.product .right .important-info {
    background-color: #f8f8f8;
    min-height: 54px;
    text-align: left;
    padding-left: 70px
}

.product .right .important-info:after {
    content: "";
    position: absolute;
    top: 13px;
    left: 20px;
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite.png);
    background-repeat: no-repeat;
    background-size: 500px;
    width: 32px;
    height: 32px;
    opacity: .8
}

.product .right .important-info.delivery:after {
    background-position: -20px -16px
}

.product .right .important-info.payment:after {
    background-position: -52px -16px
}

.product .options {
    margin-top: 60px !important
}

.options {
    margin: 25px 0
}

.options li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 1.2;
    text-align: left;
    margin: 14px 0
}

.options .option-name,
.options .dotted,
.options .value {
    display: inline-block;
    vertical-align: bottom;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.options li .dotted {
    position: relative;
    flex-grow: 1;
    padding: 0 15px
}

.options li .dotted:after {
    content: "";
    position: absolute;
    left: 7px;
    right: 7px;
    bottom: 4px;
    border-bottom: 1px dotted #eff2f5
}

.post {
    width: 100%;
    max-width: 800px;
    text-align: center;
    margin: 0 auto 30px
}

.meta {
    margin: 12px 0 25px
}

.meta li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: #8c8c8c;
    font-size: 14px;
    line-height: 18px;
    margin: 5px 0 5px 28px
}

.meta li:after {
    content: '';
    position: absolute;
    top: 8px;
    left: -16px;
    background-color: rgba(0, 0, 0, .24);
    width: 3px;
    height: 3px;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.meta li.views:before {
    content: 'Просмотров: '
}

.meta li:first-child {
    margin: 5px 0
}

.meta li:first-child:after {
    content: none
}

.notfound,
.text {
    text-align: left;
    margin-top: 15px
}

.text h2 {
    text-align: left
}

.text h2 {
    font-size: 24px !important;
    font-size: calc((100vw - 320px)/(768 - 320)*(24 - 22) + 22px) !important;
    font-size: -moz-calc((100vw - 320px)/(768 - 320)*(24 - 22) + 22px) !important;
    font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(24 - 22) + 22px) !important;
    margin: 20px 0 !important
}

.text h3 {
    font-size: 20px !important;
    font-size: calc((100vw - 320px)/(768 - 320)*(20 - 18) + 18px) !important;
    font-size: -moz-calc((100vw - 320px)/(768 - 320)*(20 - 18) + 18px) !important;
    font-size: -webkit-calc((100vw - 320px)/(768 - 320)*(20 - 18) + 18px) !important;
    margin: 20px 0 !important
}

.text ul {
    display: table;
    margin: 25px 0
}

.text ul li {
    position: relative;
    display: block;
    margin: 3px 0;
    padding-left: 16px
}

.text ul li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    background-color: #777;
    width: 3px;
    height: 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%
}

.text ol {
    counter-reset: list;
    margin: 25px 0
}

.text ol li {
    position: relative;
    padding-left: 18px;
    margin: 3px 0
}

.text ol li:before {
    content: counter(list) ". ";
    counter-increment: list
}

.text blockquote {
    background-color: #ecf3fc;
    overflow: hidden;
    color: rgba(0, 0, 0, .75);
    font-size: 16px;
    line-height: 1.4;
    text-align: left;
    margin: 5px 0 15px;
    padding: 0 25px
}

.text table {
    width: 100%
}

.text table td,
.text table th {
    vertical-align: top;
    border-top: 1px solid #495561;
    padding: 10px
}

.text thead th {
    vertical-align: bottom;
    font-weight: 700;
    border-bottom: 2px solid #495561
}

.text .video-wrap iframe {
    display: block;
    margin: 0 auto
}

.picture {
    display: block
}

.picture.main-pic {
    margin-bottom: 25px
}

.picture .wrap-pic {
    position: relative;
    display: table;
    margin: 0 auto;
    overflow: hidden
}

.picture .wrap-pic img {
    max-width: 100%;
    height: auto;
    display: block
}

.picture .wrap-pic .caption {
    display: block;
    font-size: 60%;
    color: #6c757d;
    font-style: italic;
    padding: 5px 0 0
}

.social {
    text-align: center;
    padding: 13px 0 15px
}

.social .share {
    position: relative;
    width: 56px;
    height: 56px;
    display: inline-block;
    vertical-align: top;
    font-size: 0;
    cursor: pointer;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 0;
    margin: 5px
}

.social .share:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite.png);
    background-repeat: no-repeat;
    background-size: 500px;
    width: 16px;
    height: 16px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.social .vk.share {
    background-color: #507299
}

.social .vk.share:after {
    background-position: -100px 0
}

.social .fb.share {
    background-color: #3b5998
}

.social .fb.share:after {
    background-position: -116px 0
}

.social .tw.share {
    background-color: #00aced
}

.social .tw.share:after {
    background-position: -132px 0
}

.social .ok.share {
    background-color: #ed812b
}

.social .ok.share:after {
    background-position: -148px 0
}

.pagination {
    display: block;
    clear: both;
    text-align: center;
    margin: 0 auto 40px
}

.pagination a,
.pagination span {
    background-color: #fff;
    width: 54px;
    height: 54px;
    display: inline-block;
    font-family: robotobold;
    color: #000;
    font-size: 22px;
    border: 1px solid #e6e6e6;
    line-height: 54px;
    text-decoration: none;
    margin-right: -1px
}

.pagination .current {
    background-color: #efefef
}

.pagination a:hover {
    background-color: #f5f5f5
}

.title {
    font-family: robotobold;
    color: #313131;
    font-size: 18px;
    line-height: 1.2;
    margin: 20px 0 15px
}

.error-message .title {
    background-color: #fff3f3;
    color: #ff0b10;
    font-size: 14px;
    text-align: center;
    padding: 10px
}

.title span {
    color: #c8c8c8
}

.contact-info {
    margin: 30px 0 0
}

.contact-info .item {
    margin: 30px 0 0
}

.contact-info .item a {
    color: #000;
    font-size: 17px;
    border-bottom: 1px solid rgba(0, 0, 0, .07)
}

.contact-info .item .contact-info-name {
    color: #666;
    font-size: 14px;
    margin-bottom: 4px
}

.modal {
    z-index: 10001;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .84);
    width: 100%;
    height: 100%;
    display: table;
    visibility: hidden;
    opacity: 0;
    overflow-y: auto;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    transform: translateY(45px)
}

.modal.show {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.modal .modal-wrapper {
    min-width: 320px;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.modal .modal-wrapper .modal-container {
    position: relative;
    background-color: #fff;
    width: 100%;
    max-width: 360px;
    min-width: 300px;
    max-height: 94vh;
    display: inline-block;
    font-size: 14px;
    text-align: left;
    overflow-x: auto;
    border-radius: 2px;
    box-shadow: 0 10px 30px 5px rgba(0, 0, 0, .2);
    margin: 2% auto 0
}

.modal .modal-wrapper .modal-container::-webkit-scrollbar {
    width: 0;
    height: 0
}

.modal .modal-wrapper .modal-container .close {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-family: Arial;
    color: rgba(0, 0, 0, .75);
    font-style: normal;
    font-size: 24px;
    text-align: center;
    line-height: 40px;
    border: none;
    outline: none;
    padding: 0
}

.modal .modal-wrapper .modal-container .close:hover {
    color: #000
}

.modal .modal-wrapper .modal-container .title {
    margin: 0 0 25px
}

.modal .modal-wrapper .modal-container .note {
    color: #333;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}

.modal .modal-wrapper .modal-container .button {
    width: 100%;
    border-radius: 2px;
    box-shadow: none
}

.form .fields {
    position: relative;
    background-color: #fff;
    text-align: left;
    margin-bottom: 20px
}

.form .fields .form-name {
    display: block;
    font-family: robotomedium;
    color: #4a4a4a;
    font-size: 13px;
    line-height: 1.23;
    margin-bottom: 5px
}

.form .fields .form-name .red {
    color: #ff003d
}

.form .fields .input,
.form .fields .select,
.form .fields .textarea {
    background-color: #f2f2f2;
    width: 100%;
    display: block;
    color: rgba(0, 0, 0, .8);
    font-size: 14px;
    border: none;
    border-radius: 2px;
    transition: .1s ease-out;
    transition-property: border;
    outline: 0;
    padding: 0 20px
}

.form .fields .textarea {
    height: auto;
    line-height: 1.45;
    padding: 10px 20px
}

.form .fields .input:hover,
.form .fields .select:hover,
.form .fields .textarea:hover {
    background-color: #f5f5f5
}

.form .fields .input.error,
.form .fields .select.error,
.form .fields .textarea.error {
    background-color: #fff4f4 !important
}

.form .button {
    font-size: 14px;
    border-radius: 2px
}

.contactpage {
    text-align: left
}

.contactpage ul {
    display: block;
    margin: 30px 0
}

.contactpage ul li {
    color: #000;
    font-size: 18px;
    line-height: 1.4;
    margin: 0 0 20px
}

.contactpage ul li a {
    color: #000;
    border-bottom: 1px solid rgba(0, 0, 0, .08)
}

.contactpage ul li .explanation {
    display: block;
    color: rgba(0, 0, 0, .63);
    font-size: 12px;
    margin-bottom: 6px
}

.contactpage .social-groups {
    margin: 0 0 50px
}

.contactpage .social-groups a {
    border: 1px solid rgba(0, 0, 0, .6)
}

.contactpage .map-wrap {
    border-radius: 4px;
    margin-top: 60px
}

.contactpage .form {
    margin-top: 60px
}

.contactpage .form h2 {
    text-align: left
}

.social-groups a {
    position: relative;
    background-color: rgba(255, 255, 255, .98);
    width: 38px;
    height: 38px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    margin: 3px
}

.light .social-groups a {
    border: 1px solid rgba(0, 0, 0, .6)
}

.social-groups a:hover {
    background-color: #fff
}

.social-groups a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite.png);
    background-repeat: no-repeat;
    background-size: 500px;
    width: 16px;
    height: 16px;
    opacity: .8;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.social-groups.color a:after {
    opacity: 1
}

.social-groups .vk:after {
    background-position: -20px 0
}

.social-groups.color .vk {
    background-color: #507299
}

.social-groups.color .vk:after {
    background-position: -100px 0
}

.social-groups .fb:after {
    background-position: -36px 0
}

.social-groups.color .fb {
    background-color: #3b5998
}

.social-groups.color .fb:after {
    background-position: -116px 0
}

.social-groups .twitter:after {
    background-position: -52px 0
}

.social-groups.color .twitter {
    background-color: #00aced
}

.social-groups.color .twitter:after {
    background-position: -132px 0
}

.social-groups .instagram:after {
    background-position: -84px 0
}

.social-groups.color .instagram {
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.social-groups.color .instagram:after {
    background-position: -148px 0
}

.owl-carousel,
.owl-carousel .owl-item {
    position: relative;
    -webkit-tap-highlight-color: transparent
}

.owl-carousel {
    z-index: 2;
    width: 100%;
    display: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    float: left;
    min-height: 1px;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    width: 100%;
    display: block
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    background-color: rgba(0, 0, 0, .45);
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: top;
    opacity: .5;
    color: #fff;
    font-size: 26px;
    text-align: center;
    line-height: 56px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.reviews .owl-carousel .owl-nav .owl-prev,
.reviews .owl-carousel .owl-nav .owl-next {
    background-color: #fff;
    opacity: 1;
    color: #000;
    box-shadow: 0 3px 18px rgba(0, 0, 0, .05)
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
    opacity: 1
}

.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
    opacity: .4;
    cursor: default
}

.owl-carousel .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    margin-top: 50px
}

.owl-carousel .owl-dots .owl-dot {
    display: inline-block
}

.owl-carousel .owl-dots .owl-dot span {
    background: #d6d6d6;
    width: 10px;
    height: 10px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    margin: 5px 7px
}

.owl-carousel.owl-loading {
    display: block;
    opacity: 0
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    background: #000;
    height: 100%
}

.owl-carousel .owl-video-play-icon {
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/play.png);
    background-repeat: no-repeat;
    background-size: 80px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease;
    margin-left: -40px;
    margin-top: -40px
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%
}

.video-container {
    z-index: 1;
    position: relative;
    background-color: #333;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    border-radius: 5px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
    box-shadow: 0 25px 30px -15px rgba(0, 0, 0, .3)
}

.horizontal .video-container {
    padding-bottom: 57%
}

.vertical .video-container {
    padding-bottom: 177.8%
}

.video-container:after {
    z-index: 1;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .66);
    width: 100%;
    display: block
}

.video-container .video-button {
    z-index: 2;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    opacity: .95;
    font-size: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-container .video-button:hover {
    opacity: 1
}

.video-container .video-button:after {
    content: "";
    z-index: 100;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 25px solid #fff;
    -webkit-transition: all .4s cubic-bezier(.55, .055, .675, .19);
    transition: all .4s cubic-bezier(.55, .055, .675, .19);
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center
}

.video-container .video-button:before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    background: rgba(255, 255, 255, .02);
    width: 200%;
    height: 200%;
    opacity: 1;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate 2s;
    animation: pulsate 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, .75)
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 1;
        box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, .75), 0px 0px 25px 10px rgba(255, 255, 255, .75)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
        box-shadow: none
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 1;
        box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, .75), 0px 0px 25px 10px rgba(255, 255, 255, .75)
    }

    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1);
        opacity: 0;
        box-shadow: none
    }
}

.successful {
    position: relative;
    background-color: #fff;
    max-width: 600px;
    text-align: center;
    padding: 20px 30px 25px;
    margin: 0 auto
}

.successful .successful-circle {
    position: relative;
    width: 100px;
    height: 100px;
    display: block;
    border: 1px solid rgba(0, 0, 0, .2);
    border-left-color: #0cc500;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    animation: loader-spin 1.2s infinite linear;
    margin: 0 auto 25px
}

.successful .successful-circle.animated {
    border-color: #0cc500;
    transition: border .5s ease-out;
    -webkit-animation: none;
    animation: none
}

.successful .successful-circle .checkmark {
    display: none
}

.successful .successful-circle.animated .checkmark {
    display: block
}

.successful .successful-circle.animated .checkmark:after {
    animation-duration: .8s;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg)
}

.successful .successful-circle .checkmark:after {
    content: "";
    position: absolute;
    top: 52px;
    left: 34px;
    width: 15px;
    height: 30px;
    opacity: 1;
    border-right: 3px solid #0cc500;
    border-top: 3px solid #0cc500;
    transform-origin: left top
}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes checkmark {
    0% {
        width: 0;
        height: 0;
        opacity: 1
    }

    20% {
        width: 15px;
        height: 0;
        opacity: 1
    }

    40% {
        width: 15px;
        height: 30px;
        opacity: 1
    }

    100% {
        width: 15px;
        height: 30px;
        opacity: 1
    }
}

.successful .p {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
    margin: 10px 0 0
}

.scrolltop {
    z-index: 9999;
    position: fixed;
    bottom: 100px;
    left: 20px;
    width: 52px;
    height: 52px;
    cursor: pointer;
    border: none;
    outline: none;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    -o-border-radius: 52px;
    -ms-border-radius: 52px;
    border-radius: 52px
}

.scrolltop:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/images/icons/sprite.png);
    background-repeat: no-repeat;
    background-position: 0 -20px;
    background-size: 500px;
    width: 20px;
    height: 20px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.scrolltop:active {
    -webkit-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85)
}

.scrolltop:hover {
    opacity: .8
}

.readmore-section,
.collapsed {
    position: relative;
    overflow: hidden
}

.readmore-section.collapsed:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to top, #fff 40%, rgba(255, 255, 255, .67) 60%);
    width: 100%;
    height: 100px;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    transition: opacity 1s;
    opacity: 1
}

.grey .readmore-section.collapsed:after {
    background: linear-gradient(to top, #f8f8f8 40%, rgba(248, 248, 248, .67) 60%)
}

.readmore-toggle {
    background-color: #f8f8f8;
    max-width: 200px;
    font-family: robotomedium;
    color: #333;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    padding: 14px 8px;
    margin-top: 15px
}

.grey .readmore-toggle {
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(13, 19, 26, .11), 0 1px 3px rgba(0, 0, 0, .08)
}

.scarlet .button,
.scarlet .logotype.txt span,
.scarlet .hero .tablet.accent,
.scarlet .hero .tablet.white:after,
.scarlet .hero .tablet.grey:after,
.scarlet .benefits.icon-decor.icon2 .container .row .item .icon,
.scarlet .cases .item .button,
.scarlet .tabs .tabs-navigation a.active,
.scarlet .video-container .video-button,
.scarlet .text ul li:after,
.scarlet .owl-carousel .owl-dots .owl-dot.active span,
.scarlet .owl-carousel .owl-dots .owl-dot:hover span,
.scarlet .scrolltop {
    background-color: #ff1800
}

.scarlet .benefits.numeral.accent .container .row .item:before,
.scarlet .reviews.review-text .review .review-body .readmore,
.scarlet .reviews.review-text .review .review-body .hidereview {
    color: #ff1800
}

.blue .button,
.blue .logotype.txt span,
.blue .hero .tablet.accent,
.blue .hero .tablet.white:after,
.blue .hero .tablet.grey:after,
.blue .benefits.icon-decor.icon2 .container .row .item .icon,
.blue .cases .item .button,
.blue .tabs .tabs-navigation a.active,
.blue .video-container .video-button,
.blue .text ul li:after,
.blue .owl-carousel .owl-dots .owl-dot.active span,
.blue .owl-carousel .owl-dots .owl-dot:hover span,
.blue .scrolltop {
    background-color: #00f
}

.blue .benefits.numeral.accent .container .row .item:before,
.blue .reviews.review-text .review .review-body .readmore,
.blue .reviews.review-text .review .review-body .hidereview {
    color: #00f
}

.fieryorange .button,
.fieryorange .logotype.txt span,
.fieryorange .hero .tablet.accent,
.fieryorange .hero .tablet.white:after,
.fieryorange .hero .tablet.grey:after,
.fieryorange .benefits.icon-decor.icon2 .container .row .item .icon,
.fieryorange .cases .item .button,
.fieryorange .tabs .tabs-navigation a.active,
.fieryorange .video-container .video-button,
.fieryorange .text ul li:after,
.fieryorange .owl-carousel .owl-dots .owl-dot.active span,
.fieryorange .owl-carousel .owl-dots .owl-dot:hover span,
.fieryorange .scrolltop {
    background-image: linear-gradient(135deg, #ff844a, #f94069 50%, #ff844a)
}

.fieryorange .benefits.numeral.accent .container .row .item:before,
.fieryorange .reviews.review-text .review .review-body .readmore,
.fieryorange .reviews.review-text .review .review-body .hidereview {
    color: #ff844a
}

.magenta .button,
.magenta .logotype.txt span,
.magenta .hero .tablet.accent,
.magenta .hero .tablet.white:after,
.magenta .hero .tablet.grey:after,
.magenta .benefits.icon-decor.icon2 .container .row .item .icon,
.magenta .cases .item .button,
.magenta .tabs .tabs-navigation a.active,
.magenta .video-container .video-button,
.magenta .text ul li:after,
.magenta .owl-carousel .owl-dots .owl-dot.active span,
.magenta .owl-carousel .owl-dots .owl-dot:hover span,
.magenta .scrolltop {
    background-color: #963484
}

.magenta .benefits.numeral.accent .container .row .item:before,
.magenta .reviews.review-text .review .review-body .readmore,
.magenta .reviews.review-text .review .review-body .hidereview {
    color: #963484
}

.bordeaux .button,
.bordeaux .logotype.txt span,
.bordeaux .hero .tablet.accent,
.bordeaux .hero .tablet.white:after,
.bordeaux .hero .tablet.grey:after,
.bordeaux .benefits.icon-decor.icon2 .container .row .item .icon,
.bordeaux .cases .item .button,
.bordeaux .tabs .tabs-navigation a.active,
.bordeaux .video-container .video-button,
.bordeaux .text ul li:after,
.bordeaux .owl-carousel .owl-dots .owl-dot.active span,
.bordeaux .owl-carousel .owl-dots .owl-dot:hover span,
.bordeaux .scrolltop {
    background-color: #b80004
}

.bordeaux .benefits.numeral.accent .container .row .item:before,
.bordeaux .reviews.review-text .review .review-body .readmore,
.bordeaux .reviews.review-text .review .review-body .hidereview {
    color: #b80004
}

.purpleblue .button,
.purpleblue .logotype.txt span,
.purpleblue .hero .tablet.accent,
.purpleblue .hero .tablet.white:after,
.purpleblue .hero .tablet.grey:after,
.purpleblue .benefits.icon-decor.icon2 .container .row .item .icon,
.purpleblue .cases .item .button,
.purpleblue .tabs .tabs-navigation a.active,
.purpleblue .video-container .video-button,
.purpleblue .text ul li:after,
.purpleblue .owl-carousel .owl-dots .owl-dot.active span,
.purpleblue .owl-carousel .owl-dots .owl-dot:hover span,
.purpleblue .scrolltop {
    background: linear-gradient(60deg, #2e3396 0%, #2e3396 0%, #3449ce 100%, #3449ce 100%)
}

.purpleblue .benefits.numeral.accent .container .row .item:before,
.purpleblue .reviews.review-text .review .review-body .readmore,
.purpleblue .reviews.review-text .review .review-body .hidereview {
    color: #2e3396
}

.greensea .button,
.greensea .logotype.txt span,
.greensea .hero .tablet.accent,
.greensea .hero .tablet.white:after,
.greensea .hero .tablet.grey:after,
.greensea .benefits.icon-decor.icon2 .container .row .item .icon,
.greensea .cases .item .button,
.greensea .tabs .tabs-navigation a.active,
.greensea .video-container .video-button,
.greensea .text ul li:after,
.greensea .owl-carousel .owl-dots .owl-dot.active span,
.greensea .owl-carousel .owl-dots .owl-dot:hover span,
.greensea .scrolltop {
    background: -webkit-linear-gradient(-20deg, #74da67 0%, #26b09f 100%);
    background: -moz-linear-gradient(-20deg, #74da67 0%, #26b09f 100%);
    background: -ms-linear-gradient(-20deg, #74da67 0%, #26b09f 100%);
    background: -o-linear-gradient(-20deg, #74da67 0%, #26b09f 100%);
    background: linear-gradient(-20deg, #74da67 0%, #26b09f 100%)
}

.greensea .benefits.numeral.accent .container .row .item:before,
.greensea .reviews.review-text .review .review-body .readmore,
.greensea .reviews.review-text .review .review-body .hidereview {
    color: #26b09f
}

.irishgreen .button,
.irishgreen .logotype.txt span,
.irishgreen .hero .tablet.accent,
.irishgreen .hero .tablet.white:after,
.irishgreen .hero .tablet.grey:after,
.irishgreen .benefits.icon-decor.icon2 .container .row .item .icon,
.irishgreen .cases .item .button,
.irishgreen .tabs .tabs-navigation a.active,
.irishgreen .video-container .video-button,
.irishgreen .text ul li:after,
.irishgreen .owl-carousel .owl-dots .owl-dot.active span,
.irishgreen .owl-carousel .owl-dots .owl-dot:hover span,
.irishgreen .scrolltop {
    background-color: #47d31a
}

.irishgreen .benefits.numeral.accent .container .row .item:before,
.irishgreen .reviews.review-text .review .review-body .readmore,
.irishgreen .reviews.review-text .review .review-body .hidereview {
    color: #47d31a
}

.alizarinred .button,
.alizarinred .logotype.txt span,
.alizarinred .hero .tablet.accent,
.alizarinred .hero .tablet.white:after,
.alizarinred .hero .tablet.grey:after,
.alizarinred .benefits.icon-decor.icon2 .container .row .item .icon,
.alizarinred .cases .item .button,
.alizarinred .tabs .tabs-navigation a.active,
.alizarinred .video-container .video-button,
.alizarinred .text ul li:after,
.alizarinred .owl-carousel .owl-dots .owl-dot.active span,
.alizarinred .owl-carousel .owl-dots .owl-dot:hover span,
.alizarinred .scrolltop {
    background-color: #e02144
}

.alizarinred .benefits.numeral.accent .container .row .item:before,
.alizarinred .reviews.review-text .review .review-body .readmore,
.alizarinred .reviews.review-text .review .review-body .hidereview {
    color: #e02144
}

.internationalorange .button,
.internationalorange .logotype.txt span,
.internationalorange .hero .tablet.accent,
.internationalorange .hero .tablet.white:after,
.internationalorange .hero .tablet.grey:after,
.internationalorange .benefits.icon-decor.icon2 .container .row .item .icon,
.internationalorange .cases .item .button,
.internationalorange .tabs .tabs-navigation a.active,
.internationalorange .video-container .video-button,
.internationalorange .text ul li:after,
.internationalorange .owl-carousel .owl-dots .owl-dot.active span,
.internationalorange .owl-carousel .owl-dots .owl-dot:hover span,
.internationalorange .scrolltop {
    background-color: #ff4e00
}

.internationalorange .benefits.numeral.accent .container .row .item:before,
.internationalorange .reviews.review-text .review .review-body .readmore,
.internationalorange .reviews.review-text .review .review-body .hidereview {
    color: #ff4e00
}

.gradient:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: block
}

.gradient.gradient1:after {
    background: linear-gradient(133deg, #000, rgba(0, 0, 0, .8))
}

.gradient.gradient2:after {
    background-image: linear-gradient(133deg, #050005 0, #0a051e 21%, #2c3060 44%, #486ab5 72%, #37c7fc 100%)
}

.gradient.gradient3:after {
    background: linear-gradient(135deg, #ff4244 0%, #ff8e3c 100%)
}

.gradient.gradient4:after {
    background-image: linear-gradient(135deg, #0e0c1b, #5c273b)
}

.gradient.gradient5:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9e4ff), to(#fff));
    background-image: -webkit-linear-gradient(top, #d9e4ff, #fff);
    background-image: -o-linear-gradient(top, #d9e4ff, #fff);
    background-image: linear-gradient(180deg, #d9e4ff, #fff)
}

.gradient.gradient6:after {
    background: linear-gradient(60deg, #2e3396 0%, #2e3396 0%, #3449ce 100%, #3449ce 100%)
}

.gradient.gradient7:after {
    background: -webkit-linear-gradient(-20deg, #74da67 0%, #26b09f 100%);
    background: -moz-linear-gradient(-20deg, #74da67 0%, #26b09f 100%);
    background: -ms-linear-gradient(-20deg, #74da67 0%, #26b09f 100%);
    background: -o-linear-gradient(-20deg, #74da67 0%, #26b09f 100%);
    background: linear-gradient(-20deg, #74da67 0%, #26b09f 100%)
}

.gradient.inverse:after {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
    filter: FlipH;
    -ms-filter: "FlipH"
}

.transparence95:after {
    -moz-opacity: .95;
    -khtml-opacity: .95;
    opacity: .95
}

.transparence90:after {
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .90
}

.transparence85:after {
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85
}

.transparence80:after {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .80
}

.transparence75:after {
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.transparence70:after {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .70
}

.transparence65:after {
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65
}

.transparence60:after {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .60
}

.transparence55:after {
    -moz-opacity: .55;
    -khtml-opacity: .55;
    opacity: .55
}

.transparence50:after {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .50
}

.transparence45:after {
    -moz-opacity: .45;
    -khtml-opacity: .45;
    opacity: .45
}

.transparence40:after {
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .40
}

.transparence35:after {
    -moz-opacity: .35;
    -khtml-opacity: .35;
    opacity: .35
}

.transparence30:after {
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .30
}

.transparence25:after {
    -moz-opacity: .25;
    -khtml-opacity: .25;
    opacity: .25
}

.transparence20:after {
    -moz-opacity: .2;
    -khtml-opacity: .2;
    opacity: .20
}

.transparence15:after {
    -moz-opacity: .15;
    -khtml-opacity: .15;
    opacity: .15
}

.opacity95 {
    -moz-opacity: .95;
    -khtml-opacity: .95;
    opacity: .95
}

.opacity90 {
    -moz-opacity: .9;
    -khtml-opacity: .9;
    opacity: .90
}

.opacity85 {
    -moz-opacity: .85;
    -khtml-opacity: .85;
    opacity: .85
}

.opacity80 {
    -moz-opacity: .8;
    -khtml-opacity: .8;
    opacity: .80
}

.opacity75 {
    -moz-opacity: .75;
    -khtml-opacity: .75;
    opacity: .75
}

.opacity70 {
    -moz-opacity: .7;
    -khtml-opacity: .7;
    opacity: .70
}

.opacity65 {
    -moz-opacity: .65;
    -khtml-opacity: .65;
    opacity: .65
}

.opacity60 {
    -moz-opacity: .6;
    -khtml-opacity: .6;
    opacity: .60
}

.opacity55 {
    -moz-opacity: .55;
    -khtml-opacity: .55;
    opacity: .55
}

.opacity50 {
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .50
}

.opacity45 {
    -moz-opacity: .45;
    -khtml-opacity: .45;
    opacity: .45
}

.opacity40 {
    -moz-opacity: .4;
    -khtml-opacity: .4;
    opacity: .40
}

.opacity35 {
    -moz-opacity: .35;
    -khtml-opacity: .35;
    opacity: .35
}

.opacity30 {
    -moz-opacity: .3;
    -khtml-opacity: .3;
    opacity: .30
}

.opacity25 {
    -moz-opacity: .25;
    -khtml-opacity: .25;
    opacity: .25
}

.opacity20 {
    -moz-opacity: .2;
    -khtml-opacity: .2;
    opacity: .20
}

.opacity15 {
    -moz-opacity: .15;
    -khtml-opacity: .15;
    opacity: .15
}

.positioning.img {
    background-repeat: no-repeat;
    background-position: center
}

.positioning.blur1 {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    filter: blur(1px)
}

.positioning.blur2 {
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    filter: blur(2px)
}

.positioning.blur3 {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px)
}

.positioning.blur4 {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    filter: blur(4px)
}

.positioning.blur5 {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    filter: blur(5px)
}

.positioning.blur6 {
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    filter: blur(6px)
}

.positioning.blur7 {
    -webkit-filter: blur(7px);
    -moz-filter: blur(7px);
    filter: blur(7px)
}

.positioning.blur8 {
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    filter: blur(8px)
}

.positioning.blur9 {
    -webkit-filter: blur(9px);
    -moz-filter: blur(9px);
    filter: blur(9px)
}

.positioning.blur10 {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    filter: blur(10px)
}

.positioning.rotate5 {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg)
}

.positioning.rotate10 {
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg)
}

.positioning.rotate15 {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg)
}

.positioning.rotate20 {
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg)
}

.positioning.rotate25 {
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg)
}

.positioning.rotate30 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg)
}

.positioning.rotate35 {
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg)
}

.positioning.rotate40 {
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg)
}

.positioning.rotate45 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.positioning.rotate50 {
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg)
}

.positioning.rotate55 {
    -webkit-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg)
}

.positioning.rotate60 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.positioning.rotate60 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg)
}

.positioning.rotate65 {
    -webkit-transform: rotate(65deg);
    -ms-transform: rotate(65deg);
    transform: rotate(65deg)
}

.positioning.rotate70 {
    -webkit-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    transform: rotate(70deg)
}

.positioning.rotate75 {
    -webkit-transform: rotate(75deg);
    -ms-transform: rotate(75deg);
    transform: rotate(75deg)
}

.positioning.rotate80 {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg)
}

.positioning.rotate85 {
    -webkit-transform: rotate(85deg);
    -ms-transform: rotate(85deg);
    transform: rotate(85deg)
}

.positioning.rotate90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.positioning.rotate-5 {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

.positioning.rotate-10 {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.positioning.rotate-15 {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg)
}

.positioning.rotate-20 {
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.positioning.rotate-25 {
    -webkit-transform: rotate(-25deg);
    -ms-transform: rotate(-25deg);
    transform: rotate(-25deg)
}

.positioning.rotate-30 {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.positioning.rotate-35 {
    -webkit-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    transform: rotate(-35deg)
}

.positioning.rotate-40 {
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg)
}

.positioning.rotate-45 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.positioning.rotate-50 {
    -webkit-transform: rotate(-50deg);
    -ms-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.positioning.rotate-55 {
    -webkit-transform: rotate(-55deg);
    -ms-transform: rotate(-55deg);
    transform: rotate(-55deg)
}

.positioning.rotate-60 {
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.positioning.rotate-60 {
    -webkit-transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.positioning.rotate-65 {
    -webkit-transform: rotate(-65deg);
    -ms-transform: rotate(-65deg);
    transform: rotate(-65deg)
}

.positioning.rotate-70 {
    -webkit-transform: rotate(-70deg);
    -ms-transform: rotate(-70deg);
    transform: rotate(-70deg)
}

.positioning.rotate-75 {
    -webkit-transform: rotate(-75deg);
    -ms-transform: rotate(-75deg);
    transform: rotate(-75deg)
}

.positioning.rotate-80 {
    -webkit-transform: rotate(-80deg);
    -ms-transform: rotate(-80deg);
    transform: rotate(-80deg)
}

.positioning.rotate-85 {
    -webkit-transform: rotate(-85deg);
    -ms-transform: rotate(-85deg);
    transform: rotate(-85deg)
}

.positioning.rotate-90 {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.vebinar {
    background-color: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 50px
}

.vebinar .img {
    max-width: 90%;
    display: block
}

.vebinar p {
    font-size: 16px;
    margin-bottom: 25px
}

.popup-bg,
.popup-wrap {
    position: fixed;
    left: 0;
    top: 0
}

.popup-bg,
.popup-container,
.popup-wrap {
    height: 100%;
    width: 100%
}

.popup-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.popup-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.popup-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.popup-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.popup-align-top .popup-container:before {
    display: none
}

.popup-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.popup-close,
.popup-preloader {
    text-align: center;
    position: absolute
}

.popup-ajax-holder .popup-content,
.popup-inline-holder .popup-content {
    width: 100%;
    cursor: auto
}

.popup-ajax-cur {
    cursor: progress
}

.popup-zoom-out-cur,
.popup-zoom-out-cur .popup-image-holder {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.popup-close,
.popup-zoom {
    cursor: pointer
}

.popup-zoom {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.popup-auto-cursor .popup-content {
    cursor: auto
}

.popup-arrow,
button.popup-close {
    cursor: pointer;
    outline: 0;
    box-shadow: none
}

.popup-arrow,
.popup-close,
.popup-counter,
.popup-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.popup-loading.popup-figure {
    display: none
}

.popup-hide {
    display: none !important
}

.popup-preloader {
    color: #ccc;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.popup-preloader a {
    color: #ccc
}

.popup-preloader a:hover {
    color: #fff
}

.popup-s-error .popup-content,
.popup-s-ready .popup-preloader {
    display: none
}

button.popup-close {
    overflow: visible;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 1046;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.popup-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    right: 0;
    top: 0;
    text-decoration: none;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.popup-close:focus,
.popup-close:hover {
    opacity: 1
}

.popup-close:active {
    top: 1px
}

.popup-close-btn-in .popup-close {
    color: #333
}

.popup-iframe-holder .popup-close,
.popup-image-holder .popup-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.popup-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.popup-arrow {
    position: absolute;
    top: 50%;
    width: 48px;
    height: 48px;
    opacity: .65;
    border: none;
    margin-top: -24px;
    padding: 0
}

.popup-figure:after,
.popup-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    position: absolute;
    left: 0
}

.popup-arrow-left {
    left: 0;
    background: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/css/../images/icons/prev.png) center no-repeat
}

.popup-arrow-right {
    right: 0;
    background: url(https://cdn.shortpixel.ai/client/q_glossy,ret_img/https://xn----7sbahra5aeae5abgkqcrfn1i6i.xn--p1ai/wp-content/themes/template/css/../images/icons/next.png) center no-repeat
}

.popup-arrow:hover {
    opacity: 1
}

.popup-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.popup-iframe-holder .popup-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.popup-image-holder .popup-content,
img.popup-img {
    max-width: 100%
}

.popup-iframe-holder .popup-close {
    top: -40px
}

.popup-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.popup-iframe-scaler iframe {
    display: block;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

.popup-figure:after,
img.popup-img {
    width: auto;
    height: auto;
    display: block
}

img.popup-img {
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.popup-figure {
    line-height: 0
}

.popup-figure:after {
    content: '';
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    background: #444
}

.popup-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 11px;
    line-height: 14px;
    margin: 3px 0 0
}

.popup-figure figure {
    margin: 0
}

.popup-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.popup-title {
    text-align: left;
    font-size: 13px;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.popup-gallery .popup-image-holder .popup-figure {
    cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .popup-img-mobile .popup-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .popup-img-mobile img.popup-img {
        padding: 0
    }

    .popup-img-mobile .popup-figure:after {
        top: 0;
        bottom: 0
    }

    .popup-img-mobile .popup-figure small {
        display: inline;
        margin-left: 5px
    }

    .popup-img-mobile .popup-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .popup-img-mobile .popup-bottom-bar:empty {
        padding: 0
    }

    .popup-img-mobile .popup-counter {
        right: 5px;
        top: 3px
    }

    .popup-img-mobile .popup-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width:900px) {
    .popup-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .popup-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .popup-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .popup-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.popup-fade.popup-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.popup-fade.popup-bg.popup-ready {
    opacity: .8
}

.popup-fade.popup-bg.popup-removing {
    opacity: 0
}

.popup-fade.popup-wrap .popup-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}

.popup-fade.popup-wrap.popup-ready .popup-content {
    opacity: 1
}

.popup-fade.popup-wrap.popup-removing .popup-content {
    opacity: 0
}

/*!
 * Button visually impaired v2.0
 */
html body .bvi-panel {
    font-family: Arial !important;
    padding: 10px 10px;
    color: black;
    top: 0;
    left: 0;
    right: 0;
    letter-spacing: 0;
    position: relative;
    text-shadow: none;
    line-height: normal;
    border: 0;
    margin-bottom: .3rem;
    background-color: #f7f7f7;
    border-color: black;
    moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
    webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);
    z-index: 999999 !important
}

@media(max-width:575.98px) {
    html body .bvi-panel {
        padding: 10px 0 10px 0
    }

    html body .bvi-panel .bvi-panel-toggler {
        display: block;
        text-align: center
    }

    html body .bvi-panel .bvi-panel-container {
        overflow: auto;
        width: auto;
        height: 145px;
        border-top: 1px solid #bcbcbc;
        -webkit-box-shadow: inset 0 5px 15px 0 #d6d6d6;
        -moz-box-shadow: inset 0 5px 15px 0 #d6d6d6;
        box-shadow: inset 0 5px 15px 0 #d6d6d6
    }

    html body .bvi-panel .bvi-panel-container,
    html body .bvi-panel #bvi-panel-close,
    html body .bvi-panel #bvi-panel-hide {
        display: none;
        margin-top: 10px;
        border-top: 1px solid #dfdfdf
    }
}

@media(min-width:576px) and (max-width:767.98px) {
    html body .bvi-panel {
        padding: 10px 0 10px 0
    }

    html body .bvi-panel .bvi-panel-toggler {
        display: block;
        text-align: center
    }

    html body .bvi-panel .bvi-panel-container {
        overflow: auto;
        width: auto;
        height: 145px;
        border-top: 1px solid #bcbcbc;
        -webkit-box-shadow: inset 0 5px 15px 0 #d6d6d6;
        -moz-box-shadow: inset 0 5px 15px 0 #d6d6d6;
        box-shadow: inset 0 5px 15px 0 #d6d6d6
    }

    html body .bvi-panel .bvi-panel-container,
    html body .bvi-panel #bvi-panel-close,
    html body .bvi-panel #bvi-panel-hide {
        display: none;
        text-align: right;
        margin-top: 10px;
        border-top: 1px solid #dfdfdf
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    html body .bvi-panel {
        padding: 10px 0 10px 0
    }

    html body .bvi-panel .bvi-panel-toggler {
        display: block;
        text-align: right
    }

    html body .bvi-panel .bvi-panel-container,
    html body .bvi-panel #bvi-panel-close,
    html body .bvi-panel #bvi-panel-hide {
        display: none;
        text-align: right;
        margin-top: 10px;
        border-top: 1px solid #dfdfdf
    }
}

@media(min-width:992px) and (max-width:1199.98px) {
    html body .bvi-panel .bvi-panel-toggler {
        display: none
    }
}

@media(min-width:1200px) {
    html body .bvi-panel .bvi-panel-toggler {
        display: none
    }
}

@media(max-width:575.98px) {
    html body .bvi-panel * {
        font-size: 12px !important
    }
}

@media(min-width:576px) and (max-width:767.98px) {
    html body .bvi-panel * {
        font-size: 14px !important
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    html body .bvi-panel * {
        font-size: 14px !important
    }
}

@media(min-width:992px) and (max-width:1199.98px) {
    html body .bvi-panel * {
        font-size: 16px !important
    }
}

@media(min-width:1200px) {
    html body .bvi-panel * {
        font-size: 16px !important
    }
}

html body .bvi-panel a {
    color: #2a2a2a;
    background-color: transparent;
    outline: 0;
    text-decoration: underline
}

html body .bvi-panel a:hover {
    color: black;
    outline: 0;
    background-color: transparent;
    text-decoration: underline
}

html body .bvi-panel a:focus {
    color: black;
    outline: 0;
    background-color: transparent;
    text-decoration: underline
}

html body .bvi-panel a.bvi-link-copy {
    text-decoration: underline;
    color: black;
    outline: 0
}

html body .bvi-panel a.bvi-link-copy.active {
    color: black;
    outline: 0;
    text-decoration: none
}

html body .bvi-panel a.bvi-link-copy:hover {
    color: black;
    outline: 0;
    text-decoration: none
}

html body .bvi-panel a.bvi-link-copy:focus {
    color: black;
    outline: 0;
    text-decoration: none
}

html body .bvi-panel a.bvi-link {
    text-decoration: none;
    color: black;
    background-color: transparent;
    text-align: center;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    cursor: pointer;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    font-weight: bold;
    line-height: 36px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #b2b2b2
}

@media(max-width:575.98px) {
    html body .bvi-panel a.bvi-link {
        height: 28px;
        line-height: 28px;
        padding: 0 5px
    }
}

@media(min-width:576px) and (max-width:767.98px) {
    html body .bvi-panel a.bvi-link {
        height: 28px;
        line-height: 28px;
        padding: 0 5px
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    html body .bvi-panel a.bvi-link {
        height: 30px;
        line-height: 30px;
        padding: 0 8px
    }
}

@media(min-width:992px) and (max-width:1199.98px) {
    html body .bvi-panel a.bvi-link {
        height: 34px;
        line-height: 34px;
        padding: 0 9px
    }
}

html body .bvi-panel a.bvi-link.active {
    color: inherit;
    outline: 0;
    background-color: #dbdbdb;
    text-decoration: none
}

html body .bvi-panel a.bvi-link:hover {
    color: black;
    outline: 0;
    background-color: #dbdbdb;
    text-decoration: none
}

html body .bvi-panel a.bvi-link:focus {
    color: black;
    outline: 0;
    background-color: #dbdbdb;
    text-decoration: none
}

html body .bvi-panel a.bvi-link.bvi-link-white {
    background-color: white;
    color: black;
    text-decoration: none
}

html body .bvi-panel a.bvi-link.bvi-link-white:hover {
    background-color: white;
    color: black;
    text-decoration: none
}

html body .bvi-panel a.bvi-link.bvi-link-black {
    background-color: black;
    color: white;
    text-decoration: none
}

html body .bvi-panel a.bvi-link.bvi-link-black:hover {
    background-color: black;
    color: white;
    text-decoration: none
}

html body .bvi-panel a.bvi-link.bvi-link-blue {
    background-color: #9dd1ff;
    color: #063462;
    text-decoration: none
}

html body .bvi-panel a.bvi-link.bvi-link-blue:hover {
    background-color: #9dd1ff;
    color: #063462;
    text-decoration: none
}

html body .bvi-panel a.bvi-link.bvi-link-brown {
    background-color: #f7f3d6;
    color: #4d4b43;
    text-decoration: none
}

html body .bvi-panel a.bvi-link.bvi-link-brown:hover {
    background-color: #f7f3d6;
    color: #4d4b43;
    text-decoration: none
}

html body .bvi-panel a.bvi-link.bvi-link-green {
    background-color: #3b2716;
    color: #a9e44d;
    text-decoration: none
}

html body .bvi-panel a.bvi-link.bvi-link-green:hover {
    background-color: #3b2716;
    color: #a9e44d;
    text-decoration: none
}

html body .bvi-panel .bvi-title {
    text-shadow: none;
    text-decoration: none;
    background-color: transparent;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    vertical-align: middle;
    margin: 10px 0 15px 0
}

html body .bvi-panel .bvi-text-center {
    text-align: center
}

html body .bvi-panel .bvi-text-left {
    text-align: left
}

html body .bvi-panel .bvi-text-right {
    text-align: right
}

html body .bvi-panel .bvi-setting-menu {
    margin-top: 10px;
    border-top: 1px solid #dfdfdf;
    display: none
}

html body .bvi-panel .bvi-images {
    margin-top: 10px;
    width: 16px;
    height: 16px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal
}

@media(max-width:575.98px) {
    html body .bvi-panel .bvi-images {
        margin-top: 6px
    }
}

@media(min-width:576px) and (max-width:767.98px) {
    html body .bvi-panel .bvi-images {
        margin-top: 6px
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    html body .bvi-panel .bvi-images {
        margin-top: 7px
    }
}

@media(min-width:992px) and (max-width:1199.98px) {
    html body .bvi-panel .bvi-images {
        margin-top: 9px
    }
}

html body .bvi-panel .bvi-images.bvi-images-eye-slash {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA0ElEQVQYGbXBMSuEARgA4Oe77zocXTdISBYMXKFMJvkBkoVF6iw33n8wmXVXymi0SUnZzQaJTNcNd9MNBsnwuq9uOVaexx8rKJuwqGXKDzm7noUQwqcRQya9aXu3ruBWOMSMooFlbXMubdnwJXTlsKZrWl9ZWwk9JS0hbGMeC3rGeVCRedQRwpNE6kRmT4MzRzL7QggVVK3INNTIe7WJxI1wh1F1mZp7ib6iF8cSF8Is8ihoupEaSJ3qCOdILan7UJUYci2U0HRlx5hfVh34F999xzhj5hTP0AAAAABJRU5ErkJggg==")
}

html body .bvi-panel .bvi-images.bvi-images-arrow {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAVFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAU4H24AAAAG3RSTlMAAQIDBgkMExQiRmJoaXN0dX6Aj5GbwcPR4vHLNuV5AAAAWElEQVQYV23NNxKAMAADQQEm52y4//+TwuSxuttGkn/J2n97g+nXb3H9yNWXPO0k3oAOmC0wSgXQCqiNBYyihUYCahlLKSnIdILC9H528JoPqg8M7Ln8OwBv7gmtk0G77wAAAABJRU5ErkJggg==")
}

html body .bvi-panel .bvi-images.bvi-images-volume-on {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA0ElEQVQYGZ3BPyvEcQAH4Od3F+5O/tXXdCVZFWXCWzARgzIZrgxewM1WqzfBYjZI6bJYpS6jLJdJ5o8upY6UPI//mdOz4IcJt5o+LXvSMaLhURSM6agb17PlS8OjiILKiTs1k9612NPV1RcRBasqpw5w7JCIiIgouHRk2gBtt0RERETBlAGiruWNiIiIKNhwpSYqs555FRERUVQezFtzjnVn1DU07ImIYmjGizaurfiyI6Kg6c0mdt0YsS2KoTHs6xv3zaLKUNO9C02/qlnyVx8tHEkl/4bN1wAAAABJRU5ErkJggg==")
}

html body .bvi-panel .bvi-images.bvi-images-volume-on {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAA0ElEQVQYGZ3BPyvEcQAH4Od3F+5O/tXXdCVZFWXCWzARgzIZrgxewM1WqzfBYjZI6bJYpS6jLJdJ5o8upY6UPI//mdOz4IcJt5o+LXvSMaLhURSM6agb17PlS8OjiILKiTs1k9612NPV1RcRBasqpw5w7JCIiIgouHRk2gBtt0RERETBlAGiruWNiIiIKNhwpSYqs555FRERUVQezFtzjnVn1DU07ImIYmjGizaurfiyI6Kg6c0mdt0YsS2KoTHs6xv3zaLKUNO9C02/qlnyVx8tHEkl/4bN1wAAAABJRU5ErkJggg==")
}

html body .bvi-panel .bvi-images.bvi-images-volume-off {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAP1BMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACzJYIvAAAAFHRSTlMAAQIcHh8rLjx8hpKUlZi6vsXz/c3U9VgAAABHSURBVBhXrci3AYAwDADBtwFjcpD2n5WGIKnmyoNXGgestOjuYlYfk37R1FpXNXHq7Qn9IY4Y5Jx7sQFQJARFQlBk80HbARfdYAcpeUBcogAAAABJRU5ErkJggg==")
}

html body .bvi-panel .bvi-images.bvi-images-adjust {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAqFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAs30iGAAAAN3RSTlMAAQIDBAUHCQsMExQVFh4fJSsuLztGS1FYYWJkZnh7f4KIiYyRmKWmqMHO1dna3Ovt7/P3+fv9mqZ1DQAAAIJJREFUGBlNwVUCglAURdEtGNgd2N2BGGf+M5PL48O1MI31Q7pMAxx/K+c7wHhnvSaVvMycxE7nMqBUD5qKAxJKRR5LhRg5ba6qY+SEvFXCyJlxVw0jZ8JKI4ycLi1FRRJKxT4cdCoCSvWB/E3PYZCT2WAKR2XGZDr7jxQtqvwp+Dg/vREcKt7EoBcAAAAASUVORK5CYII=")
}

html body .bvi-panel .bvi-images.bvi-images-off {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAARVBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADc6ur3AAAAFnRSTlMAAQIFBgcSGRowMVhZW128wMHDxfX3KcFjjgAAAGpJREFUGBlVwQkSgzAMA0CJUpKYuzX6/1ObeoAJuwhMpSTiwslV+UiEftNpfaHirttKALMaI0BXw4mshwSTZEMwSQUmyYZgkgqyHhJ4qOEEFjUmAN1Ht42o3l+d9h6hWw5VPhMXZrNM/P0AZ7gN/s4xaEgAAAAASUVORK5CYII=")
}

html body .bvi-panel .bvi-images.bvi-images-on {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAYFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD6T+iNAAAAH3RSTlMAAQIDBycwOUJKS0xPUW1whZGVmJ2erbfT2uDk6Pv9OeeoXAAAAGJJREFUGFdlzkcCgDAIBVGMvSb27r//LTUxFnRW8NhA9E3N46uppU2wOwgiXCSHBfD07F8g0euxRGKB9N2pAGQWKBBODRgxEKNrzI7BQIq7E57dQv4UHbC6n08LsNTxAYt+7bh0DPt8j/8TAAAAAElFTkSuQmCC")
}

html body .bvi-panel .bvi-images.bvi-images-minus-square-o {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAHlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3KG9qAAAACXRSTlMAODs8dnfx8vPK0lEjAAAAJElEQVR4AWOgD2BkYUUCLIwM7JwogI2BA1WAnYGZFQUw0cehAOJeAaqtH8h4AAAAAElFTkSuQmCC)
}

html body .bvi-panel.bvi-fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 999999
}

html body .bvi-panel .bvi-container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {
    html body .bvi-panel .bvi-container {
        max-width: 540px
    }
}

@media(min-width:768px) {
    html body .bvi-panel .bvi-container {
        max-width: 720px
    }
}

@media(min-width:992px) {
    html body .bvi-panel .bvi-container {
        max-width: 960px
    }
}

@media(min-width:1200px) {
    html body .bvi-panel .bvi-container {
        max-width: 1140px
    }
}

html body .bvi-panel .bvi-container-fluid,
html body .bvi-panel .bvi-container-xl,
html body .bvi-panel .bvi-container-lg,
html body .bvi-panel .bvi-container-md,
html body .bvi-panel .bvi-container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media(min-width:576px) {

    html body .bvi-panel .bvi-container-sm,
    html body .bvi-panel .bvi-container {
        max-width: 540px
    }
}

@media(min-width:768px) {

    html body .bvi-panel .bvi-container-md,
    html body .bvi-panel .bvi-container-sm,
    html body .bvi-panel .bvi-container {
        max-width: 720px
    }
}

@media(min-width:992px) {

    html body .bvi-panel .bvi-container-lg,
    html body .bvi-panel .bvi-container-md,
    html body .bvi-panel .bvi-container-sm,
    html body .bvi-panel .bvi-container {
        max-width: 960px
    }
}

@media(min-width:1200px) {

    html body .bvi-panel .bvi-container-xl,
    html body .bvi-panel .bvi-container-lg,
    html body .bvi-panel .bvi-container-md,
    html body .bvi-panel .bvi-container-sm,
    html body .bvi-panel .bvi-container {
        max-width: 1140px
    }
}

html body .bvi-panel .bvi-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

html body .bvi-panel .bvi-no-gutters {
    margin-right: 0;
    margin-left: 0
}

html body .bvi-panel .bvi-no-gutters>.bvi-col,
html body .bvi-panel .bvi-no-gutters>[class*=bvi-col-] {
    padding-right: 0;
    padding-left: 0
}

html body .bvi-panel .bvi-col-xl,
html body .bvi-panel .bvi-col-xl-auto,
html body .bvi-panel .bvi-col-xl-12,
html body .bvi-panel .bvi-col-xl-11,
html body .bvi-panel .bvi-col-xl-10,
html body .bvi-panel .bvi-col-xl-9,
html body .bvi-panel .bvi-col-xl-8,
html body .bvi-panel .bvi-col-xl-7,
html body .bvi-panel .bvi-col-xl-6,
html body .bvi-panel .bvi-col-xl-5,
html body .bvi-panel .bvi-col-xl-4,
html body .bvi-panel .bvi-col-xl-3,
html body .bvi-panel .bvi-col-xl-2,
html body .bvi-panel .bvi-col-xl-1,
html body .bvi-panel .bvi-col-lg,
html body .bvi-panel .bvi-col-lg-auto,
html body .bvi-panel .bvi-col-lg-12,
html body .bvi-panel .bvi-col-lg-11,
html body .bvi-panel .bvi-col-lg-10,
html body .bvi-panel .bvi-col-lg-9,
html body .bvi-panel .bvi-col-lg-8,
html body .bvi-panel .bvi-col-lg-7,
html body .bvi-panel .bvi-col-lg-6,
html body .bvi-panel .bvi-col-lg-5,
html body .bvi-panel .bvi-col-lg-4,
html body .bvi-panel .bvi-col-lg-3,
html body .bvi-panel .bvi-col-lg-2,
html body .bvi-panel .bvi-col-lg-1,
html body .bvi-panel .bvi-col-md,
html body .bvi-panel .bvi-col-md-auto,
html body .bvi-panel .bvi-col-md-12,
html body .bvi-panel .bvi-col-md-11,
html body .bvi-panel .bvi-col-md-10,
html body .bvi-panel .bvi-col-md-9,
html body .bvi-panel .bvi-col-md-8,
html body .bvi-panel .bvi-col-md-7,
html body .bvi-panel .bvi-col-md-6,
html body .bvi-panel .bvi-col-md-5,
html body .bvi-panel .bvi-col-md-4,
html body .bvi-panel .bvi-col-md-3,
html body .bvi-panel .bvi-col-md-2,
html body .bvi-panel .bvi-col-md-1,
html body .bvi-panel .bvi-col-sm,
html body .bvi-panel .bvi-col-sm-auto,
html body .bvi-panel .bvi-col-sm-12,
html body .bvi-panel .bvi-col-sm-11,
html body .bvi-panel .bvi-col-sm-10,
html body .bvi-panel .bvi-col-sm-9,
html body .bvi-panel .bvi-col-sm-8,
html body .bvi-panel .bvi-col-sm-7,
html body .bvi-panel .bvi-col-sm-6,
html body .bvi-panel .bvi-col-sm-5,
html body .bvi-panel .bvi-col-sm-4,
html body .bvi-panel .bvi-col-sm-3,
html body .bvi-panel .bvi-col-sm-2,
html body .bvi-panel .bvi-col-sm-1,
html body .bvi-panel .bvi-col,
html body .bvi-panel .bvi-col-auto,
html body .bvi-panel .bvi-col-12,
html body .bvi-panel .bvi-col-11,
html body .bvi-panel .bvi-col-10,
html body .bvi-panel .bvi-col-9,
html body .bvi-panel .bvi-col-8,
html body .bvi-panel .bvi-col-7,
html body .bvi-panel .bvi-col-6,
html body .bvi-panel .bvi-col-5,
html body .bvi-panel .bvi-col-4,
html body .bvi-panel .bvi-col-3,
html body .bvi-panel .bvi-col-2,
html body .bvi-panel .bvi-col-1 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

html body .bvi-panel .bvi-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

html body .bvi-panel .row-cols-1>* {
    flex: 0 0 100%;
    max-width: 100%
}

html body .bvi-panel .row-cols-2>* {
    flex: 0 0 50%;
    max-width: 50%
}

html body .bvi-panel .row-cols-3>* {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

html body .bvi-panel .row-cols-4>* {
    flex: 0 0 25%;
    max-width: 25%
}

html body .bvi-panel .row-cols-5>* {
    flex: 0 0 20%;
    max-width: 20%
}

html body .bvi-panel .row-cols-6>* {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

html body .bvi-panel .bvi-col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%
}

html body .bvi-panel .bvi-col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
}

html body .bvi-panel .bvi-col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%
}

html body .bvi-panel .bvi-col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

html body .bvi-panel .bvi-col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%
}

html body .bvi-panel .bvi-col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%
}

html body .bvi-panel .bvi-col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

html body .bvi-panel .bvi-col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%
}

html body .bvi-panel .bvi-col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
}

html body .bvi-panel .bvi-col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

html body .bvi-panel .bvi-col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
}

html body .bvi-panel .bvi-col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%
}

html body .bvi-panel .bvi-col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

html body .bvi-panel .bvi-order-first {
    order: -1
}

html body .bvi-panel .bvi-order-last {
    order: 13
}

html body .bvi-panel .bvi-order-0 {
    order: 0
}

html body .bvi-panel .bvi-order-1 {
    order: 1
}

html body .bvi-panel .bvi-order-2 {
    order: 2
}

html body .bvi-panel .bvi-order-3 {
    order: 3
}

html body .bvi-panel .bvi-order-4 {
    order: 4
}

html body .bvi-panel .bvi-order-5 {
    order: 5
}

html body .bvi-panel .bvi-order-6 {
    order: 6
}

html body .bvi-panel .bvi-order-7 {
    order: 7
}

html body .bvi-panel .bvi-order-8 {
    order: 8
}

html body .bvi-panel .bvi-order-9 {
    order: 9
}

html body .bvi-panel .bvi-order-10 {
    order: 10
}

html body .bvi-panel .bvi-order-11 {
    order: 11
}

html body .bvi-panel .bvi-order-12 {
    order: 12
}

html body .bvi-panel .bvi-offset-1 {
    margin-left: 8.3333333333%
}

html body .bvi-panel .bvi-offset-2 {
    margin-left: 16.6666666667%
}

html body .bvi-panel .bvi-offset-3 {
    margin-left: 25%
}

html body .bvi-panel .bvi-offset-4 {
    margin-left: 33.3333333333%
}

html body .bvi-panel .bvi-offset-5 {
    margin-left: 41.6666666667%
}

html body .bvi-panel .bvi-offset-6 {
    margin-left: 50%
}

html body .bvi-panel .bvi-offset-7 {
    margin-left: 58.3333333333%
}

html body .bvi-panel .bvi-offset-8 {
    margin-left: 66.6666666667%
}

html body .bvi-panel .bvi-offset-9 {
    margin-left: 75%
}

html body .bvi-panel .bvi-offset-10 {
    margin-left: 83.3333333333%
}

html body .bvi-panel .bvi-offset-11 {
    margin-left: 91.6666666667%
}

@media(min-width:576px) {
    html body .bvi-panel .bvi-col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    html body .bvi-panel .row-cols-sm-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    html body .bvi-panel .row-cols-sm-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .bvi-panel .row-cols-sm-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    html body .bvi-panel .row-cols-sm-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .bvi-panel .row-cols-sm-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    html body .bvi-panel .row-cols-sm-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    html body .bvi-panel .bvi-col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    html body .bvi-panel .bvi-col-sm-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    html body .bvi-panel .bvi-col-sm-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    html body .bvi-panel .bvi-col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .bvi-panel .bvi-col-sm-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    html body .bvi-panel .bvi-col-sm-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    html body .bvi-panel .bvi-col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .bvi-panel .bvi-col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    html body .bvi-panel .bvi-col-sm-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    html body .bvi-panel .bvi-col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    html body .bvi-panel .bvi-col-sm-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    html body .bvi-panel .bvi-col-sm-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    html body .bvi-panel .bvi-col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    html body .bvi-panel .bvi-order-sm-first {
        order: -1
    }

    html body .bvi-panel .bvi-order-sm-last {
        order: 13
    }

    html body .bvi-panel .bvi-order-sm-0 {
        order: 0
    }

    html body .bvi-panel .bvi-order-sm-1 {
        order: 1
    }

    html body .bvi-panel .bvi-order-sm-2 {
        order: 2
    }

    html body .bvi-panel .bvi-order-sm-3 {
        order: 3
    }

    html body .bvi-panel .bvi-order-sm-4 {
        order: 4
    }

    html body .bvi-panel .bvi-order-sm-5 {
        order: 5
    }

    html body .bvi-panel .bvi-order-sm-6 {
        order: 6
    }

    html body .bvi-panel .bvi-order-sm-7 {
        order: 7
    }

    html body .bvi-panel .bvi-order-sm-8 {
        order: 8
    }

    html body .bvi-panel .bvi-order-sm-9 {
        order: 9
    }

    html body .bvi-panel .bvi-order-sm-10 {
        order: 10
    }

    html body .bvi-panel .bvi-order-sm-11 {
        order: 11
    }

    html body .bvi-panel .bvi-order-sm-12 {
        order: 12
    }

    html body .bvi-panel .bvi-offset-sm-0 {
        margin-left: 0
    }

    html body .bvi-panel .bvi-offset-sm-1 {
        margin-left: 8.3333333333%
    }

    html body .bvi-panel .bvi-offset-sm-2 {
        margin-left: 16.6666666667%
    }

    html body .bvi-panel .bvi-offset-sm-3 {
        margin-left: 25%
    }

    html body .bvi-panel .bvi-offset-sm-4 {
        margin-left: 33.3333333333%
    }

    html body .bvi-panel .bvi-offset-sm-5 {
        margin-left: 41.6666666667%
    }

    html body .bvi-panel .bvi-offset-sm-6 {
        margin-left: 50%
    }

    html body .bvi-panel .bvi-offset-sm-7 {
        margin-left: 58.3333333333%
    }

    html body .bvi-panel .bvi-offset-sm-8 {
        margin-left: 66.6666666667%
    }

    html body .bvi-panel .bvi-offset-sm-9 {
        margin-left: 75%
    }

    html body .bvi-panel .bvi-offset-sm-10 {
        margin-left: 83.3333333333%
    }

    html body .bvi-panel .bvi-offset-sm-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width:768px) {
    html body .bvi-panel .bvi-col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    html body .bvi-panel .row-cols-md-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    html body .bvi-panel .row-cols-md-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .bvi-panel .row-cols-md-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    html body .bvi-panel .row-cols-md-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .bvi-panel .row-cols-md-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    html body .bvi-panel .row-cols-md-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    html body .bvi-panel .bvi-col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    html body .bvi-panel .bvi-col-md-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    html body .bvi-panel .bvi-col-md-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    html body .bvi-panel .bvi-col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .bvi-panel .bvi-col-md-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    html body .bvi-panel .bvi-col-md-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    html body .bvi-panel .bvi-col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .bvi-panel .bvi-col-md-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    html body .bvi-panel .bvi-col-md-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    html body .bvi-panel .bvi-col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    html body .bvi-panel .bvi-col-md-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    html body .bvi-panel .bvi-col-md-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    html body .bvi-panel .bvi-col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    html body .bvi-panel .bvi-order-md-first {
        order: -1
    }

    html body .bvi-panel .bvi-order-md-last {
        order: 13
    }

    html body .bvi-panel .bvi-order-md-0 {
        order: 0
    }

    html body .bvi-panel .bvi-order-md-1 {
        order: 1
    }

    html body .bvi-panel .bvi-order-md-2 {
        order: 2
    }

    html body .bvi-panel .bvi-order-md-3 {
        order: 3
    }

    html body .bvi-panel .bvi-order-md-4 {
        order: 4
    }

    html body .bvi-panel .bvi-order-md-5 {
        order: 5
    }

    html body .bvi-panel .bvi-order-md-6 {
        order: 6
    }

    html body .bvi-panel .bvi-order-md-7 {
        order: 7
    }

    html body .bvi-panel .bvi-order-md-8 {
        order: 8
    }

    html body .bvi-panel .bvi-order-md-9 {
        order: 9
    }

    html body .bvi-panel .bvi-order-md-10 {
        order: 10
    }

    html body .bvi-panel .bvi-order-md-11 {
        order: 11
    }

    html body .bvi-panel .bvi-order-md-12 {
        order: 12
    }

    html body .bvi-panel .bvi-offset-md-0 {
        margin-left: 0
    }

    html body .bvi-panel .bvi-offset-md-1 {
        margin-left: 8.3333333333%
    }

    html body .bvi-panel .bvi-offset-md-2 {
        margin-left: 16.6666666667%
    }

    html body .bvi-panel .bvi-offset-md-3 {
        margin-left: 25%
    }

    html body .bvi-panel .bvi-offset-md-4 {
        margin-left: 33.3333333333%
    }

    html body .bvi-panel .bvi-offset-md-5 {
        margin-left: 41.6666666667%
    }

    html body .bvi-panel .bvi-offset-md-6 {
        margin-left: 50%
    }

    html body .bvi-panel .bvi-offset-md-7 {
        margin-left: 58.3333333333%
    }

    html body .bvi-panel .bvi-offset-md-8 {
        margin-left: 66.6666666667%
    }

    html body .bvi-panel .bvi-offset-md-9 {
        margin-left: 75%
    }

    html body .bvi-panel .bvi-offset-md-10 {
        margin-left: 83.3333333333%
    }

    html body .bvi-panel .bvi-offset-md-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width:992px) {
    html body .bvi-panel .bvi-col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    html body .bvi-panel .row-cols-lg-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    html body .bvi-panel .row-cols-lg-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .bvi-panel .row-cols-lg-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    html body .bvi-panel .row-cols-lg-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .bvi-panel .row-cols-lg-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    html body .bvi-panel .row-cols-lg-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    html body .bvi-panel .bvi-col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    html body .bvi-panel .bvi-col-lg-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    html body .bvi-panel .bvi-col-lg-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    html body .bvi-panel .bvi-col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .bvi-panel .bvi-col-lg-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    html body .bvi-panel .bvi-col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    html body .bvi-panel .bvi-col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .bvi-panel .bvi-col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    html body .bvi-panel .bvi-col-lg-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    html body .bvi-panel .bvi-col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    html body .bvi-panel .bvi-col-lg-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    html body .bvi-panel .bvi-col-lg-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    html body .bvi-panel .bvi-col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    html body .bvi-panel .bvi-order-lg-first {
        order: -1
    }

    html body .bvi-panel .bvi-order-lg-last {
        order: 13
    }

    html body .bvi-panel .bvi-order-lg-0 {
        order: 0
    }

    html body .bvi-panel .bvi-order-lg-1 {
        order: 1
    }

    html body .bvi-panel .bvi-order-lg-2 {
        order: 2
    }

    html body .bvi-panel .bvi-order-lg-3 {
        order: 3
    }

    html body .bvi-panel .bvi-order-lg-4 {
        order: 4
    }

    html body .bvi-panel .bvi-order-lg-5 {
        order: 5
    }

    html body .bvi-panel .bvi-order-lg-6 {
        order: 6
    }

    html body .bvi-panel .bvi-order-lg-7 {
        order: 7
    }

    html body .bvi-panel .bvi-order-lg-8 {
        order: 8
    }

    html body .bvi-panel .bvi-order-lg-9 {
        order: 9
    }

    html body .bvi-panel .bvi-order-lg-10 {
        order: 10
    }

    html body .bvi-panel .bvi-order-lg-11 {
        order: 11
    }

    html body .bvi-panel .bvi-order-lg-12 {
        order: 12
    }

    html body .bvi-panel .bvi-offset-lg-0 {
        margin-left: 0
    }

    html body .bvi-panel .bvi-offset-lg-1 {
        margin-left: 8.3333333333%
    }

    html body .bvi-panel .bvi-offset-lg-2 {
        margin-left: 16.6666666667%
    }

    html body .bvi-panel .bvi-offset-lg-3 {
        margin-left: 25%
    }

    html body .bvi-panel .bvi-offset-lg-4 {
        margin-left: 33.3333333333%
    }

    html body .bvi-panel .bvi-offset-lg-5 {
        margin-left: 41.6666666667%
    }

    html body .bvi-panel .bvi-offset-lg-6 {
        margin-left: 50%
    }

    html body .bvi-panel .bvi-offset-lg-7 {
        margin-left: 58.3333333333%
    }

    html body .bvi-panel .bvi-offset-lg-8 {
        margin-left: 66.6666666667%
    }

    html body .bvi-panel .bvi-offset-lg-9 {
        margin-left: 75%
    }

    html body .bvi-panel .bvi-offset-lg-10 {
        margin-left: 83.3333333333%
    }

    html body .bvi-panel .bvi-offset-lg-11 {
        margin-left: 91.6666666667%
    }
}

@media(min-width:1200px) {
    html body .bvi-panel .bvi-col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%
    }

    html body .bvi-panel .row-cols-xl-1>* {
        flex: 0 0 100%;
        max-width: 100%
    }

    html body .bvi-panel .row-cols-xl-2>* {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .bvi-panel .row-cols-xl-3>* {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    html body .bvi-panel .row-cols-xl-4>* {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .bvi-panel .row-cols-xl-5>* {
        flex: 0 0 20%;
        max-width: 20%
    }

    html body .bvi-panel .row-cols-xl-6>* {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    html body .bvi-panel .bvi-col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    html body .bvi-panel .bvi-col-xl-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%
    }

    html body .bvi-panel .bvi-col-xl-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%
    }

    html body .bvi-panel .bvi-col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    html body .bvi-panel .bvi-col-xl-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%
    }

    html body .bvi-panel .bvi-col-xl-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%
    }

    html body .bvi-panel .bvi-col-xl-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    html body .bvi-panel .bvi-col-xl-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%
    }

    html body .bvi-panel .bvi-col-xl-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%
    }

    html body .bvi-panel .bvi-col-xl-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    html body .bvi-panel .bvi-col-xl-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%
    }

    html body .bvi-panel .bvi-col-xl-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%
    }

    html body .bvi-panel .bvi-col-xl-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    html body .bvi-panel .bvi-order-xl-first {
        order: -1
    }

    html body .bvi-panel .bvi-order-xl-last {
        order: 13
    }

    html body .bvi-panel .bvi-order-xl-0 {
        order: 0
    }

    html body .bvi-panel .bvi-order-xl-1 {
        order: 1
    }

    html body .bvi-panel .bvi-order-xl-2 {
        order: 2
    }

    html body .bvi-panel .bvi-order-xl-3 {
        order: 3
    }

    html body .bvi-panel .bvi-order-xl-4 {
        order: 4
    }

    html body .bvi-panel .bvi-order-xl-5 {
        order: 5
    }

    html body .bvi-panel .bvi-order-xl-6 {
        order: 6
    }

    html body .bvi-panel .bvi-order-xl-7 {
        order: 7
    }

    html body .bvi-panel .bvi-order-xl-8 {
        order: 8
    }

    html body .bvi-panel .bvi-order-xl-9 {
        order: 9
    }

    html body .bvi-panel .bvi-order-xl-10 {
        order: 10
    }

    html body .bvi-panel .bvi-order-xl-11 {
        order: 11
    }

    html body .bvi-panel .bvi-order-xl-12 {
        order: 12
    }

    html body .bvi-panel .bvi-offset-xl-0 {
        margin-left: 0
    }

    html body .bvi-panel .bvi-offset-xl-1 {
        margin-left: 8.3333333333%
    }

    html body .bvi-panel .bvi-offset-xl-2 {
        margin-left: 16.6666666667%
    }

    html body .bvi-panel .bvi-offset-xl-3 {
        margin-left: 25%
    }

    html body .bvi-panel .bvi-offset-xl-4 {
        margin-left: 33.3333333333%
    }

    html body .bvi-panel .bvi-offset-xl-5 {
        margin-left: 41.6666666667%
    }

    html body .bvi-panel .bvi-offset-xl-6 {
        margin-left: 50%
    }

    html body .bvi-panel .bvi-offset-xl-7 {
        margin-left: 58.3333333333%
    }

    html body .bvi-panel .bvi-offset-xl-8 {
        margin-left: 66.6666666667%
    }

    html body .bvi-panel .bvi-offset-xl-9 {
        margin-left: 75%
    }

    html body .bvi-panel .bvi-offset-xl-10 {
        margin-left: 83.3333333333%
    }

    html body .bvi-panel .bvi-offset-xl-11 {
        margin-left: 91.6666666667%
    }
}

html body .bvi-body[data-bvi-theme=white] {
    background-color: #fff !important;
    fill: #000 !important
}

html body .bvi-body[data-bvi-theme=white] * {
    background-color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #000 !important;
    color: #000 !important;
    fill: #000 !important
}

html body .bvi-body[data-bvi-theme=white] * .bvi-background-image {
    background-color: transparent !important
}

html body .bvi-body[data-bvi-theme=white] * a {
    text-decoration: underline !important;
    outline: 0 !important
}

html body .bvi-body[data-bvi-theme=white] * a.bvi-link {
    color: #000 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * a.bvi-link.disabled {
    color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    pointer-events: none;
    cursor: no-drop;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * a.bvi-link.disabled:focus {
    color: rgba(0, 0, 0, 0.5) !important;
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * a.bvi-link:hover {
    color: #fff !important;
    background-color: #000 !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * a.bvi-link:focus {
    color: #000 !important;
    background-color: #fff !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * :checked,
html body .bvi-body[data-bvi-theme=white] * :default,
html body .bvi-body[data-bvi-theme=white] * :disabled,
html body .bvi-body[data-bvi-theme=white] * :empty,
html body .bvi-body[data-bvi-theme=white] * :enabled,
html body .bvi-body[data-bvi-theme=white] * :first-child,
html body .bvi-body[data-bvi-theme=white] * :first-of-type,
html body .bvi-body[data-bvi-theme=white] * :focus,
html body .bvi-body[data-bvi-theme=white] * :indeterminate,
html body .bvi-body[data-bvi-theme=white] * :hover,
html body .bvi-body[data-bvi-theme=white] * :last-child,
html body .bvi-body[data-bvi-theme=white] * :last-of-type,
html body .bvi-body[data-bvi-theme=white] * :link,
html body .bvi-body[data-bvi-theme=white] * :nth-last-child,
html body .bvi-body[data-bvi-theme=white] * :nth-last-of-type,
html body .bvi-body[data-bvi-theme=white] * :nth-of-type,
html body .bvi-body[data-bvi-theme=white] * :only-child,
html body .bvi-body[data-bvi-theme=white] * :only-of-type,
html body .bvi-body[data-bvi-theme=white] * :optional,
html body .bvi-body[data-bvi-theme=white] * :read-write,
html body .bvi-body[data-bvi-theme=white] * :required,
html body .bvi-body[data-bvi-theme=white] * :root,
html body .bvi-body[data-bvi-theme=white] * :target,
html body .bvi-body[data-bvi-theme=white] * :valid,
html body .bvi-body[data-bvi-theme=white] * :visited,
html body .bvi-body[data-bvi-theme=white] * :first-child:first-letter,
html body .bvi-body[data-bvi-theme=white] * :default {
    background-color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #000 !important;
    color: #000 !important;
    fill: #000 !important
}

html body .bvi-body[data-bvi-theme=white] *:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=white] *:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=white] *::selection {
    background-color: #000 !important;
    color: #fff !important
}

html body .bvi-body[data-bvi-theme=white] * a {
    outline: 0 !important;
    color: #000 !important;
    background-color: transparent !important;
    text-decoration: underline !important
}

html body .bvi-body[data-bvi-theme=white] * a.active {
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * a:hover {
    color: #fff !important;
    background-color: #000 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * a:hover:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=white] * a:hover:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=white] * a:hover * {
    color: #fff !important;
    background-color: #000 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * a:hover *:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=white] * a:hover *:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=white] * button,
html body .bvi-body[data-bvi-theme=white] * input[type=submit],
html body .bvi-body[data-bvi-theme=white] * input[type=button],
html body .bvi-body[data-bvi-theme=white] * button[type=submit],
html body .bvi-body[data-bvi-theme=white] * button[type=button] {
    color: #fff !important;
    background-color: #000 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * button:hover.active,
html body .bvi-body[data-bvi-theme=white] * input[type=button]:hover.active,
html body .bvi-body[data-bvi-theme=white] * input[type=submit]:hover.active,
html body .bvi-body[data-bvi-theme=white] * button[type=submit]:hover.active,
html body .bvi-body[data-bvi-theme=white] * button[type=button]:hover.active {
    color: #fff !important;
    background-color: #000 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * button:hover:hover,
html body .bvi-body[data-bvi-theme=white] * input[type=button]:hover:hover,
html body .bvi-body[data-bvi-theme=white] * input[type=submit]:hover:hover,
html body .bvi-body[data-bvi-theme=white] * button[type=submit]:hover:hover,
html body .bvi-body[data-bvi-theme=white] * button[type=button]:hover:hover {
    color: #fff !important;
    background-color: #000 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=white] * button:hover:hover *,
html body .bvi-body[data-bvi-theme=white] * input[type=button]:hover:hover *,
html body .bvi-body[data-bvi-theme=white] * input[type=submit]:hover:hover *,
html body .bvi-body[data-bvi-theme=white] * button[type=submit]:hover:hover *,
html body .bvi-body[data-bvi-theme=white] * button[type=button]:hover:hover * {
    color: #fff !important;
    background-color: #000 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] {
    background-color: #000 !important;
    fill: #fff !important
}

html body .bvi-body[data-bvi-theme=black] * {
    background-color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #fff !important;
    color: #fff !important;
    fill: #fff !important
}

html body .bvi-body[data-bvi-theme=black] * .bvi-background-image {
    background-color: transparent !important
}

html body .bvi-body[data-bvi-theme=black] * a {
    text-decoration: underline !important;
    outline: 0 !important
}

html body .bvi-body[data-bvi-theme=black] * a.bvi-link {
    color: #fff !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * a.bvi-link.disabled {
    color: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    pointer-events: none;
    cursor: no-drop;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * a.bvi-link.disabled:focus {
    color: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid rgba(255, 255, 255, 0.5) !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * a.bvi-link:hover {
    color: #000 !important;
    background-color: #fff !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * a.bvi-link:focus {
    color: #fff !important;
    background-color: #000 !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * :checked,
html body .bvi-body[data-bvi-theme=black] * :default,
html body .bvi-body[data-bvi-theme=black] * :disabled,
html body .bvi-body[data-bvi-theme=black] * :empty,
html body .bvi-body[data-bvi-theme=black] * :enabled,
html body .bvi-body[data-bvi-theme=black] * :first-child,
html body .bvi-body[data-bvi-theme=black] * :first-of-type,
html body .bvi-body[data-bvi-theme=black] * :focus,
html body .bvi-body[data-bvi-theme=black] * :indeterminate,
html body .bvi-body[data-bvi-theme=black] * :hover,
html body .bvi-body[data-bvi-theme=black] * :last-child,
html body .bvi-body[data-bvi-theme=black] * :last-of-type,
html body .bvi-body[data-bvi-theme=black] * :link,
html body .bvi-body[data-bvi-theme=black] * :nth-last-child,
html body .bvi-body[data-bvi-theme=black] * :nth-last-of-type,
html body .bvi-body[data-bvi-theme=black] * :nth-of-type,
html body .bvi-body[data-bvi-theme=black] * :only-child,
html body .bvi-body[data-bvi-theme=black] * :only-of-type,
html body .bvi-body[data-bvi-theme=black] * :optional,
html body .bvi-body[data-bvi-theme=black] * :read-write,
html body .bvi-body[data-bvi-theme=black] * :required,
html body .bvi-body[data-bvi-theme=black] * :root,
html body .bvi-body[data-bvi-theme=black] * :target,
html body .bvi-body[data-bvi-theme=black] * :valid,
html body .bvi-body[data-bvi-theme=black] * :visited,
html body .bvi-body[data-bvi-theme=black] * :first-child:first-letter,
html body .bvi-body[data-bvi-theme=black] * :default {
    background-color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #fff !important;
    color: #fff !important;
    fill: #fff !important
}

html body .bvi-body[data-bvi-theme=black] *:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=black] *:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #fff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=black] *::selection {
    background-color: #fff !important;
    color: #000 !important
}

html body .bvi-body[data-bvi-theme=black] * a {
    outline: 0 !important;
    color: #fff !important;
    background-color: transparent !important;
    text-decoration: underline !important
}

html body .bvi-body[data-bvi-theme=black] * a.active {
    color: #fff !important;
    background-color: #000 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * a:hover {
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * a:hover:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=black] * a:hover:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=black] * a:hover * {
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * a:hover *:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=black] * a:hover *:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=black] * button,
html body .bvi-body[data-bvi-theme=black] * input[type=submit],
html body .bvi-body[data-bvi-theme=black] * input[type=button],
html body .bvi-body[data-bvi-theme=black] * button[type=submit],
html body .bvi-body[data-bvi-theme=black] * button[type=button] {
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * button:hover.active,
html body .bvi-body[data-bvi-theme=black] * input[type=button]:hover.active,
html body .bvi-body[data-bvi-theme=black] * input[type=submit]:hover.active,
html body .bvi-body[data-bvi-theme=black] * button[type=submit]:hover.active,
html body .bvi-body[data-bvi-theme=black] * button[type=button]:hover.active {
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * button:hover:hover,
html body .bvi-body[data-bvi-theme=black] * input[type=button]:hover:hover,
html body .bvi-body[data-bvi-theme=black] * input[type=submit]:hover:hover,
html body .bvi-body[data-bvi-theme=black] * button[type=submit]:hover:hover,
html body .bvi-body[data-bvi-theme=black] * button[type=button]:hover:hover {
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=black] * button:hover:hover *,
html body .bvi-body[data-bvi-theme=black] * input[type=button]:hover:hover *,
html body .bvi-body[data-bvi-theme=black] * input[type=submit]:hover:hover *,
html body .bvi-body[data-bvi-theme=black] * button[type=submit]:hover:hover *,
html body .bvi-body[data-bvi-theme=black] * button[type=button]:hover:hover * {
    color: #000 !important;
    background-color: #fff !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] {
    background-color: #9dd1ff !important;
    fill: #063462 !important
}

html body .bvi-body[data-bvi-theme=blue] * {
    background-color: #9dd1ff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #063462 !important;
    color: #063462 !important;
    fill: #063462 !important
}

html body .bvi-body[data-bvi-theme=blue] * .bvi-background-image {
    background-color: transparent !important
}

html body .bvi-body[data-bvi-theme=blue] * a {
    text-decoration: underline !important;
    outline: 0 !important
}

html body .bvi-body[data-bvi-theme=blue] * a.bvi-link {
    color: #063462 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * a.bvi-link.disabled {
    color: rgba(6, 52, 98, 0.5) !important;
    border: 1px solid rgba(6, 52, 98, 0.5) !important;
    pointer-events: none;
    cursor: no-drop;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * a.bvi-link.disabled:focus {
    color: rgba(6, 52, 98, 0.5) !important;
    border: 1px solid rgba(6, 52, 98, 0.5) !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * a.bvi-link:hover {
    color: #9dd1ff !important;
    background-color: #063462 !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * a.bvi-link:focus {
    color: #063462 !important;
    background-color: #9dd1ff !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * :checked,
html body .bvi-body[data-bvi-theme=blue] * :default,
html body .bvi-body[data-bvi-theme=blue] * :disabled,
html body .bvi-body[data-bvi-theme=blue] * :empty,
html body .bvi-body[data-bvi-theme=blue] * :enabled,
html body .bvi-body[data-bvi-theme=blue] * :first-child,
html body .bvi-body[data-bvi-theme=blue] * :first-of-type,
html body .bvi-body[data-bvi-theme=blue] * :focus,
html body .bvi-body[data-bvi-theme=blue] * :indeterminate,
html body .bvi-body[data-bvi-theme=blue] * :hover,
html body .bvi-body[data-bvi-theme=blue] * :last-child,
html body .bvi-body[data-bvi-theme=blue] * :last-of-type,
html body .bvi-body[data-bvi-theme=blue] * :link,
html body .bvi-body[data-bvi-theme=blue] * :nth-last-child,
html body .bvi-body[data-bvi-theme=blue] * :nth-last-of-type,
html body .bvi-body[data-bvi-theme=blue] * :nth-of-type,
html body .bvi-body[data-bvi-theme=blue] * :only-child,
html body .bvi-body[data-bvi-theme=blue] * :only-of-type,
html body .bvi-body[data-bvi-theme=blue] * :optional,
html body .bvi-body[data-bvi-theme=blue] * :read-write,
html body .bvi-body[data-bvi-theme=blue] * :required,
html body .bvi-body[data-bvi-theme=blue] * :root,
html body .bvi-body[data-bvi-theme=blue] * :target,
html body .bvi-body[data-bvi-theme=blue] * :valid,
html body .bvi-body[data-bvi-theme=blue] * :visited,
html body .bvi-body[data-bvi-theme=blue] * :first-child:first-letter,
html body .bvi-body[data-bvi-theme=blue] * :default {
    background-color: #9dd1ff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #063462 !important;
    color: #063462 !important;
    fill: #063462 !important
}

html body .bvi-body[data-bvi-theme=blue] *:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #063462 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=blue] *:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #063462 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=blue] *::selection {
    background-color: #063462 !important;
    color: #9dd1ff !important
}

html body .bvi-body[data-bvi-theme=blue] * a {
    outline: 0 !important;
    color: #063462 !important;
    background-color: transparent !important;
    text-decoration: underline !important
}

html body .bvi-body[data-bvi-theme=blue] * a.active {
    color: #063462 !important;
    background-color: #9dd1ff !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * a:hover {
    color: #9dd1ff !important;
    background-color: #063462 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * a:hover:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #9dd1ff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=blue] * a:hover:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #9dd1ff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=blue] * a:hover * {
    color: #9dd1ff !important;
    background-color: #063462 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * a:hover *:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #9dd1ff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=blue] * a:hover *:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #9dd1ff !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=blue] * button,
html body .bvi-body[data-bvi-theme=blue] * input[type=submit],
html body .bvi-body[data-bvi-theme=blue] * input[type=button],
html body .bvi-body[data-bvi-theme=blue] * button[type=submit],
html body .bvi-body[data-bvi-theme=blue] * button[type=button] {
    color: #9dd1ff !important;
    background-color: #063462 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * button:hover.active,
html body .bvi-body[data-bvi-theme=blue] * input[type=button]:hover.active,
html body .bvi-body[data-bvi-theme=blue] * input[type=submit]:hover.active,
html body .bvi-body[data-bvi-theme=blue] * button[type=submit]:hover.active,
html body .bvi-body[data-bvi-theme=blue] * button[type=button]:hover.active {
    color: #9dd1ff !important;
    background-color: #063462 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * button:hover:hover,
html body .bvi-body[data-bvi-theme=blue] * input[type=button]:hover:hover,
html body .bvi-body[data-bvi-theme=blue] * input[type=submit]:hover:hover,
html body .bvi-body[data-bvi-theme=blue] * button[type=submit]:hover:hover,
html body .bvi-body[data-bvi-theme=blue] * button[type=button]:hover:hover {
    color: #9dd1ff !important;
    background-color: #063462 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=blue] * button:hover:hover *,
html body .bvi-body[data-bvi-theme=blue] * input[type=button]:hover:hover *,
html body .bvi-body[data-bvi-theme=blue] * input[type=submit]:hover:hover *,
html body .bvi-body[data-bvi-theme=blue] * button[type=submit]:hover:hover *,
html body .bvi-body[data-bvi-theme=blue] * button[type=button]:hover:hover * {
    color: #9dd1ff !important;
    background-color: #063462 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] {
    background-color: #f7f3d6 !important;
    fill: #4d4b43 !important
}

html body .bvi-body[data-bvi-theme=brown] * {
    background-color: #f7f3d6 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #4d4b43 !important;
    color: #4d4b43 !important;
    fill: #4d4b43 !important
}

html body .bvi-body[data-bvi-theme=brown] * .bvi-background-image {
    background-color: transparent !important
}

html body .bvi-body[data-bvi-theme=brown] * a {
    text-decoration: underline !important;
    outline: 0 !important
}

html body .bvi-body[data-bvi-theme=brown] * a.bvi-link {
    color: #4d4b43 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * a.bvi-link.disabled {
    color: rgba(77, 75, 67, 0.5) !important;
    border: 1px solid rgba(77, 75, 67, 0.5) !important;
    pointer-events: none;
    cursor: no-drop;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * a.bvi-link.disabled:focus {
    color: rgba(77, 75, 67, 0.5) !important;
    border: 1px solid rgba(77, 75, 67, 0.5) !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * a.bvi-link:hover {
    color: #f7f3d6 !important;
    background-color: #4d4b43 !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * a.bvi-link:focus {
    color: #4d4b43 !important;
    background-color: #f7f3d6 !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * :checked,
html body .bvi-body[data-bvi-theme=brown] * :default,
html body .bvi-body[data-bvi-theme=brown] * :disabled,
html body .bvi-body[data-bvi-theme=brown] * :empty,
html body .bvi-body[data-bvi-theme=brown] * :enabled,
html body .bvi-body[data-bvi-theme=brown] * :first-child,
html body .bvi-body[data-bvi-theme=brown] * :first-of-type,
html body .bvi-body[data-bvi-theme=brown] * :focus,
html body .bvi-body[data-bvi-theme=brown] * :indeterminate,
html body .bvi-body[data-bvi-theme=brown] * :hover,
html body .bvi-body[data-bvi-theme=brown] * :last-child,
html body .bvi-body[data-bvi-theme=brown] * :last-of-type,
html body .bvi-body[data-bvi-theme=brown] * :link,
html body .bvi-body[data-bvi-theme=brown] * :nth-last-child,
html body .bvi-body[data-bvi-theme=brown] * :nth-last-of-type,
html body .bvi-body[data-bvi-theme=brown] * :nth-of-type,
html body .bvi-body[data-bvi-theme=brown] * :only-child,
html body .bvi-body[data-bvi-theme=brown] * :only-of-type,
html body .bvi-body[data-bvi-theme=brown] * :optional,
html body .bvi-body[data-bvi-theme=brown] * :read-write,
html body .bvi-body[data-bvi-theme=brown] * :required,
html body .bvi-body[data-bvi-theme=brown] * :root,
html body .bvi-body[data-bvi-theme=brown] * :target,
html body .bvi-body[data-bvi-theme=brown] * :valid,
html body .bvi-body[data-bvi-theme=brown] * :visited,
html body .bvi-body[data-bvi-theme=brown] * :first-child:first-letter,
html body .bvi-body[data-bvi-theme=brown] * :default {
    background-color: #f7f3d6 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #4d4b43 !important;
    color: #4d4b43 !important;
    fill: #4d4b43 !important
}

html body .bvi-body[data-bvi-theme=brown] *:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #4d4b43 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=brown] *:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #4d4b43 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=brown] *::selection {
    background-color: #4d4b43 !important;
    color: #f7f3d6 !important
}

html body .bvi-body[data-bvi-theme=brown] * a {
    outline: 0 !important;
    color: #4d4b43 !important;
    background-color: transparent !important;
    text-decoration: underline !important
}

html body .bvi-body[data-bvi-theme=brown] * a.active {
    color: #4d4b43 !important;
    background-color: #f7f3d6 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * a:hover {
    color: #f7f3d6 !important;
    background-color: #4d4b43 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * a:hover:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #f7f3d6 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=brown] * a:hover:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #f7f3d6 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=brown] * a:hover * {
    color: #f7f3d6 !important;
    background-color: #4d4b43 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * a:hover *:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #f7f3d6 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=brown] * a:hover *:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #f7f3d6 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=brown] * button,
html body .bvi-body[data-bvi-theme=brown] * input[type=submit],
html body .bvi-body[data-bvi-theme=brown] * input[type=button],
html body .bvi-body[data-bvi-theme=brown] * button[type=submit],
html body .bvi-body[data-bvi-theme=brown] * button[type=button] {
    color: #f7f3d6 !important;
    background-color: #4d4b43 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * button:hover.active,
html body .bvi-body[data-bvi-theme=brown] * input[type=button]:hover.active,
html body .bvi-body[data-bvi-theme=brown] * input[type=submit]:hover.active,
html body .bvi-body[data-bvi-theme=brown] * button[type=submit]:hover.active,
html body .bvi-body[data-bvi-theme=brown] * button[type=button]:hover.active {
    color: #f7f3d6 !important;
    background-color: #4d4b43 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * button:hover:hover,
html body .bvi-body[data-bvi-theme=brown] * input[type=button]:hover:hover,
html body .bvi-body[data-bvi-theme=brown] * input[type=submit]:hover:hover,
html body .bvi-body[data-bvi-theme=brown] * button[type=submit]:hover:hover,
html body .bvi-body[data-bvi-theme=brown] * button[type=button]:hover:hover {
    color: #f7f3d6 !important;
    background-color: #4d4b43 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=brown] * button:hover:hover *,
html body .bvi-body[data-bvi-theme=brown] * input[type=button]:hover:hover *,
html body .bvi-body[data-bvi-theme=brown] * input[type=submit]:hover:hover *,
html body .bvi-body[data-bvi-theme=brown] * button[type=submit]:hover:hover *,
html body .bvi-body[data-bvi-theme=brown] * button[type=button]:hover:hover * {
    color: #f7f3d6 !important;
    background-color: #4d4b43 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] {
    background-color: #3b2716 !important;
    fill: #a9e44d !important
}

html body .bvi-body[data-bvi-theme=green] * {
    background-color: #3b2716 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #a9e44d !important;
    color: #a9e44d !important;
    fill: #a9e44d !important
}

html body .bvi-body[data-bvi-theme=green] * .bvi-background-image {
    background-color: transparent !important
}

html body .bvi-body[data-bvi-theme=green] * a {
    text-decoration: underline !important;
    outline: 0 !important
}

html body .bvi-body[data-bvi-theme=green] * a.bvi-link {
    color: #a9e44d !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * a.bvi-link.disabled {
    color: rgba(169, 228, 77, 0.5) !important;
    border: 1px solid rgba(169, 228, 77, 0.5) !important;
    pointer-events: none;
    cursor: no-drop;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * a.bvi-link.disabled:focus {
    color: rgba(169, 228, 77, 0.5) !important;
    border: 1px solid rgba(169, 228, 77, 0.5) !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * a.bvi-link:hover {
    color: #3b2716 !important;
    background-color: #a9e44d !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * a.bvi-link:focus {
    color: #a9e44d !important;
    background-color: #3b2716 !important;
    text-underline: none !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * :checked,
html body .bvi-body[data-bvi-theme=green] * :default,
html body .bvi-body[data-bvi-theme=green] * :disabled,
html body .bvi-body[data-bvi-theme=green] * :empty,
html body .bvi-body[data-bvi-theme=green] * :enabled,
html body .bvi-body[data-bvi-theme=green] * :first-child,
html body .bvi-body[data-bvi-theme=green] * :first-of-type,
html body .bvi-body[data-bvi-theme=green] * :focus,
html body .bvi-body[data-bvi-theme=green] * :indeterminate,
html body .bvi-body[data-bvi-theme=green] * :hover,
html body .bvi-body[data-bvi-theme=green] * :last-child,
html body .bvi-body[data-bvi-theme=green] * :last-of-type,
html body .bvi-body[data-bvi-theme=green] * :link,
html body .bvi-body[data-bvi-theme=green] * :nth-last-child,
html body .bvi-body[data-bvi-theme=green] * :nth-last-of-type,
html body .bvi-body[data-bvi-theme=green] * :nth-of-type,
html body .bvi-body[data-bvi-theme=green] * :only-child,
html body .bvi-body[data-bvi-theme=green] * :only-of-type,
html body .bvi-body[data-bvi-theme=green] * :optional,
html body .bvi-body[data-bvi-theme=green] * :read-write,
html body .bvi-body[data-bvi-theme=green] * :required,
html body .bvi-body[data-bvi-theme=green] * :root,
html body .bvi-body[data-bvi-theme=green] * :target,
html body .bvi-body[data-bvi-theme=green] * :valid,
html body .bvi-body[data-bvi-theme=green] * :visited,
html body .bvi-body[data-bvi-theme=green] * :first-child:first-letter,
html body .bvi-body[data-bvi-theme=green] * :default {
    background-color: #3b2716 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: #a9e44d !important;
    color: #a9e44d !important;
    fill: #a9e44d !important
}

html body .bvi-body[data-bvi-theme=green] *:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #a9e44d !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=green] *:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #a9e44d !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=green] *::selection {
    background-color: #a9e44d !important;
    color: #3b2716 !important
}

html body .bvi-body[data-bvi-theme=green] * a {
    outline: 0 !important;
    color: #a9e44d !important;
    background-color: transparent !important;
    text-decoration: underline !important
}

html body .bvi-body[data-bvi-theme=green] * a.active {
    color: #a9e44d !important;
    background-color: #3b2716 !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * a:hover {
    color: #3b2716 !important;
    background-color: #a9e44d !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * a:hover:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #3b2716 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=green] * a:hover:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #3b2716 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=green] * a:hover * {
    color: #3b2716 !important;
    background-color: #a9e44d !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * a:hover *:after {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #3b2716 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=green] * a:hover *:before {
    background-color: rgba(255, 255, 255, 0) !important;
    color: #3b2716 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    border-color: transparent !important
}

html body .bvi-body[data-bvi-theme=green] * button,
html body .bvi-body[data-bvi-theme=green] * input[type=submit],
html body .bvi-body[data-bvi-theme=green] * input[type=button],
html body .bvi-body[data-bvi-theme=green] * button[type=submit],
html body .bvi-body[data-bvi-theme=green] * button[type=button] {
    color: #3b2716 !important;
    background-color: #a9e44d !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * button:hover.active,
html body .bvi-body[data-bvi-theme=green] * input[type=button]:hover.active,
html body .bvi-body[data-bvi-theme=green] * input[type=submit]:hover.active,
html body .bvi-body[data-bvi-theme=green] * button[type=submit]:hover.active,
html body .bvi-body[data-bvi-theme=green] * button[type=button]:hover.active {
    color: #3b2716 !important;
    background-color: #a9e44d !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * button:hover:hover,
html body .bvi-body[data-bvi-theme=green] * input[type=button]:hover:hover,
html body .bvi-body[data-bvi-theme=green] * input[type=submit]:hover:hover,
html body .bvi-body[data-bvi-theme=green] * button[type=submit]:hover:hover,
html body .bvi-body[data-bvi-theme=green] * button[type=button]:hover:hover {
    color: #3b2716 !important;
    background-color: #a9e44d !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-theme=green] * button:hover:hover *,
html body .bvi-body[data-bvi-theme=green] * input[type=button]:hover:hover *,
html body .bvi-body[data-bvi-theme=green] * input[type=submit]:hover:hover *,
html body .bvi-body[data-bvi-theme=green] * button[type=submit]:hover:hover *,
html body .bvi-body[data-bvi-theme=green] * button[type=button]:hover:hover * {
    color: #3b2716 !important;
    background-color: #a9e44d !important;
    text-decoration: none !important
}

html body .bvi-body[data-bvi-size="40"] * {
    font-size: 40px !important
}

html body .bvi-body[data-bvi-size="40"] * h1,
html body .bvi-body[data-bvi-size="40"] * h1 * {
    font-size: 47px !important
}

html body .bvi-body[data-bvi-size="40"] * h2,
html body .bvi-body[data-bvi-size="40"] * h2 * {
    font-size: 46px !important
}

html body .bvi-body[data-bvi-size="40"] * h3,
html body .bvi-body[data-bvi-size="40"] * h3 * {
    font-size: 45px !important
}

html body .bvi-body[data-bvi-size="40"] * h4,
html body .bvi-body[data-bvi-size="40"] * h4 * {
    font-size: 44px !important
}

html body .bvi-body[data-bvi-size="40"] * h5,
html body .bvi-body[data-bvi-size="40"] * h5 * {
    font-size: 43px !important
}

html body .bvi-body[data-bvi-size="40"] * h6,
html body .bvi-body[data-bvi-size="40"] * h6 * {
    font-size: 42px !important
}

html body .bvi-body[data-bvi-size="39"] * {
    font-size: 39px !important
}

html body .bvi-body[data-bvi-size="39"] * h1,
html body .bvi-body[data-bvi-size="39"] * h1 * {
    font-size: 46px !important
}

html body .bvi-body[data-bvi-size="39"] * h2,
html body .bvi-body[data-bvi-size="39"] * h2 * {
    font-size: 45px !important
}

html body .bvi-body[data-bvi-size="39"] * h3,
html body .bvi-body[data-bvi-size="39"] * h3 * {
    font-size: 44px !important
}

html body .bvi-body[data-bvi-size="39"] * h4,
html body .bvi-body[data-bvi-size="39"] * h4 * {
    font-size: 43px !important
}

html body .bvi-body[data-bvi-size="39"] * h5,
html body .bvi-body[data-bvi-size="39"] * h5 * {
    font-size: 42px !important
}

html body .bvi-body[data-bvi-size="39"] * h6,
html body .bvi-body[data-bvi-size="39"] * h6 * {
    font-size: 41px !important
}

html body .bvi-body[data-bvi-size="38"] * {
    font-size: 38px !important
}

html body .bvi-body[data-bvi-size="38"] * h1,
html body .bvi-body[data-bvi-size="38"] * h1 * {
    font-size: 45px !important
}

html body .bvi-body[data-bvi-size="38"] * h2,
html body .bvi-body[data-bvi-size="38"] * h2 * {
    font-size: 44px !important
}

html body .bvi-body[data-bvi-size="38"] * h3,
html body .bvi-body[data-bvi-size="38"] * h3 * {
    font-size: 43px !important
}

html body .bvi-body[data-bvi-size="38"] * h4,
html body .bvi-body[data-bvi-size="38"] * h4 * {
    font-size: 42px !important
}

html body .bvi-body[data-bvi-size="38"] * h5,
html body .bvi-body[data-bvi-size="38"] * h5 * {
    font-size: 41px !important
}

html body .bvi-body[data-bvi-size="38"] * h6,
html body .bvi-body[data-bvi-size="38"] * h6 * {
    font-size: 40px !important
}

html body .bvi-body[data-bvi-size="37"] * {
    font-size: 37px !important
}

html body .bvi-body[data-bvi-size="37"] * h1,
html body .bvi-body[data-bvi-size="37"] * h1 * {
    font-size: 44px !important
}

html body .bvi-body[data-bvi-size="37"] * h2,
html body .bvi-body[data-bvi-size="37"] * h2 * {
    font-size: 43px !important
}

html body .bvi-body[data-bvi-size="37"] * h3,
html body .bvi-body[data-bvi-size="37"] * h3 * {
    font-size: 42px !important
}

html body .bvi-body[data-bvi-size="37"] * h4,
html body .bvi-body[data-bvi-size="37"] * h4 * {
    font-size: 41px !important
}

html body .bvi-body[data-bvi-size="37"] * h5,
html body .bvi-body[data-bvi-size="37"] * h5 * {
    font-size: 40px !important
}

html body .bvi-body[data-bvi-size="37"] * h6,
html body .bvi-body[data-bvi-size="37"] * h6 * {
    font-size: 39px !important
}

html body .bvi-body[data-bvi-size="36"] * {
    font-size: 36px !important
}

html body .bvi-body[data-bvi-size="36"] * h1,
html body .bvi-body[data-bvi-size="36"] * h1 * {
    font-size: 43px !important
}

html body .bvi-body[data-bvi-size="36"] * h2,
html body .bvi-body[data-bvi-size="36"] * h2 * {
    font-size: 42px !important
}

html body .bvi-body[data-bvi-size="36"] * h3,
html body .bvi-body[data-bvi-size="36"] * h3 * {
    font-size: 41px !important
}

html body .bvi-body[data-bvi-size="36"] * h4,
html body .bvi-body[data-bvi-size="36"] * h4 * {
    font-size: 40px !important
}

html body .bvi-body[data-bvi-size="36"] * h5,
html body .bvi-body[data-bvi-size="36"] * h5 * {
    font-size: 39px !important
}

html body .bvi-body[data-bvi-size="36"] * h6,
html body .bvi-body[data-bvi-size="36"] * h6 * {
    font-size: 38px !important
}

html body .bvi-body[data-bvi-size="35"] * {
    font-size: 35px !important
}

html body .bvi-body[data-bvi-size="35"] * h1,
html body .bvi-body[data-bvi-size="35"] * h1 * {
    font-size: 42px !important
}

html body .bvi-body[data-bvi-size="35"] * h2,
html body .bvi-body[data-bvi-size="35"] * h2 * {
    font-size: 41px !important
}

html body .bvi-body[data-bvi-size="35"] * h3,
html body .bvi-body[data-bvi-size="35"] * h3 * {
    font-size: 40px !important
}

html body .bvi-body[data-bvi-size="35"] * h4,
html body .bvi-body[data-bvi-size="35"] * h4 * {
    font-size: 39px !important
}

html body .bvi-body[data-bvi-size="35"] * h5,
html body .bvi-body[data-bvi-size="35"] * h5 * {
    font-size: 38px !important
}

html body .bvi-body[data-bvi-size="35"] * h6,
html body .bvi-body[data-bvi-size="35"] * h6 * {
    font-size: 37px !important
}

html body .bvi-body[data-bvi-size="34"] * {
    font-size: 34px !important
}

html body .bvi-body[data-bvi-size="34"] * h1,
html body .bvi-body[data-bvi-size="34"] * h1 * {
    font-size: 41px !important
}

html body .bvi-body[data-bvi-size="34"] * h2,
html body .bvi-body[data-bvi-size="34"] * h2 * {
    font-size: 40px !important
}

html body .bvi-body[data-bvi-size="34"] * h3,
html body .bvi-body[data-bvi-size="34"] * h3 * {
    font-size: 39px !important
}

html body .bvi-body[data-bvi-size="34"] * h4,
html body .bvi-body[data-bvi-size="34"] * h4 * {
    font-size: 38px !important
}

html body .bvi-body[data-bvi-size="34"] * h5,
html body .bvi-body[data-bvi-size="34"] * h5 * {
    font-size: 37px !important
}

html body .bvi-body[data-bvi-size="34"] * h6,
html body .bvi-body[data-bvi-size="34"] * h6 * {
    font-size: 36px !important
}

html body .bvi-body[data-bvi-size="33"] * {
    font-size: 33px !important
}

html body .bvi-body[data-bvi-size="33"] * h1,
html body .bvi-body[data-bvi-size="33"] * h1 * {
    font-size: 40px !important
}

html body .bvi-body[data-bvi-size="33"] * h2,
html body .bvi-body[data-bvi-size="33"] * h2 * {
    font-size: 39px !important
}

html body .bvi-body[data-bvi-size="33"] * h3,
html body .bvi-body[data-bvi-size="33"] * h3 * {
    font-size: 38px !important
}

html body .bvi-body[data-bvi-size="33"] * h4,
html body .bvi-body[data-bvi-size="33"] * h4 * {
    font-size: 37px !important
}

html body .bvi-body[data-bvi-size="33"] * h5,
html body .bvi-body[data-bvi-size="33"] * h5 * {
    font-size: 36px !important
}

html body .bvi-body[data-bvi-size="33"] * h6,
html body .bvi-body[data-bvi-size="33"] * h6 * {
    font-size: 35px !important
}

html body .bvi-body[data-bvi-size="32"] * {
    font-size: 32px !important
}

html body .bvi-body[data-bvi-size="32"] * h1,
html body .bvi-body[data-bvi-size="32"] * h1 * {
    font-size: 39px !important
}

html body .bvi-body[data-bvi-size="32"] * h2,
html body .bvi-body[data-bvi-size="32"] * h2 * {
    font-size: 38px !important
}

html body .bvi-body[data-bvi-size="32"] * h3,
html body .bvi-body[data-bvi-size="32"] * h3 * {
    font-size: 37px !important
}

html body .bvi-body[data-bvi-size="32"] * h4,
html body .bvi-body[data-bvi-size="32"] * h4 * {
    font-size: 36px !important
}

html body .bvi-body[data-bvi-size="32"] * h5,
html body .bvi-body[data-bvi-size="32"] * h5 * {
    font-size: 35px !important
}

html body .bvi-body[data-bvi-size="32"] * h6,
html body .bvi-body[data-bvi-size="32"] * h6 * {
    font-size: 34px !important
}

html body .bvi-body[data-bvi-size="31"] * {
    font-size: 31px !important
}

html body .bvi-body[data-bvi-size="31"] * h1,
html body .bvi-body[data-bvi-size="31"] * h1 * {
    font-size: 38px !important
}

html body .bvi-body[data-bvi-size="31"] * h2,
html body .bvi-body[data-bvi-size="31"] * h2 * {
    font-size: 37px !important
}

html body .bvi-body[data-bvi-size="31"] * h3,
html body .bvi-body[data-bvi-size="31"] * h3 * {
    font-size: 36px !important
}

html body .bvi-body[data-bvi-size="31"] * h4,
html body .bvi-body[data-bvi-size="31"] * h4 * {
    font-size: 35px !important
}

html body .bvi-body[data-bvi-size="31"] * h5,
html body .bvi-body[data-bvi-size="31"] * h5 * {
    font-size: 34px !important
}

html body .bvi-body[data-bvi-size="31"] * h6,
html body .bvi-body[data-bvi-size="31"] * h6 * {
    font-size: 33px !important
}

html body .bvi-body[data-bvi-size="30"] * {
    font-size: 30px !important
}

html body .bvi-body[data-bvi-size="30"] * h1,
html body .bvi-body[data-bvi-size="30"] * h1 * {
    font-size: 37px !important
}

html body .bvi-body[data-bvi-size="30"] * h2,
html body .bvi-body[data-bvi-size="30"] * h2 * {
    font-size: 36px !important
}

html body .bvi-body[data-bvi-size="30"] * h3,
html body .bvi-body[data-bvi-size="30"] * h3 * {
    font-size: 35px !important
}

html body .bvi-body[data-bvi-size="30"] * h4,
html body .bvi-body[data-bvi-size="30"] * h4 * {
    font-size: 34px !important
}

html body .bvi-body[data-bvi-size="30"] * h5,
html body .bvi-body[data-bvi-size="30"] * h5 * {
    font-size: 33px !important
}

html body .bvi-body[data-bvi-size="30"] * h6,
html body .bvi-body[data-bvi-size="30"] * h6 * {
    font-size: 32px !important
}

html body .bvi-body[data-bvi-size="29"] * {
    font-size: 29px !important
}

html body .bvi-body[data-bvi-size="29"] * h1,
html body .bvi-body[data-bvi-size="29"] * h1 * {
    font-size: 36px !important
}

html body .bvi-body[data-bvi-size="29"] * h2,
html body .bvi-body[data-bvi-size="29"] * h2 * {
    font-size: 35px !important
}

html body .bvi-body[data-bvi-size="29"] * h3,
html body .bvi-body[data-bvi-size="29"] * h3 * {
    font-size: 34px !important
}

html body .bvi-body[data-bvi-size="29"] * h4,
html body .bvi-body[data-bvi-size="29"] * h4 * {
    font-size: 33px !important
}

html body .bvi-body[data-bvi-size="29"] * h5,
html body .bvi-body[data-bvi-size="29"] * h5 * {
    font-size: 32px !important
}

html body .bvi-body[data-bvi-size="29"] * h6,
html body .bvi-body[data-bvi-size="29"] * h6 * {
    font-size: 31px !important
}

html body .bvi-body[data-bvi-size="28"] * {
    font-size: 28px !important
}

html body .bvi-body[data-bvi-size="28"] * h1,
html body .bvi-body[data-bvi-size="28"] * h1 * {
    font-size: 35px !important
}

html body .bvi-body[data-bvi-size="28"] * h2,
html body .bvi-body[data-bvi-size="28"] * h2 * {
    font-size: 34px !important
}

html body .bvi-body[data-bvi-size="28"] * h3,
html body .bvi-body[data-bvi-size="28"] * h3 * {
    font-size: 33px !important
}

html body .bvi-body[data-bvi-size="28"] * h4,
html body .bvi-body[data-bvi-size="28"] * h4 * {
    font-size: 32px !important
}

html body .bvi-body[data-bvi-size="28"] * h5,
html body .bvi-body[data-bvi-size="28"] * h5 * {
    font-size: 31px !important
}

html body .bvi-body[data-bvi-size="28"] * h6,
html body .bvi-body[data-bvi-size="28"] * h6 * {
    font-size: 30px !important
}

html body .bvi-body[data-bvi-size="27"] * {
    font-size: 27px !important
}

html body .bvi-body[data-bvi-size="27"] * h1,
html body .bvi-body[data-bvi-size="27"] * h1 * {
    font-size: 34px !important
}

html body .bvi-body[data-bvi-size="27"] * h2,
html body .bvi-body[data-bvi-size="27"] * h2 * {
    font-size: 33px !important
}

html body .bvi-body[data-bvi-size="27"] * h3,
html body .bvi-body[data-bvi-size="27"] * h3 * {
    font-size: 32px !important
}

html body .bvi-body[data-bvi-size="27"] * h4,
html body .bvi-body[data-bvi-size="27"] * h4 * {
    font-size: 31px !important
}

html body .bvi-body[data-bvi-size="27"] * h5,
html body .bvi-body[data-bvi-size="27"] * h5 * {
    font-size: 30px !important
}

html body .bvi-body[data-bvi-size="27"] * h6,
html body .bvi-body[data-bvi-size="27"] * h6 * {
    font-size: 29px !important
}

html body .bvi-body[data-bvi-size="26"] * {
    font-size: 26px !important
}

html body .bvi-body[data-bvi-size="26"] * h1,
html body .bvi-body[data-bvi-size="26"] * h1 * {
    font-size: 33px !important
}

html body .bvi-body[data-bvi-size="26"] * h2,
html body .bvi-body[data-bvi-size="26"] * h2 * {
    font-size: 32px !important
}

html body .bvi-body[data-bvi-size="26"] * h3,
html body .bvi-body[data-bvi-size="26"] * h3 * {
    font-size: 31px !important
}

html body .bvi-body[data-bvi-size="26"] * h4,
html body .bvi-body[data-bvi-size="26"] * h4 * {
    font-size: 30px !important
}

html body .bvi-body[data-bvi-size="26"] * h5,
html body .bvi-body[data-bvi-size="26"] * h5 * {
    font-size: 29px !important
}

html body .bvi-body[data-bvi-size="26"] * h6,
html body .bvi-body[data-bvi-size="26"] * h6 * {
    font-size: 28px !important
}

html body .bvi-body[data-bvi-size="25"] * {
    font-size: 25px !important
}

html body .bvi-body[data-bvi-size="25"] * h1,
html body .bvi-body[data-bvi-size="25"] * h1 * {
    font-size: 32px !important
}

html body .bvi-body[data-bvi-size="25"] * h2,
html body .bvi-body[data-bvi-size="25"] * h2 * {
    font-size: 31px !important
}

html body .bvi-body[data-bvi-size="25"] * h3,
html body .bvi-body[data-bvi-size="25"] * h3 * {
    font-size: 30px !important
}

html body .bvi-body[data-bvi-size="25"] * h4,
html body .bvi-body[data-bvi-size="25"] * h4 * {
    font-size: 29px !important
}

html body .bvi-body[data-bvi-size="25"] * h5,
html body .bvi-body[data-bvi-size="25"] * h5 * {
    font-size: 28px !important
}

html body .bvi-body[data-bvi-size="25"] * h6,
html body .bvi-body[data-bvi-size="25"] * h6 * {
    font-size: 27px !important
}

html body .bvi-body[data-bvi-size="24"] * {
    font-size: 24px !important
}

html body .bvi-body[data-bvi-size="24"] * h1,
html body .bvi-body[data-bvi-size="24"] * h1 * {
    font-size: 31px !important
}

html body .bvi-body[data-bvi-size="24"] * h2,
html body .bvi-body[data-bvi-size="24"] * h2 * {
    font-size: 30px !important
}

html body .bvi-body[data-bvi-size="24"] * h3,
html body .bvi-body[data-bvi-size="24"] * h3 * {
    font-size: 29px !important
}

html body .bvi-body[data-bvi-size="24"] * h4,
html body .bvi-body[data-bvi-size="24"] * h4 * {
    font-size: 28px !important
}

html body .bvi-body[data-bvi-size="24"] * h5,
html body .bvi-body[data-bvi-size="24"] * h5 * {
    font-size: 27px !important
}

html body .bvi-body[data-bvi-size="24"] * h6,
html body .bvi-body[data-bvi-size="24"] * h6 * {
    font-size: 26px !important
}

html body .bvi-body[data-bvi-size="23"] * {
    font-size: 23px !important
}

html body .bvi-body[data-bvi-size="23"] * h1,
html body .bvi-body[data-bvi-size="23"] * h1 * {
    font-size: 30px !important
}

html body .bvi-body[data-bvi-size="23"] * h2,
html body .bvi-body[data-bvi-size="23"] * h2 * {
    font-size: 29px !important
}

html body .bvi-body[data-bvi-size="23"] * h3,
html body .bvi-body[data-bvi-size="23"] * h3 * {
    font-size: 28px !important
}

html body .bvi-body[data-bvi-size="23"] * h4,
html body .bvi-body[data-bvi-size="23"] * h4 * {
    font-size: 27px !important
}

html body .bvi-body[data-bvi-size="23"] * h5,
html body .bvi-body[data-bvi-size="23"] * h5 * {
    font-size: 26px !important
}

html body .bvi-body[data-bvi-size="23"] * h6,
html body .bvi-body[data-bvi-size="23"] * h6 * {
    font-size: 25px !important
}

html body .bvi-body[data-bvi-size="22"] * {
    font-size: 22px !important
}

html body .bvi-body[data-bvi-size="22"] * h1,
html body .bvi-body[data-bvi-size="22"] * h1 * {
    font-size: 29px !important
}

html body .bvi-body[data-bvi-size="22"] * h2,
html body .bvi-body[data-bvi-size="22"] * h2 * {
    font-size: 28px !important
}

html body .bvi-body[data-bvi-size="22"] * h3,
html body .bvi-body[data-bvi-size="22"] * h3 * {
    font-size: 27px !important
}

html body .bvi-body[data-bvi-size="22"] * h4,
html body .bvi-body[data-bvi-size="22"] * h4 * {
    font-size: 26px !important
}

html body .bvi-body[data-bvi-size="22"] * h5,
html body .bvi-body[data-bvi-size="22"] * h5 * {
    font-size: 25px !important
}

html body .bvi-body[data-bvi-size="22"] * h6,
html body .bvi-body[data-bvi-size="22"] * h6 * {
    font-size: 24px !important
}

html body .bvi-body[data-bvi-size="21"] * {
    font-size: 21px !important
}

html body .bvi-body[data-bvi-size="21"] * h1,
html body .bvi-body[data-bvi-size="21"] * h1 * {
    font-size: 28px !important
}

html body .bvi-body[data-bvi-size="21"] * h2,
html body .bvi-body[data-bvi-size="21"] * h2 * {
    font-size: 27px !important
}

html body .bvi-body[data-bvi-size="21"] * h3,
html body .bvi-body[data-bvi-size="21"] * h3 * {
    font-size: 26px !important
}

html body .bvi-body[data-bvi-size="21"] * h4,
html body .bvi-body[data-bvi-size="21"] * h4 * {
    font-size: 25px !important
}

html body .bvi-body[data-bvi-size="21"] * h5,
html body .bvi-body[data-bvi-size="21"] * h5 * {
    font-size: 24px !important
}

html body .bvi-body[data-bvi-size="21"] * h6,
html body .bvi-body[data-bvi-size="21"] * h6 * {
    font-size: 23px !important
}

html body .bvi-body[data-bvi-size="20"] * {
    font-size: 20px !important
}

html body .bvi-body[data-bvi-size="20"] * h1,
html body .bvi-body[data-bvi-size="20"] * h1 * {
    font-size: 27px !important
}

html body .bvi-body[data-bvi-size="20"] * h2,
html body .bvi-body[data-bvi-size="20"] * h2 * {
    font-size: 26px !important
}

html body .bvi-body[data-bvi-size="20"] * h3,
html body .bvi-body[data-bvi-size="20"] * h3 * {
    font-size: 25px !important
}

html body .bvi-body[data-bvi-size="20"] * h4,
html body .bvi-body[data-bvi-size="20"] * h4 * {
    font-size: 24px !important
}

html body .bvi-body[data-bvi-size="20"] * h5,
html body .bvi-body[data-bvi-size="20"] * h5 * {
    font-size: 23px !important
}

html body .bvi-body[data-bvi-size="20"] * h6,
html body .bvi-body[data-bvi-size="20"] * h6 * {
    font-size: 22px !important
}

html body .bvi-body[data-bvi-size="19"] * {
    font-size: 19px !important
}

html body .bvi-body[data-bvi-size="19"] * h1,
html body .bvi-body[data-bvi-size="19"] * h1 * {
    font-size: 26px !important
}

html body .bvi-body[data-bvi-size="19"] * h2,
html body .bvi-body[data-bvi-size="19"] * h2 * {
    font-size: 25px !important
}

html body .bvi-body[data-bvi-size="19"] * h3,
html body .bvi-body[data-bvi-size="19"] * h3 * {
    font-size: 24px !important
}

html body .bvi-body[data-bvi-size="19"] * h4,
html body .bvi-body[data-bvi-size="19"] * h4 * {
    font-size: 23px !important
}

html body .bvi-body[data-bvi-size="19"] * h5,
html body .bvi-body[data-bvi-size="19"] * h5 * {
    font-size: 22px !important
}

html body .bvi-body[data-bvi-size="19"] * h6,
html body .bvi-body[data-bvi-size="19"] * h6 * {
    font-size: 21px !important
}

html body .bvi-body[data-bvi-size="18"] * {
    font-size: 18px !important
}

html body .bvi-body[data-bvi-size="18"] * h1,
html body .bvi-body[data-bvi-size="18"] * h1 * {
    font-size: 25px !important
}

html body .bvi-body[data-bvi-size="18"] * h2,
html body .bvi-body[data-bvi-size="18"] * h2 * {
    font-size: 24px !important
}

html body .bvi-body[data-bvi-size="18"] * h3,
html body .bvi-body[data-bvi-size="18"] * h3 * {
    font-size: 23px !important
}

html body .bvi-body[data-bvi-size="18"] * h4,
html body .bvi-body[data-bvi-size="18"] * h4 * {
    font-size: 22px !important
}

html body .bvi-body[data-bvi-size="18"] * h5,
html body .bvi-body[data-bvi-size="18"] * h5 * {
    font-size: 21px !important
}

html body .bvi-body[data-bvi-size="18"] * h6,
html body .bvi-body[data-bvi-size="18"] * h6 * {
    font-size: 20px !important
}

html body .bvi-body[data-bvi-size="17"] * {
    font-size: 17px !important
}

html body .bvi-body[data-bvi-size="17"] * h1,
html body .bvi-body[data-bvi-size="17"] * h1 * {
    font-size: 24px !important
}

html body .bvi-body[data-bvi-size="17"] * h2,
html body .bvi-body[data-bvi-size="17"] * h2 * {
    font-size: 23px !important
}

html body .bvi-body[data-bvi-size="17"] * h3,
html body .bvi-body[data-bvi-size="17"] * h3 * {
    font-size: 22px !important
}

html body .bvi-body[data-bvi-size="17"] * h4,
html body .bvi-body[data-bvi-size="17"] * h4 * {
    font-size: 21px !important
}

html body .bvi-body[data-bvi-size="17"] * h5,
html body .bvi-body[data-bvi-size="17"] * h5 * {
    font-size: 20px !important
}

html body .bvi-body[data-bvi-size="17"] * h6,
html body .bvi-body[data-bvi-size="17"] * h6 * {
    font-size: 19px !important
}

html body .bvi-body[data-bvi-size="16"] * {
    font-size: 16px !important
}

html body .bvi-body[data-bvi-size="16"] * h1,
html body .bvi-body[data-bvi-size="16"] * h1 * {
    font-size: 23px !important
}

html body .bvi-body[data-bvi-size="16"] * h2,
html body .bvi-body[data-bvi-size="16"] * h2 * {
    font-size: 22px !important
}

html body .bvi-body[data-bvi-size="16"] * h3,
html body .bvi-body[data-bvi-size="16"] * h3 * {
    font-size: 21px !important
}

html body .bvi-body[data-bvi-size="16"] * h4,
html body .bvi-body[data-bvi-size="16"] * h4 * {
    font-size: 20px !important
}

html body .bvi-body[data-bvi-size="16"] * h5,
html body .bvi-body[data-bvi-size="16"] * h5 * {
    font-size: 19px !important
}

html body .bvi-body[data-bvi-size="16"] * h6,
html body .bvi-body[data-bvi-size="16"] * h6 * {
    font-size: 18px !important
}

html body .bvi-body[data-bvi-size="15"] * {
    font-size: 15px !important
}

html body .bvi-body[data-bvi-size="15"] * h1,
html body .bvi-body[data-bvi-size="15"] * h1 * {
    font-size: 22px !important
}

html body .bvi-body[data-bvi-size="15"] * h2,
html body .bvi-body[data-bvi-size="15"] * h2 * {
    font-size: 21px !important
}

html body .bvi-body[data-bvi-size="15"] * h3,
html body .bvi-body[data-bvi-size="15"] * h3 * {
    font-size: 20px !important
}

html body .bvi-body[data-bvi-size="15"] * h4,
html body .bvi-body[data-bvi-size="15"] * h4 * {
    font-size: 19px !important
}

html body .bvi-body[data-bvi-size="15"] * h5,
html body .bvi-body[data-bvi-size="15"] * h5 * {
    font-size: 18px !important
}

html body .bvi-body[data-bvi-size="15"] * h6,
html body .bvi-body[data-bvi-size="15"] * h6 * {
    font-size: 17px !important
}

html body .bvi-body[data-bvi-size="14"] * {
    font-size: 14px !important
}

html body .bvi-body[data-bvi-size="14"] * h1,
html body .bvi-body[data-bvi-size="14"] * h1 * {
    font-size: 21px !important
}

html body .bvi-body[data-bvi-size="14"] * h2,
html body .bvi-body[data-bvi-size="14"] * h2 * {
    font-size: 20px !important
}

html body .bvi-body[data-bvi-size="14"] * h3,
html body .bvi-body[data-bvi-size="14"] * h3 * {
    font-size: 19px !important
}

html body .bvi-body[data-bvi-size="14"] * h4,
html body .bvi-body[data-bvi-size="14"] * h4 * {
    font-size: 18px !important
}

html body .bvi-body[data-bvi-size="14"] * h5,
html body .bvi-body[data-bvi-size="14"] * h5 * {
    font-size: 17px !important
}

html body .bvi-body[data-bvi-size="14"] * h6,
html body .bvi-body[data-bvi-size="14"] * h6 * {
    font-size: 16px !important
}

html body .bvi-body[data-bvi-size="13"] * {
    font-size: 13px !important
}

html body .bvi-body[data-bvi-size="13"] * h1,
html body .bvi-body[data-bvi-size="13"] * h1 * {
    font-size: 20px !important
}

html body .bvi-body[data-bvi-size="13"] * h2,
html body .bvi-body[data-bvi-size="13"] * h2 * {
    font-size: 19px !important
}

html body .bvi-body[data-bvi-size="13"] * h3,
html body .bvi-body[data-bvi-size="13"] * h3 * {
    font-size: 18px !important
}

html body .bvi-body[data-bvi-size="13"] * h4,
html body .bvi-body[data-bvi-size="13"] * h4 * {
    font-size: 17px !important
}

html body .bvi-body[data-bvi-size="13"] * h5,
html body .bvi-body[data-bvi-size="13"] * h5 * {
    font-size: 16px !important
}

html body .bvi-body[data-bvi-size="13"] * h6,
html body .bvi-body[data-bvi-size="13"] * h6 * {
    font-size: 15px !important
}

html body .bvi-body[data-bvi-size="12"] * {
    font-size: 12px !important
}

html body .bvi-body[data-bvi-size="12"] * h1,
html body .bvi-body[data-bvi-size="12"] * h1 * {
    font-size: 19px !important
}

html body .bvi-body[data-bvi-size="12"] * h2,
html body .bvi-body[data-bvi-size="12"] * h2 * {
    font-size: 18px !important
}

html body .bvi-body[data-bvi-size="12"] * h3,
html body .bvi-body[data-bvi-size="12"] * h3 * {
    font-size: 17px !important
}

html body .bvi-body[data-bvi-size="12"] * h4,
html body .bvi-body[data-bvi-size="12"] * h4 * {
    font-size: 16px !important
}

html body .bvi-body[data-bvi-size="12"] * h5,
html body .bvi-body[data-bvi-size="12"] * h5 * {
    font-size: 15px !important
}

html body .bvi-body[data-bvi-size="12"] * h6,
html body .bvi-body[data-bvi-size="12"] * h6 * {
    font-size: 14px !important
}

html body .bvi-body[data-bvi-size="11"] * {
    font-size: 11px !important
}

html body .bvi-body[data-bvi-size="11"] * h1,
html body .bvi-body[data-bvi-size="11"] * h1 * {
    font-size: 18px !important
}

html body .bvi-body[data-bvi-size="11"] * h2,
html body .bvi-body[data-bvi-size="11"] * h2 * {
    font-size: 17px !important
}

html body .bvi-body[data-bvi-size="11"] * h3,
html body .bvi-body[data-bvi-size="11"] * h3 * {
    font-size: 16px !important
}

html body .bvi-body[data-bvi-size="11"] * h4,
html body .bvi-body[data-bvi-size="11"] * h4 * {
    font-size: 15px !important
}

html body .bvi-body[data-bvi-size="11"] * h5,
html body .bvi-body[data-bvi-size="11"] * h5 * {
    font-size: 14px !important
}

html body .bvi-body[data-bvi-size="11"] * h6,
html body .bvi-body[data-bvi-size="11"] * h6 * {
    font-size: 13px !important
}

html body .bvi-body[data-bvi-size="10"] * {
    font-size: 10px !important
}

html body .bvi-body[data-bvi-size="10"] * h1,
html body .bvi-body[data-bvi-size="10"] * h1 * {
    font-size: 17px !important
}

html body .bvi-body[data-bvi-size="10"] * h2,
html body .bvi-body[data-bvi-size="10"] * h2 * {
    font-size: 16px !important
}

html body .bvi-body[data-bvi-size="10"] * h3,
html body .bvi-body[data-bvi-size="10"] * h3 * {
    font-size: 15px !important
}

html body .bvi-body[data-bvi-size="10"] * h4,
html body .bvi-body[data-bvi-size="10"] * h4 * {
    font-size: 14px !important
}

html body .bvi-body[data-bvi-size="10"] * h5,
html body .bvi-body[data-bvi-size="10"] * h5 * {
    font-size: 13px !important
}

html body .bvi-body[data-bvi-size="10"] * h6,
html body .bvi-body[data-bvi-size="10"] * h6 * {
    font-size: 12px !important
}

html body .bvi-body[data-bvi-size="9"] * {
    font-size: 9px !important
}

html body .bvi-body[data-bvi-size="9"] * h1,
html body .bvi-body[data-bvi-size="9"] * h1 * {
    font-size: 16px !important
}

html body .bvi-body[data-bvi-size="9"] * h2,
html body .bvi-body[data-bvi-size="9"] * h2 * {
    font-size: 15px !important
}

html body .bvi-body[data-bvi-size="9"] * h3,
html body .bvi-body[data-bvi-size="9"] * h3 * {
    font-size: 14px !important
}

html body .bvi-body[data-bvi-size="9"] * h4,
html body .bvi-body[data-bvi-size="9"] * h4 * {
    font-size: 13px !important
}

html body .bvi-body[data-bvi-size="9"] * h5,
html body .bvi-body[data-bvi-size="9"] * h5 * {
    font-size: 12px !important
}

html body .bvi-body[data-bvi-size="9"] * h6,
html body .bvi-body[data-bvi-size="9"] * h6 * {
    font-size: 11px !important
}

html body .bvi-body[data-bvi-size="8"] * {
    font-size: 8px !important
}

html body .bvi-body[data-bvi-size="8"] * h1,
html body .bvi-body[data-bvi-size="8"] * h1 * {
    font-size: 15px !important
}

html body .bvi-body[data-bvi-size="8"] * h2,
html body .bvi-body[data-bvi-size="8"] * h2 * {
    font-size: 14px !important
}

html body .bvi-body[data-bvi-size="8"] * h3,
html body .bvi-body[data-bvi-size="8"] * h3 * {
    font-size: 13px !important
}

html body .bvi-body[data-bvi-size="8"] * h4,
html body .bvi-body[data-bvi-size="8"] * h4 * {
    font-size: 12px !important
}

html body .bvi-body[data-bvi-size="8"] * h5,
html body .bvi-body[data-bvi-size="8"] * h5 * {
    font-size: 11px !important
}

html body .bvi-body[data-bvi-size="8"] * h6,
html body .bvi-body[data-bvi-size="8"] * h6 * {
    font-size: 10px !important
}

html body .bvi-body[data-bvi-size="7"] * {
    font-size: 7px !important
}

html body .bvi-body[data-bvi-size="7"] * h1,
html body .bvi-body[data-bvi-size="7"] * h1 * {
    font-size: 14px !important
}

html body .bvi-body[data-bvi-size="7"] * h2,
html body .bvi-body[data-bvi-size="7"] * h2 * {
    font-size: 13px !important
}

html body .bvi-body[data-bvi-size="7"] * h3,
html body .bvi-body[data-bvi-size="7"] * h3 * {
    font-size: 12px !important
}

html body .bvi-body[data-bvi-size="7"] * h4,
html body .bvi-body[data-bvi-size="7"] * h4 * {
    font-size: 11px !important
}

html body .bvi-body[data-bvi-size="7"] * h5,
html body .bvi-body[data-bvi-size="7"] * h5 * {
    font-size: 10px !important
}

html body .bvi-body[data-bvi-size="7"] * h6,
html body .bvi-body[data-bvi-size="7"] * h6 * {
    font-size: 9px !important
}

html body .bvi-body[data-bvi-size="6"] * {
    font-size: 6px !important
}

html body .bvi-body[data-bvi-size="6"] * h1,
html body .bvi-body[data-bvi-size="6"] * h1 * {
    font-size: 13px !important
}

html body .bvi-body[data-bvi-size="6"] * h2,
html body .bvi-body[data-bvi-size="6"] * h2 * {
    font-size: 12px !important
}

html body .bvi-body[data-bvi-size="6"] * h3,
html body .bvi-body[data-bvi-size="6"] * h3 * {
    font-size: 11px !important
}

html body .bvi-body[data-bvi-size="6"] * h4,
html body .bvi-body[data-bvi-size="6"] * h4 * {
    font-size: 10px !important
}

html body .bvi-body[data-bvi-size="6"] * h5,
html body .bvi-body[data-bvi-size="6"] * h5 * {
    font-size: 9px !important
}

html body .bvi-body[data-bvi-size="6"] * h6,
html body .bvi-body[data-bvi-size="6"] * h6 * {
    font-size: 8px !important
}

html body .bvi-body[data-bvi-size="5"] * {
    font-size: 5px !important
}

html body .bvi-body[data-bvi-size="5"] * h1,
html body .bvi-body[data-bvi-size="5"] * h1 * {
    font-size: 12px !important
}

html body .bvi-body[data-bvi-size="5"] * h2,
html body .bvi-body[data-bvi-size="5"] * h2 * {
    font-size: 11px !important
}

html body .bvi-body[data-bvi-size="5"] * h3,
html body .bvi-body[data-bvi-size="5"] * h3 * {
    font-size: 10px !important
}

html body .bvi-body[data-bvi-size="5"] * h4,
html body .bvi-body[data-bvi-size="5"] * h4 * {
    font-size: 9px !important
}

html body .bvi-body[data-bvi-size="5"] * h5,
html body .bvi-body[data-bvi-size="5"] * h5 * {
    font-size: 8px !important
}

html body .bvi-body[data-bvi-size="5"] * h6,
html body .bvi-body[data-bvi-size="5"] * h6 * {
    font-size: 7px !important
}

html body .bvi-body[data-bvi-size="4"] * {
    font-size: 4px !important
}

html body .bvi-body[data-bvi-size="4"] * h1,
html body .bvi-body[data-bvi-size="4"] * h1 * {
    font-size: 11px !important
}

html body .bvi-body[data-bvi-size="4"] * h2,
html body .bvi-body[data-bvi-size="4"] * h2 * {
    font-size: 10px !important
}

html body .bvi-body[data-bvi-size="4"] * h3,
html body .bvi-body[data-bvi-size="4"] * h3 * {
    font-size: 9px !important
}

html body .bvi-body[data-bvi-size="4"] * h4,
html body .bvi-body[data-bvi-size="4"] * h4 * {
    font-size: 8px !important
}

html body .bvi-body[data-bvi-size="4"] * h5,
html body .bvi-body[data-bvi-size="4"] * h5 * {
    font-size: 7px !important
}

html body .bvi-body[data-bvi-size="4"] * h6,
html body .bvi-body[data-bvi-size="4"] * h6 * {
    font-size: 6px !important
}

html body .bvi-body[data-bvi-size="3"] * {
    font-size: 3px !important
}

html body .bvi-body[data-bvi-size="3"] * h1,
html body .bvi-body[data-bvi-size="3"] * h1 * {
    font-size: 10px !important
}

html body .bvi-body[data-bvi-size="3"] * h2,
html body .bvi-body[data-bvi-size="3"] * h2 * {
    font-size: 9px !important
}

html body .bvi-body[data-bvi-size="3"] * h3,
html body .bvi-body[data-bvi-size="3"] * h3 * {
    font-size: 8px !important
}

html body .bvi-body[data-bvi-size="3"] * h4,
html body .bvi-body[data-bvi-size="3"] * h4 * {
    font-size: 7px !important
}

html body .bvi-body[data-bvi-size="3"] * h5,
html body .bvi-body[data-bvi-size="3"] * h5 * {
    font-size: 6px !important
}

html body .bvi-body[data-bvi-size="3"] * h6,
html body .bvi-body[data-bvi-size="3"] * h6 * {
    font-size: 5px !important
}

html body .bvi-body[data-bvi-size="2"] * {
    font-size: 2px !important
}

html body .bvi-body[data-bvi-size="2"] * h1,
html body .bvi-body[data-bvi-size="2"] * h1 * {
    font-size: 9px !important
}

html body .bvi-body[data-bvi-size="2"] * h2,
html body .bvi-body[data-bvi-size="2"] * h2 * {
    font-size: 8px !important
}

html body .bvi-body[data-bvi-size="2"] * h3,
html body .bvi-body[data-bvi-size="2"] * h3 * {
    font-size: 7px !important
}

html body .bvi-body[data-bvi-size="2"] * h4,
html body .bvi-body[data-bvi-size="2"] * h4 * {
    font-size: 6px !important
}

html body .bvi-body[data-bvi-size="2"] * h5,
html body .bvi-body[data-bvi-size="2"] * h5 * {
    font-size: 5px !important
}

html body .bvi-body[data-bvi-size="2"] * h6,
html body .bvi-body[data-bvi-size="2"] * h6 * {
    font-size: 4px !important
}

html body .bvi-body[data-bvi-size="1"] * {
    font-size: 1px !important
}

html body .bvi-body[data-bvi-size="1"] * h1,
html body .bvi-body[data-bvi-size="1"] * h1 * {
    font-size: 8px !important
}

html body .bvi-body[data-bvi-size="1"] * h2,
html body .bvi-body[data-bvi-size="1"] * h2 * {
    font-size: 7px !important
}

html body .bvi-body[data-bvi-size="1"] * h3,
html body .bvi-body[data-bvi-size="1"] * h3 * {
    font-size: 6px !important
}

html body .bvi-body[data-bvi-size="1"] * h4,
html body .bvi-body[data-bvi-size="1"] * h4 * {
    font-size: 5px !important
}

html body .bvi-body[data-bvi-size="1"] * h5,
html body .bvi-body[data-bvi-size="1"] * h5 * {
    font-size: 4px !important
}

html body .bvi-body[data-bvi-size="1"] * h6,
html body .bvi-body[data-bvi-size="1"] * h6 * {
    font-size: 3px !important
}

html body .bvi-body .bvi-tts .bvi-tts-link {
    display: inline-block;
    border: 1px dashed transparent;
    border-bottom: 0;
    padding: 10px
}

html body .bvi-body .bvi-tts .bvi-tts-text {
    border: 1px dashed transparent;
    padding: 10px
}

html body .bvi-body a {
    text-decoration: none
}

html body .bvi-body a.bvi-link {
    text-decoration: none;
    color: black;
    background-color: transparent;
    text-align: center;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    cursor: pointer;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    font-weight: bold;
    line-height: 36px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #b2b2b2;
    margin: 2px
}

@media(max-width:575.98px) {
    html body .bvi-body a.bvi-link {
        height: 28px;
        line-height: 28px;
        padding: 0 5px
    }
}

@media(min-width:576px) and (max-width:767.98px) {
    html body .bvi-body a.bvi-link {
        height: 28px;
        line-height: 28px;
        padding: 0 5px
    }
}

@media(min-width:768px) and (max-width:991.98px) {
    html body .bvi-body a.bvi-link {
        height: 30px;
        line-height: 30px;
        padding: 0 8px
    }
}

@media(min-width:992px) and (max-width:1199.98px) {
    html body .bvi-body a.bvi-link {
        height: 34px;
        line-height: 34px;
        padding: 0 9px
    }
}

html body .bvi-body a.bvi-link.active {
    color: inherit;
    outline: 0;
    background-color: #dbdbdb;
    text-decoration: none
}

html body .bvi-body a.bvi-link:hover {
    color: black;
    outline: 0;
    background-color: #dbdbdb;
    text-decoration: none
}

html body .bvi-body a.bvi-link:focus {
    color: black;
    outline: 0;
    background-color: #dbdbdb;
    text-decoration: none
}

html body .bvi-body[data-bvi-images=true] .bvi-background-image.bvi-img,
html body .bvi-body[data-bvi-images=true] img.bvi-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

html body .bvi-body[data-bvi-images=true] .bvi-background-image {
    background-color: transparent !important
}

html body .bvi-body[data-bvi-images=false] .bvi-background-image {
    background-image: none !important;
    border: 0 !important
}

html body .bvi-body[data-bvi-images=false] div.bvi-img {
    vertical-align: middle;
    border: 2px dashed;
    box-sizing: border-box;
    overflow: hidden;
    max-width: 100%;
    max-height: 100%;
    word-wrap: break-word;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

html body .bvi-body[data-bvi-images=grayscale] .bvi-background-image,
html body .bvi-body[data-bvi-images=grayscale] img.bvi-img {
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
    filter: grayscale(1)
}

html body .bvi-body[data-bvi-line-height=normal] *:not(.bvi-link) {
    line-height: 1.5 !important
}

html body .bvi-body[data-bvi-line-height=average] *:not(.bvi-link) {
    line-height: 2 !important
}

html body .bvi-body[data-bvi-line-height=big] *:not(.bvi-link) {
    line-height: 2.5 !important
}

html body .bvi-body[data-bvi-letter-spacing=normal] *:not(.bvi-link) {
    letter-spacing: 0 !important
}

html body .bvi-body[data-bvi-letter-spacing=average] *:not(.bvi-link) {
    letter-spacing: 2px !important
}

html body .bvi-body[data-bvi-letter-spacing=big] *:not(.bvi-link) {
    letter-spacing: 4px !important
}

html body .bvi-body[data-bvi-font-family=arial] *:not(i):not(span) {
    font-family: Arial, sans-serif !important
}

html body .bvi-body[data-bvi-font-family=times] *:not(i):not(span) {
    font-family: "Times New roman" !important
}

html body .bvi-body[data-bvi-flash-iframe=true] .wp-audio-shortcode,
html body .bvi-body[data-bvi-flash-iframe=true] iframe,
html body .bvi-body[data-bvi-flash-iframe=true] video,
html body .bvi-body[data-bvi-flash-iframe=true] ymaps,
html body .bvi-body[data-bvi-flash-iframe=true] figure {
    display: block !important
}

html body .bvi-body[data-bvi-flash-iframe=false] .wp-audio-shortcode,
html body .bvi-body[data-bvi-flash-iframe=false] iframe,
html body .bvi-body[data-bvi-flash-iframe=false] video,
html body .bvi-body[data-bvi-flash-iframe=false] ymaps,
html body .bvi-body[data-bvi-flash-iframe=false] figure {
    display: none !important
}

html body .bvi-body .bvi-hide {
    display: none
}

html body .bvi-body .bvi-show {
    display: block
}

html body .bvi-hide {
    display: block
}

html body .bvi-show {
    display: none
}

html body #bvi-panel-show.bvi-link {
    text-decoration: none;
    color: black;
    background-color: white;
    text-align: center;
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    cursor: pointer;
    border-radius: 2px;
    display: inline-block;
    height: 36px;
    font-weight: bold;
    line-height: 36px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #b2b2b2
}

html body #bvi-panel-show.bvi-link.bvi-link-top {
    position: fixed !important;
    top: 2.5rem !important;
    right: 1.5rem !important;
    z-index: 999999 !important
}

html body #bvi-panel-show .bvi-images {
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    vertical-align: middle
}

html body #bvi-panel-show .bvi-images.bvi-images-eye {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABMlBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC88vZ+AAAAZXRSTlMAAQIDBAcICQsMDg8QEhMVFhcYGRweHyAjJCUmKCk1Nzg5Ojs8PUFGSUpMTVBRV1hZXmFiZmxvcXR1d3h5fn+AhYaJi4yOmJqbnaOlpqitvL7Iys7P0dfZ2tze4OTm6fHz9ff7/S2JgwQAAAFESURBVBgZ3cGJWhJhAIbRbyiYygGUFjY3LFuUMtTIfdcWl6g0DQRk/N/7vwX/wXEeKG9Az9Gdk8iXpqZK+YRulZpvEmrOp/SvzCF9DjPq9WCNrk9PnOeEVmOKpOpQN1zmJD0jYOpQTypU9DEzI/BaDxeaXBv+aPAL6soazjNaoaHYMTeW9bSJeSHL6/AnLh2zordEfkuJUy48yflFw5XkM6tNIh1JboOfjuYwg7L+0lr0iZzJGjLMqkVZgW/0+aLAe1o6YluBl/SZUGCHIyUNr2Q55/RoOLImMUmpjMnJytEjKysPZVkb+AVZ44aQGZVV9NlQ1x68kTVUo+tHWtY7+KrQAnx3ZaWnq9XptCx3H5YUGWtjqo8UefzZcFFSj/gWUPtQ8FzXK8zUgN24+g2sdoj4657+5xQrByft9slBpRjTPXMFyfd8QTOpicwAAAAASUVORK5CYII=");
    width: 32px;
    height: 32px
}

html body a.bvi-link-widget,
html body a.bvi-link-shortcode {
    -webkit-transition: background-color .2s ease-out;
    transition: background-color .2s ease-out;
    cursor: pointer;
    border-radius: 2px;
    display: inline-block;
    padding: 5px 10px;
    vertical-align: middle;
    text-decoration: none
}

html body a.bvi-link-widget .bvi-svg-eye,
html body a.bvi-link-shortcode .bvi-svg-eye {
    display: inline-block;
    overflow: visible;
    width: 1.125em;
    height: 1em;
    font-size: 2em;
    vertical-align: middle
}

.bvi-panel-close {
    position: absolute;
    margin: 20px 0 0 0;
}

.bvi-open img {
    width: 35px;
    position: absolute;
    margin: 31px -33px 0 27px;
    right: 0;
    z-index: 100000;
}

@media (max-width:1360px) {
    .bvi-open img {
        margin: 5px 10px;
        width: 27px;
    }
}

@media (max-width:1100px) {
    .bvi-open img {
        margin: 5px 10px;
        width: 24px;
    }
}

@media (max-width:980px) {
    .bvi-open img {
        margin: -27px 17px 0 0;
        width: 35px;
    }
}


img[src="/logo.png"]{
    width: 200px !important;
    height: auto !important;
}