/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

legend, td, th {
    padding: 0
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-webkit-keyframes pulse {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

@keyframes pulse {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
}

@-webkit-keyframes rubberBand {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

@keyframes rubberBand {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@-webkit-keyframes headShake {
    0%,50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
}

@keyframes headShake {
    0%,50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@-webkit-keyframes tada {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
}

@keyframes tada {
    0%,to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg);
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }
}

@-webkit-keyframes wobble {
    0%,to {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }
}

@keyframes wobble {
    0%,to {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate(-5deg);
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate(3deg);
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate(-3deg);
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate(2deg);
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate(-1deg);
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-360deg);
        transform: perspective(400px) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-360deg);
        transform: perspective(400px) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        opacity: 1;
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        opacity: 1;
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
        -webkit-transform-origin: center
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
        -webkit-transform-origin: center
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
        -webkit-transform-origin: left bottom
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
        -webkit-transform-origin: left bottom
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
        -webkit-transform-origin: right bottom
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
        -webkit-transform-origin: right bottom
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
        -webkit-transform-origin: left bottom
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
        -webkit-transform-origin: left bottom
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
        -webkit-transform-origin: right bottom
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
        -webkit-transform-origin: right bottom
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
        -webkit-transform-origin: center
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1;
        -webkit-transform-origin: center
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
        -webkit-transform-origin: left bottom
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
        -webkit-transform-origin: left bottom
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
        -webkit-transform-origin: right bottom
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
        -webkit-transform-origin: right bottom
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
        -webkit-transform-origin: left bottom
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1;
        -webkit-transform-origin: left bottom
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
        -webkit-transform-origin: right bottom
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1;
        -webkit-transform-origin: right bottom
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate(-120deg);
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
        opacity: 0
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes a {
    to {
        transform: rotate(1turn)
    }
}

@-webkit-keyframes cart-checkout-animat {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.4)
    }
}

@keyframes cart-checkout-animat {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.4)
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes eye {
    0% {
        transform: translate(-50%,-50%) rotate(0)
    }

    to {
        transform: translate(-50%,-50%) rotate(360deg)
    }
}

@keyframes eye {
    0% {
        transform: translate(-50%,-50%) rotate(0)
    }

    to {
        transform: translate(-50%,-50%) rotate(360deg)
    }
}

@-webkit-keyframes lightning-effect {
    0% {
        left: -50px;
        background: linear-gradient(to right,rgba(255,255,255,.2) 0%,#fff 50%,rgba(255,255,255,.2) 100%)
    }

    50% {
        left: 100%
    }

    to {
        left: -50px;
        background: 0 0
    }
}

@keyframes lightning-effect {
    0% {
        left: -50px;
        background: linear-gradient(to right,rgba(255,255,255,.2) 0%,#fff 50%,rgba(255,255,255,.2) 100%)
    }

    50% {
        left: 100%
    }

    to {
        left: -50px;
        background: 0 0
    }
}

@-webkit-keyframes flyOut {
    0%,to {
        transform: translate(0,0) scale(1) rotate(0)
    }

    50% {
        transform: translate(150%,-150%) scale(0) rotate(-20deg)
    }

    51% {
        transform: translate(-50%,150%) scale(0) rotate(-20deg)
    }
}

@keyframes flyOut {
    0%,to {
        transform: translate(0,0) scale(1) rotate(0)
    }

    50% {
        transform: translate(150%,-150%) scale(0) rotate(-20deg)
    }

    51% {
        transform: translate(-50%,150%) scale(0) rotate(-20deg)
    }
}

@-webkit-keyframes brk-pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(2)
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes brk-pulse {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(2)
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes brk-pulse-paused {
    0%,to {
        transform: scale(1)
    }

    20% {
        transform: scale(1.2)
    }

    60% {
        transform: scale(.9);
        opacity: 0
    }
}

@keyframes brk-pulse-paused {
    0%,to {
        transform: scale(1)
    }

    20% {
        transform: scale(1.2)
    }

    60% {
        transform: scale(.9);
        opacity: 0
    }
}

@keyframes lightning {
    0% {
        left: -100px;
        z-index: 3
    }

    50% {
        left: 300%
    }

    to {
        left: -100px;
        z-index: 0
    }
}

@-webkit-keyframes lightning {
    0% {
        left: -100px;
        z-index: 3
    }

    50% {
        left: 100%
    }

    to {
        left: -100px;
        z-index: 0
    }
}

@-webkit-keyframes wave {
    0% {
        margin-left: 0
    }

    to {
        margin-left: -9999px
    }
}

@keyframes wave {
    0% {
        margin-left: 0
    }

    to {
        margin-left: -9999px
    }
}

@-webkit-keyframes doubled-button-left {
    0%,to {
        transform: translate(0,-50%)
    }

    50% {
        transform: translate(10px,-50%)
    }
}

@keyframes doubled-button-left {
    0%,to {
        transform: translate(0,-50%)
    }

    50% {
        transform: translate(10px,-50%)
    }
}

@-webkit-keyframes button-left {
    0%,to {
        transform: translate(0,-50%)
    }

    50% {
        transform: translate(10px,-50%)
    }
}

@keyframes button-left {
    0%,to {
        transform: translate(0,-50%)
    }

    50% {
        transform: translate(10px,-50%)
    }
}

@-webkit-keyframes ballTransform {
    0%,50%,to {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-15px)
    }

    75% {
        transform: translateY(15px)
    }
}

@keyframes ballTransform {
    0%,50%,to {
        transform: translateY(0)
    }

    25% {
        transform: translateY(-15px)
    }

    75% {
        transform: translateY(15px)
    }
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.hinge {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

.flipInX, .flipInY, .flipOutX, .flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

.flipInY, .flipOutX, .flipOutY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

.flipOutX, .flipOutY {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX
}

.flipOutY {
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption {
    direction: ltr;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden
}

.fancybox-caption, .fancybox-infobar, .fancybox-toolbar {
    opacity: 0;
    position: absolute
}

.fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    transition: opacity .25s ease,visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform,opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

    .fancybox-slide:before {
        content: "";
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

    .fancybox-slide--image:before {
        display: none
    }

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform,opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 16px;
        line-height: 20px;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: rgba(30,30,30,.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
    color: #ccc
}

    .fancybox-button:link, .fancybox-button:visited {
        color: #ccc
    }

    .fancybox-button:hover {
        color: #fff
    }

    .fancybox-button:focus {
        outline: 0
    }

    .fancybox-button.fancybox-focus {
        outline: 1px dotted
    }

    .fancybox-button[disabled], .fancybox-button[disabled]:hover {
        color: #888;
        cursor: default;
        outline: 0
    }

    .fancybox-button div {
        height: 100%
    }

    .fancybox-button svg {
        display: block;
        height: 100%;
        overflow: visible;
        position: relative;
        width: 100%
    }

        .fancybox-button svg path {
            fill: currentColor;
            stroke-width: 0
        }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

    .fancybox-navigation .fancybox-button div {
        padding: 7px
    }

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

    .fancybox-caption a:hover {
        color: #fff;
        text-decoration: underline
    }

.fancybox-loading {
    animation: a 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px,env(safe-area-inset-left));
            padding-right: max(12px,env(safe-area-inset-right))
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 35px;
        font-weight: 700;
        margin: 0 0 20px
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .brk-header_style-2.brk-header_color-white .brk-nav__menu > li.brk-nav__children:hover > a, .brk-header_style-2.brk-header_color-white .brk-nav__menu > li.brk-nav__children:hover > a > a:before, .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

    .fancybox-thumbs__list a:before {
        border: 6px solid #ff5268;
        bottom: 0;
        content: "";
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus:before {
        opacity: .5
    }

    .brk-nav__menu > li.brk-nav__children:hover > a:after, .fancybox-thumbs__list a.fancybox-thumbs-active:before {
        opacity: 1
    }

@media (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@media (min-width:992px) {
    .brk-nav {
        height: 100%
    }

    .brk-nav_skin-1 .brk-nav__menu > li {
        margin: 0 13px !important
    }

        .brk-nav_skin-1 .brk-nav__menu > li > a {
            color: #fff !important
        }

    .brk-header_scroll .brk-nav_skin-1 .brk-nav__menu > li > a {
        color: inherit !important
    }

    .brk-nav_skin-1 .brk-nav__menu > li > a:before {
        opacity: 1 !important
    }

    .brk-nav_skin-2 .brk-nav__menu > li:first-child {
        margin-left: 0 !important
    }

    .brk-nav_skin-2 .brk-nav__menu > li:last-child {
        margin-right: 0 !important
    }
}

@media (min-width:992px) and (min-width:1600px) {
    .brk-nav_skin-2 .brk-nav__menu > li {
        margin: 0 47px !important
    }
}

@media (min-width:992px) and (min-width:1400px) {
    .brk-nav_skin-2 .brk-nav__menu > li {
        margin: 0 27px !important
    }
}

@media (min-width:992px) {
    .brk-nav_modifier-bold .brk-nav__menu > li > a {
        font-weight: 700 !important
    }

    .brk-nav_modifier-capitalize .brk-nav__menu > li > a {
        text-transform: capitalize
    }
}

@media (max-width:991px) {
    .brk-nav {
        position: relative
    }
}

.brk-nav__header {
    width: 100%;
    background-color: #fff
}

.brk-header_style-1 .brk-nav__header {
    height: 76px;
    font-size: 1.3125rem;
    line-height: 76px;
    font-weight: 700;
    padding: 0 15px 0 30px;
    position: relative;
    border-bottom: 2px solid var(--brk-secondary-3)
}

[dir=rtl] .brk-header_style-1 .brk-nav__header {
    padding: 0 30px 0 15px
}

.brk-header_style-1 .brk-nav__header:before {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 100%;
    height: 30px;
    background: linear-gradient(to bottom,rgba(0,0,0,.08) 0%,transparent 100%)
}

.brk-header_style-2 .brk-nav__header, .brk-header_style-3 .brk-nav__header {
    font-size: .75rem;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 23px 0 10px 31px;
    letter-spacing: .02em;
    border-right: 1px solid #ebebeb
}

[dir=rtl] .brk-header_style-2 .brk-nav__header, [dir=rtl] .brk-header_style-3 .brk-nav__header {
    padding: 23px 31px 10px 0
}

.brk-nav__menu {
    display: inline-flex;
    flex-wrap: wrap
}

@media (min-width:992px) {
    .brk-nav__menu {
        height: inherit;
        text-align: left
    }
}

@media (max-width:991px) {
    .brk-nav__menu {
        display: flex
    }
}

.brk-header_style-1 .brk-nav__menu {
    margin-left: -3px;
    margin-right: -3px
}

@media (min-width:992px) {
    .brk-header_style-1 .brk-nav__menu:hover > li {
        opacity: .3
    }
}

.brk-header_style-2 .brk-nav__menu {
    margin-left: -11px;
    margin-right: -11px
}

.brk-header_style-3 .brk-nav__menu {
    margin-left: -3px;
    margin-right: -3px
}

@media (min-width:992px) {
    .brk-header_vertical .brk-nav__menu {
        flex-direction: row-reverse
    }
}

.brk-header-mobile-wrap .brk-nav__menu {
    flex-direction: column;
    margin-right: 0;
    margin-left: 0
}

@media (min-width:992px) {
    .brk-nav__menu li:hover > .brk-nav__mega-menu, .brk-nav__menu li:hover > .brk-nav__sub-menu {
        opacity: 1;
        visibility: visible;
        max-height: 9999px;
        z-index: 99;
        display: block !important
    }
}

.brk-nav__menu li .brk-nav__sub-menu {
    top: 0
}

    .brk-nav__menu li .brk-nav__sub-menu.brk-location-screen-left {
        left: 100%
    }

    .brk-nav__menu li .brk-nav__sub-menu.brk-location-screen-right {
        right: 100%
    }

@media (min-width:992px) {
    .brk-nav__menu > li {
        height: inherit
    }
}

.brk-nav__menu > li.children-active > a {
    background-color: #fff
}

.brk-header_style-1 .brk-nav__menu > li {
    margin: 0 13px;
    transition: opacity .2s
}

@media (max-width:1399px) {
    .brk-header_style-1 .brk-nav__menu > li {
        margin: 0 8px
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .brk-header_style-1 .brk-nav__menu > li {
        margin: 0 4px
    }
}

.brk-boxed .brk-header_style-1 .brk-nav__menu > li {
    margin: 0 7px
}

.brk-header_style-2 .brk-nav__menu > li {
    margin: 0 17px
}

@media (max-width:1199px) {
    .brk-header_style-2 .brk-nav__menu > li {
        margin: 0 8px
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .brk-header_style-2 .brk-nav__menu > li {
        margin: 0 4px
    }
}

.brk-boxed .brk-header_style-2 .brk-nav__menu > li {
    margin: 0 10px
}

.brk-header_style-3 .brk-nav__menu > li {
    margin: 0 13px
}

@media (max-width:1399px) {
    .brk-header_style-3 .brk-nav__menu > li {
        margin: 0 8px
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .brk-header_style-3 .brk-nav__menu > li {
        margin: 0 4px
    }
}

@media (min-width:992px) and (max-height:900px) {
    .brk-header_vertical .brk-nav__menu > li {
        margin: 0 8px
    }
}

@media (min-width:992px) and (max-height:800px) {
    .brk-header_vertical .brk-nav__menu > li {
        margin: 0 2px
    }
}

.brk-header-mobile-wrap .brk-nav__menu > li {
    margin: 0
}

@media (min-width:992px) {
    .brk-nav__menu > li.brk-nav__full-width {
        position: static
    }

    .brk-header_vertical .brk-nav__menu > li.brk-nav__full-width {
        position: relative
    }
}

.brk-header_style-1 .brk-nav__menu > li.brk-nav__children:hover > a:before {
    width: 100% !important
}

.brk-header_style-2 .brk-nav__menu > li.brk-nav__children:hover > a:before {
    opacity: 1 !important;
    transform: rotate(180deg);
    top: calc(50% - 2px)
}

.brk-header_style-3 .brk-nav__menu > li.brk-nav__children:hover > a:before {
    width: 12px;
    height: 3px
}

.brk-header_scroll.brk-header_style-2.brk-header_color-white .brk-nav__menu > li.brk-nav__children:hover > a, .brk-header_scroll.brk-header_style-2.brk-header_color-white .brk-nav__menu > li.brk-nav__children:hover > a > a:before, .brk-header_style-2.brk-header_color-dark .brk-nav__menu > li.brk-nav__children:hover > a, .brk-header_style-2.brk-header_color-dark .brk-nav__menu > li.brk-nav__children:hover > a > a:before {
    color: #272727
}

.brk-nav__menu > li, .brk-nav__menu > li.brk-nav__children > a {
    position: relative
}

.brk-header_style-2 .brk-nav__menu > li.brk-nav__children > a {
    padding: 0 12px 0 0
}

.brk-nav__menu > li.brk-nav__children > a:after {
    content: '';
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 98
}

@media (max-width:991px) {
    .brk-nav__menu > li.brk-nav__children > a:after {
        display: none
    }
}

.brk-header_style-3 .brk-nav__menu > li.brk-nav__children > a:after, .brk-nav__menu > li.brk-nav__children_clear > a:before {
    display: none
}

.brk-header_style-2 .brk-nav__menu > li.brk-nav__children > a:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    opacity: .5;
    transition: width .3s;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}

.brk-header_style-2.brk-header_color-white .brk-nav__menu > li.brk-nav__children > a:before {
    border-top: 3px solid #fff
}

.brk-header_scroll.brk-header_style-2 .brk-nav__menu > li.brk-nav__children > a:before, .brk-header_style-2.brk-header_color-dark .brk-nav__menu > li.brk-nav__children > a:before {
    border-top: 3px solid #272727
}

@media (min-width:992px) {
    .brk-header_vertical .brk-nav__menu > li.brk-nav__children > .brk-nav__sub-menu {
        transform-origin: 0 0;
        transform: rotate(90deg);
        left: 100%
    }

    [dir=rtl] .brk-header_vertical .brk-nav__menu > li.brk-nav__children > .brk-nav__sub-menu {
        transform-origin: 100% 0;
        right: 0
    }

    .brk-nav__menu > li > .brk-nav__sub-menu.brk-location-screen-left {
        top: 100%;
        left: 0
    }

    .brk-nav__menu > li > .brk-nav__sub-menu.brk-location-screen-right {
        top: 100%;
        right: 0;
        left: auto
    }
}

.brk-nav__menu > li > a {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    position: relative;
    padding: 0 7px
}

@media (min-width:992px) {
    .brk-nav__menu > li > a {
        height: inherit
    }
}

.brk-header_style-1 .brk-nav__menu > li > a {
    font-weight: 600;
    font-size: .875rem
}

@media (max-width:1399px) {
    .brk-header_style-1 .brk-nav__menu > li > a {
        font-size: .8125rem
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .brk-header_style-1 .brk-nav__menu > li > a {
        font-size: .6875rem
    }
}

.brk-header_style-2 .brk-nav__menu > li > a {
    font-weight: 600;
    font-size: .8125rem;
    letter-spacing: .03125em
}

@media (max-width:1199px) {
    .brk-header_style-2 .brk-nav__menu > li > a {
        font-size: .75rem
    }
}

@media (max-width:991px) {
    .brk-header_style-2 .brk-nav__menu > li > a {
        line-height: 48px
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .brk-header_style-2 .brk-nav__menu > li > a {
        font-size: .6875rem
    }
}

.brk-header_style-3 .brk-nav__menu > li > a {
    font-weight: 500;
    font-size: .875rem;
    text-transform: initial
}

@media (max-width:1399px) {
    .brk-header_style-3 .brk-nav__menu > li > a {
        font-size: .8125rem
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .brk-header_style-3 .brk-nav__menu > li > a {
        font-size: .6875rem
    }
}

.brk-header_style-1.brk-header_color-white .brk-nav__menu > li > a {
    color: #fff
}

.brk-header_style-2.brk-header_color-white .brk-nav__menu > li > a {
    color: rgba(255,255,255,.8)
}

.brk-header_color-white .brk-call-us:hover .brk-call-us__number, .brk-header_style-3.brk-header_color-white .brk-nav__menu > li > a {
    color: #fff
}

.brk-header_style-1.brk-header_color-dark .brk-nav__menu > li > a {
    color: #272727
}

.brk-header_style-2.brk-header_color-dark .brk-nav__menu > li > a {
    color: rgba(39,39,39,.5)
}

.brk-header_style-3.brk-header_color-dark .brk-nav__menu > li > a {
    color: #272727
}

.brk-header_scroll.brk-header_style-1 .brk-nav__menu > li > a {
    color: #272727 !important
}

.brk-header_scroll.brk-header_style-2 .brk-nav__menu > li > a {
    color: rgba(39,39,39,.5) !important
}

.brk-header_scroll.brk-header_style-3 .brk-nav__menu > li > a {
    color: #272727 !important
}

@media (min-width:992px) and (max-height:900px) {
    .brk-header_vertical .brk-nav__menu > li > a {
        font-size: .75rem
    }
}

@media (min-width:992px) and (max-height:800px) {
    .brk-header_vertical .brk-nav__menu > li > a {
        font-size: .6875rem
    }
}

.brk-header-mobile-wrap .brk-nav__menu > li > a {
    color: #000 !important;
    font-size: 1rem;
    font-weight: 700;
    line-height: 60px;
    padding: 0 7px 0 25px !important
}

.brk-header_style-1 .brk-nav__menu > li > a:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 0;
    height: 2px;
    transition: width .3s;
    background-color: rgba(255,255,255,.35)
}

.brk-header_style-3 .brk-nav__menu > li > a:before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 12px;
    height: 0;
    transition: height .3s;
    background-color: var(--brk-base-1)
}

.brk-header_scroll.brk-header_style-1 .brk-nav__menu > li > a:before {
    background-color: rgba(var(--brand-primary-rgb),.7)
}

@supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))) {
    .brk-header_scroll.brk-header_style-1 .brk-nav__menu > li > a:before {
        background-color: currentColor
    }
}

.brk-header_vertical.brk-header_style-1 .brk-nav__menu > li > a:before {
    background-color: rgba(var(--brand-primary-rgb),.7)
}

@supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))) {
    .brk-header_vertical.brk-header_style-1 .brk-nav__menu > li > a:before {
        background-color: currentColor
    }
}

.brk-header-mobile-wrap .brk-nav__menu > li > a:before {
    display: none
}

.brk-nav__menu > li > a:hover {
    color: inherit
}

    .brk-nav__menu > li > a:hover:before {
        width: 100%
    }

.brk-header_style-3 .brk-nav__menu > li > a:hover:before {
    width: 12px;
    height: 3px
}

.brk-header_style-1 .brk-nav__menu > li:hover, .brk-header_style-1 .brk-nav__sub-menu li:hover > a:before {
    opacity: 1
}

.brk-header-mobile-wrap .brk-nav__menu > li:hover > a {
    background-color: #fff
}

.brk-header_style-1 .brk-nav__sub-menu a > i, .brk-nav__menu-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px
}

    .brk-nav__menu-icon i {
        position: absolute;
        vertical-align: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

@media (max-width:991px) {
    .brk-nav__children.children-active {
        background-color: rgba(0,0,0,.03);
        box-shadow: inset 0 1px 4px 6px rgba(0,0,0,.02)
    }
}

.brk-header_style-1 .brk-nav__sub-menu {
    padding: 4px 0 12px
}

@media (min-width:992px) {
    .brk-header_style-1 .brk-nav__sub-menu {
        box-shadow: 0 6px 30px rgba(0,0,0,.12);
        border-bottom: 3px solid var(--brk-base-6)
    }

    .brk-nav__sub-menu {
        position: absolute;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        min-width: 270px;
        background-color: #fff
    }

    .brk-header_style-2 .brk-nav__sub-menu, .brk-header_style-3 .brk-nav__sub-menu {
        padding: 15px 0;
        box-shadow: 0 20px 40px rgba(0,0,0,.15)
    }
}

@media (max-width:991px) {
    .brk-nav__sub-menu {
        display: none
    }
}

.brk-nav__sub-menu a, .brk-nav__sub-menu li, .flexMenu-popup li {
    display: block;
    position: relative
}

.brk-header_style-1 .brk-nav__sub-menu li:hover > a {
    color: #272727
}

    .brk-header_style-1 .brk-nav__sub-menu li:hover > a i {
        color: var(--brand-primary)
    }

.brk-header_style-2 .brk-nav__sub-menu li:hover > a, .brk-header_style-2 .brk-nav__sub-menu li:hover > a i, .brk-header_style-3 .brk-nav__sub-menu li:hover > a, .brk-header_style-3 .brk-nav__sub-menu li:hover > a i {
    color: var(--brk-base-6)
}

    .brk-header_style-2 .brk-nav__sub-menu li:hover > a:before, .brk-header_style-3 .brk-nav__sub-menu li:hover > a:before {
        width: 2px
    }

.brk-nav__sub-menu a {
    text-align: left
}

[dir=rtl] .brk-nav__sub-menu a {
    text-align: right
}

.brk-header_style-1 .brk-nav__sub-menu a {
    font-size: .875rem;
    line-height: 21px;
    padding: 14px 26px;
    z-index: 1
}

    .brk-header_style-1 .brk-nav__sub-menu a:before {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        bottom: 0;
        left: -5px;
        background-color: #f3f7ff;
        box-shadow: 0 2px 5px rgba(0,0,0,.16);
        opacity: 0;
        z-index: -1
    }

    .brk-header_style-1 .brk-nav__sub-menu a > i {
        vertical-align: 0;
        right: 21px;
        font-size: 1rem;
        z-index: 1;
        color: #b6b6b6
    }

[dir=rtl] .brk-header_style-1 .brk-nav__sub-menu a > i, [dir=rtl] .brk-header_style-1 .flexMenu-popup a > i {
    right: auto;
    left: 21px;
    transform: translateY(-50%) rotate(180deg)
}

.brk-header_style-2 .brk-nav__sub-menu a, .brk-header_style-3 .brk-nav__sub-menu a {
    font-size: .75rem;
    line-height: 21px;
    padding: 7px 28px
}

    .brk-header_style-2 .brk-nav__sub-menu a:before, .brk-header_style-3 .brk-nav__sub-menu a:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0;
        background-color: var(--brk-base-6)
    }

[dir=rtl] .brk-header_style-2 .brk-nav__sub-menu a:before, [dir=rtl] .brk-header_style-3 .brk-nav__sub-menu a:before {
    left: auto;
    right: 0
}

.brk-header_style-2 .brk-nav__sub-menu a > i, .brk-header_style-3 .brk-nav__sub-menu a > i {
    position: absolute;
    vertical-align: 0;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: .8125rem
}

@media (max-width:991px) {
    .brk-nav__sub-menu a {
        font-size: 1rem !important;
        line-height: 20px !important;
        padding-left: 50px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

        .brk-nav__sub-menu a i {
            display: none
        }
}

@media (min-width:992px) {
    .brk-nav__mega-menu {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 99;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        background-color: #fff
    }

    .brk-header_style-1 .brk-nav__mega-menu {
        right: 10px;
        left: 10px;
        padding: 0 5px 3px;
        box-shadow: 0 6px 30px rgba(0,0,0,.12);
        background-color: transparent
    }

        .brk-header_style-1 .brk-nav__mega-menu:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 5px;
            right: 5px;
            height: 3px;
            background-color: var(--brk-base-6);
            z-index: 9
        }

    .brk-header_style-2 .brk-nav__mega-menu, .brk-header_style-3 .brk-nav__mega-menu {
        box-shadow: 0 6px 30px rgba(0,0,0,.12)
    }

    .brk-header_vertical .brk-nav__mega-menu {
        padding: 0 !important
    }

        .brk-header_vertical .brk-nav__mega-menu:before {
            left: 0;
            right: 0
        }
}

@media (max-width:991px) {
    .brk-nav__mega-menu {
        display: none
    }
}

@media (min-width:992px) {
    .brk-header_vertical .brk-nav__mega-menu {
        transform-origin: 0 0;
        transform: rotate(90deg);
        width: calc(100vw - 100px);
        left: 100%
    }

    [dir=rtl] .brk-header_vertical .brk-nav__mega-menu {
        left: auto;
        right: 0;
        transform-origin: 100% 0;
        top: 0
    }
}

.brk-nav__link-open {
    position: absolute;
    width: 30%;
    height: 60px;
    top: 0;
    right: 0;
    cursor: pointer;
    transition: border-color .3s;
    z-index: 9
}

    .brk-call-us__number i, .brk-header_style-1 .flexMenu-popup a > i, .brk-nav__link-open i {
        color: #b6b6b6;
        position: absolute;
        transform: translateY(-50%)
    }

    .brk-nav__link-open i {
        top: calc(50% - 1px);
        right: 38px;
        transform-origin: center center;
        transition-property: color,\transform;
        transition-duration: .3s;
        vertical-align: 0
    }

    .brk-nav__link-open.is-active {
        border-color: var(--brand-primary)
    }

        .brk-nav__link-open.is-active i {
            color: var(--brand-primary);
            top: 50%;
            right: 36px;
            transform: translateY(-50%) rotate(90deg)
        }

.flexMenu-viewMore.active .flexMenu-popup {
    opacity: 1;
    visibility: visible;
    max-height: 9999px;
    z-index: 99
}

.brk-header_style-1 .flexMenu-popup li:hover > a:before, .flexMenu-viewMore.active > a:after {
    opacity: 1
}

.brk-header_style-1 .flexMenu-viewMore.active > a:before {
    width: 100% !important
}

.brk-header_style-2 .flexMenu-viewMore.active > a:before {
    opacity: 1 !important;
    transform: rotate(180deg);
    top: calc(50% - 2px)
}

.brk-header_style-3 .flexMenu-viewMore.active > a:before {
    width: 12px;
    height: 3px
}

.flexMenu-viewMore > a {
    position: relative
}

.brk-header_style-2 .flexMenu-viewMore > a {
    padding: 0 12px 0 0
}

.flexMenu-viewMore > a:after {
    content: '';
    opacity: 0;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 98
}

@media (max-width:991px) {
    .flexMenu-viewMore > a:after {
        display: none
    }
}

.brk-header_style-3 .flexMenu-viewMore > a:after, .brk-lang_square .brk-lang__selected i {
    display: none
}

.brk-header_style-2 .flexMenu-viewMore > a:before {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0 !important;
    height: 0;
    opacity: .5;
    transition: width .3s;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent
}

.brk-header_style-2.brk-header_color-white .flexMenu-viewMore > a:before {
    border-top: 3px solid #fff
}

.brk-header_scroll.brk-header_style-2 .flexMenu-viewMore > a:before, .brk-header_style-2.brk-header_color-dark .flexMenu-viewMore > a:before {
    border-top: 3px solid #272727
}

.flexMenu-viewMore .brk-nav__mega-menu {
    left: 80px
}

.brk-header_style-1 .flexMenu-popup {
    padding: 4px 0 12px
}

@media (min-width:992px) {
    .brk-header_style-1 .flexMenu-popup {
        box-shadow: 0 6px 30px rgba(0,0,0,.12);
        border-bottom: 3px solid var(--brk-base-6)
    }

    .flexMenu-popup {
        position: absolute;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        min-width: 270px;
        background-color: #fff
    }

    .brk-header_style-2 .flexMenu-popup, .brk-header_style-3 .flexMenu-popup {
        padding: 15px 0;
        box-shadow: 0 20px 40px rgba(0,0,0,.15)
    }

    .flexMenu-popup.brk-location-screen-left {
        top: 100%;
        left: 0
    }

    .flexMenu-popup.brk-location-screen-right {
        top: 100%;
        right: 0;
        left: auto
    }
}

@media (max-width:991px) {
    .flexMenu-popup {
        display: none
    }
}

.brk-header_color-dark .brk-call-us:hover .brk-call-us__number, .brk-header_style-1 .flexMenu-popup li:hover > a {
    color: #272727
}

    .brk-header_style-1 .flexMenu-popup li:hover > a i {
        color: var(--brand-primary)
    }

.brk-header_style-2 .flexMenu-popup li:hover > a, .brk-header_style-2 .flexMenu-popup li:hover > a i, .brk-header_style-3 .flexMenu-popup li:hover > a, .brk-header_style-3 .flexMenu-popup li:hover > a i {
    color: var(--brk-base-6)
}

    .brk-header_style-2 .flexMenu-popup li:hover > a:before, .brk-header_style-3 .flexMenu-popup li:hover > a:before {
        width: 2px
    }

.brk-call-us, .flexMenu-popup a {
    text-align: left;
    position: relative
}

.flexMenu-popup a {
    font-family: 'Montserrat',sans-serif;
    display: block
}

[dir=rtl] .flexMenu-popup a {
    text-align: right
}

.brk-header_style-1 .flexMenu-popup a {
    font-size: .875rem;
    line-height: 21px;
    padding: 14px 26px;
    z-index: 1
}

    .brk-header_style-1 .flexMenu-popup a:before {
        content: '';
        position: absolute;
        top: 0;
        right: -5px;
        bottom: 0;
        left: -5px;
        background-color: #f3f7ff;
        box-shadow: 0 2px 5px rgba(0,0,0,.16);
        opacity: 0;
        z-index: -1
    }

    .brk-header_style-1 .flexMenu-popup a > i {
        vertical-align: 0;
        right: 21px;
        top: 50%;
        font-size: 1rem;
        z-index: 1
    }

.brk-header_style-2 .flexMenu-popup a, .brk-header_style-3 .flexMenu-popup a {
    font-size: .75rem;
    line-height: 21px;
    padding: 7px 28px
}

    .brk-header_style-2 .flexMenu-popup a:before, .brk-header_style-3 .flexMenu-popup a:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0;
        background-color: var(--brk-base-6)
    }

[dir=rtl] .brk-header_style-2 .flexMenu-popup a:before, [dir=rtl] .brk-header_style-3 .flexMenu-popup a:before {
    left: auto;
    right: 0
}

.brk-header_style-2 .flexMenu-popup a > i, .brk-header_style-3 .flexMenu-popup a > i {
    position: absolute;
    vertical-align: 0;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    font-size: .8125rem
}

@media (max-width:991px) {
    .flexMenu-popup a {
        font-size: 1rem !important;
        line-height: 20px !important;
        padding-left: 50px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

        .flexMenu-popup a i {
            display: none
        }
}

.brk-call-us {
    display: inline-block;
    border-radius: 21px;
    font-weight: 600;
    font-size: .875rem;
    margin: 0 5px
}

@media (min-width:992px) {
    .brk-call-us {
        transform: translateY(-50%);
        top: 50%;
        box-shadow: 0 5px 16px rgba(0,0,0,.07);
        border: 1px solid rgba(255,255,255,.2)
    }

    .brk-header_color-white .brk-call-us {
        color: #fff
    }

    .brk-header_color-dark .brk-call-us {
        color: #272727
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .brk-call-us {
        width: 40px;
        height: 40px;
        border: 0
    }
}

.brk-header-mobile-wrap .brk-call-us {
    margin: 0 0 0 30px;
    height: 42px;
    display: block;
    font-weight: 700;
    font-size: 1rem
}

@media (min-width:992px) {
    .brk-header_scroll .brk-call-us {
        box-shadow: none;
        border: 1px solid rgba(205,205,205,.2);
        color: #272727
    }
}

.brk-header-mobile-wrap .brk-call-us:hover .brk-call-us__number, .brk-header-mobile-wrap .brk-call-us__number:hover, .brk-header_scroll .brk-call-us:hover .brk-call-us__number {
    color: #000
}

.brk-call-us__number {
    display: block;
    line-height: 42px !important;
    padding-left: 30px
}

@media (min-width:1024px) {
    .brk-call-us__number {
        padding-left: 28px;
        padding-right: 56px;
        line-height: 40px !important
    }
}

@media (min-width:992px) and (max-width:1024px) {
    .brk-call-us__number {
        display: none
    }
}

.brk-call-us__number i {
    vertical-align: middle;
    line-height: 1;
    top: 50%;
    left: 0
}

@media (min-width:992px) {
    .brk-call-us__number i {
        display: none
    }
}

.brk-call-us__link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .875rem;
    width: 40px;
    height: 40px;
    line-height: 42px;
    color: var(--brand-primary) !important;
    background-color: #fff;
    box-shadow: 0 5px 16px rgba(0,0,0,.07)
}

.brk-header_scroll .brk-call-us__link {
    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb),.5);
    color: #fff !important;
    background-color: var(--brand-primary)
}

.brk-safari .brk-header_scroll .brk-call-us__link, .list-inline-7 li a:hover .list-inline-7__before {
    box-shadow: none
}

@media (max-width:991px) {
    .brk-call-us__link {
        display: none
    }
}

.brk-call-us__link i {
    vertical-align: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.brk-lang {
    display: inline-block;
    position: relative;
    width: 78px;
    height: 42px;
    text-align: center;
    cursor: pointer;
    margin: 0 5px;
    z-index: 1
}

@media (min-width:992px) {
    .brk-lang:not(.brk-lang_square) {
        transform: translateY(-50%);
        top: 50%
    }
}

@media (max-width:991px) {
    .brk-lang {
        width: 100%;
        text-align: left;
        height: auto !important;
        margin: 0 !important;
        background-color: transparent !important;
        padding-left: 30px
    }
}

.brk-lang.brk-location-screen-right .brk-lang__selected {
    padding-left: 5px
}

.brk-lang.brk-location-screen-left .brk-lang__selected {
    padding-right: 5px
}

@media (min-width:992px) {
    .brk-lang.brk-lang_interactive {
        width: 45px;
        height: 100%
    }

    .brk-lang.brk-lang_square {
        width: 72px;
        height: 100%;
        margin: 0
    }

        .brk-lang.brk-lang_square:hover .brk-lang__option {
            background-color: inherit !important
        }

    .brk-header_vertical .brk-lang {
        transform: translateY(0);
        top: auto;
        width: 68px;
        height: 68px;
        margin: 0
    }

    .brk-lang:hover {
        z-index: 3
    }

        .brk-lang:hover .brk-lang__selected {
            color: #272727;
            display: none
        }

    .brk-header_vertical .brk-lang:hover .brk-lang__selected {
        display: block
    }

    .brk-lang:hover .brk-lang__option {
        max-width: 500px !important;
        background-color: #fff
    }

        .brk-lang:hover .brk-lang__option li, .brk-lang:hover .brk-lang__option:before {
            opacity: 1
        }

    .brk-header_vertical .brk-lang:hover .brk-lang__option {
        padding: 0 19px;
        opacity: 1
    }
}

.brk-lang__selected {
    font-size: .875rem;
    font-weight: 600;
    display: block;
    position: relative;
    line-height: 42px;
    color: #fff;
    z-index: 100;
    direction: ltr !important
}

@media (min-width:992px) {
    .brk-lang_interactive .brk-lang__selected {
        font-weight: 400;
        font-size: .6875rem;
        height: inherit;
        display: flex;
        align-items: center;
        line-height: normal
    }

    .brk-lang_square .brk-lang__selected {
        font-size: .75rem;
        height: inherit;
        display: flex;
        align-items: center;
        line-height: normal;
        padding-left: 0;
        justify-content: center
    }

    .brk-header_scroll .brk-lang_square .brk-lang__selected {
        color: #fff !important
    }

    .brk-header_vertical .brk-lang__selected {
        line-height: 68px;
        padding-left: 0;
        border-bottom: 1px solid #efefef
    }
}

.brk-header_color-white .brk-lang__selected {
    color: #fff
}

.brk-header_color-dark .brk-lang__selected, .brk-header_scroll .brk-header__main-bar .brk-lang__selected {
    color: #272727
}

@media (min-width:992px) {
    .brk-header_scroll .brk-lang__selected {
        color: #272727 !important
    }
}

.brk-lang__selected i {
    vertical-align: 0;
    margin-left: 8px
}

@media (min-width:992px) {
    .brk-header_vertical .brk-lang__selected i {
        margin-left: 3px
    }
}

@media (max-width:991px) {
    .brk-lang__selected {
        display: none
    }
}

.brk-lang__open {
    display: block;
    width: 100%;
    font-size: 1rem;
    color: #272727;
    font-weight: 700;
    padding-left: 30px;
    line-height: 42px;
    position: relative
}

@media (min-width:992px) {
    .brk-lang__open {
        display: none
    }
}

.brk-lang__open i {
    vertical-align: middle;
    color: #b6b6b6;
    line-height: 1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.brk-lang__active-lang {
    display: none
}

@media (max-width:992px) {
    .brk-lang__active-lang {
        position: absolute;
        top: 10px;
        right: 30px;
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        box-shadow: 0 5px 16px rgba(0,0,0,.07);
        text-align: center;
        font-size: .75rem;
        font-weight: 500;
        line-height: 24px
    }
}

@media (min-width:992px) {
    .brk-lang__option {
        position: absolute;
        top: 0;
        max-width: 78px;
        z-index: 101;
        transition-property: max-width,background-color;
        transition-duration: .4s;
        border-radius: 21px;
        overflow: hidden;
        display: flex
    }

    .brk-location-screen-right .brk-lang__option {
        right: 0;
        padding-right: 40px;
        padding-left: 20px
    }

    .brk-header_vertical .brk-location-screen-right .brk-lang__option {
        right: 100%;
        padding: 0
    }

    .brk-location-screen-left .brk-lang__option {
        left: 0;
        padding-right: 20px;
        padding-left: 40px
    }

    .brk-header_vertical .brk-location-screen-left .brk-lang__option {
        left: 100%;
        padding: 0
    }

    .brk-lang__option:before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        transition: opacity .4s;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #b6b6b6;
        opacity: 0
    }

    .brk-location-screen-right .brk-lang__option:before {
        right: 15px
    }

    .brk-location-screen-left .brk-lang__option:before {
        left: 23px;
        right: auto !important
    }

    .brk-lang_interactive .brk-lang__option:before {
        right: 11px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid rgba(255,255,255,.6)
    }

    .brk-lang_square .brk-lang__option:before {
        border-top: 5px solid #fff
    }

    .brk-header_vertical .brk-lang__option:before {
        display: none
    }

    .brk-header .brk-lang__option {
        box-shadow: 0 5px 16px rgba(0,0,0,.07);
        border: 1px solid rgba(255,255,255,.2);
        color: #fff
    }

    .brk-header_scroll .brk-lang__option {
        box-shadow: none;
        border: 1px solid rgba(205,205,205,.2);
        color: #272727
    }

    .brk-header__top-bar .brk-header_scroll .brk-lang__option {
        color: #fff
    }

    .brk-lang_interactive .brk-lang__option, .brk-lang_square .brk-lang__option {
        background-color: transparent !important;
        border: 0 !important;
        height: 100%;
        align-items: center;
        box-shadow: none
    }

    .brk-lang_interactive .brk-lang__option {
        padding-right: 25px;
        max-width: 45px
    }

    .brk-lang_square .brk-lang__option {
        max-width: 72px;
        border-radius: 0 !important
    }

    .brk-header_vertical .brk-lang__option {
        max-width: 0;
        opacity: 0;
        border-radius: 0;
        height: 100%;
        box-shadow: 0 6px 30px 0 rgba(0,0,0,.12);
        border: 0
    }

        .brk-header_vertical .brk-lang__option:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background-color: var(--brand-primary)
        }
}

@media (max-width:991px) {
    .brk-lang__option {
        width: calc(100% + 30px);
        display: none;
        padding: 0 10px;
        background-color: #fff;
        margin-top: 10px;
        margin-left: -30px
    }
}

.brk-lang__option li {
    display: block;
    opacity: 0;
    transition: opacity .3s
}

@media (max-width:991px) {
    .brk-lang__option li {
        opacity: 1;
        display: inline-block
    }
}

.brk-lang__option li a {
    display: block;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    padding: 0 18px;
    color: #b6b6b6
}

@media (max-width:991px) {
    .brk-lang__option li a {
        line-height: 50px
    }
}

@media (min-width:992px) {
    .brk-lang_interactive .brk-lang__option li a {
        font-weight: 400;
        color: rgba(255,255,255,.6);
        line-height: 36px;
        font-size: .75rem;
        padding: 0 14px
    }

    .brk-lang_square .brk-lang__option li a {
        color: #fff
    }

    .brk-header_vertical .brk-lang__option li a {
        line-height: 68px;
        padding: 0 11px;
        color: #000
    }
}

.brk-lang__option li a:hover {
    color: var(--brand-primary)
}

@media (min-width:992px) {
    .brk-header_scroll .brk-lang_interactive .brk-lang__option li a:hover, .brk-lang_interactive .brk-lang__option li a:hover, .brk-lang_square .brk-lang__option li a:hover {
        color: #fff
    }

    .brk-header_vertical .brk-lang__option li a:hover {
        color: #b6b6b6
    }
}

.brk-mini-cart {
    display: inline-block;
    font-size: .875rem;
    position: relative
}

@media (min-width:992px) {
    .brk-mini-cart {
        height: 100%;
        margin: 0 5px
    }

    .brk-header__top-bar .brk-mini-cart {
        width: auto
    }

    .brk-header_vertical .brk-mini-cart {
        width: 68px;
        height: 68px;
        margin: 0
    }
}

.brk-header-mobile-wrap .brk-mini-cart {
    display: block;
    padding: 0 !important;
    margin: 0 !important
}

@media (min-width:992px) {
    .brk-mini-cart:hover .brk-mini-cart__menu {
        z-index: 99;
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition-duration: .28s;
        transition-timing-function: cubic-bezier(.17,.89,.27,1.19)
    }
}

.brk-mini-cart__open {
    position: relative;
    cursor: pointer
}

@media (min-width:992px) {
    .brk-mini-cart__open {
        height: inherit;
        min-width: 30px
    }

    .brk-header__top-bar .brk-mini-cart__open {
        display: flex;
        align-items: center;
        color: #fff
    }
}

.brk-header_color-white .brk-mini-cart__open {
    color: #fff
}

.brk-header_color-dark .brk-mini-cart__open, .brk-header_scroll .brk-header__main-bar .brk-mini-cart__open {
    color: #272727
}

@media (min-width:992px) {
    .brk-header_scroll .brk-mini-cart__open {
        color: #272727 !important
    }
}

.brk-mini-cart__open_skin-1 i {
    font-size: .6875rem;
    opacity: .5;
    top: calc(50% - 2px)
}

@media (min-width:992px) {
    .brk-header_vertical .brk-mini-cart__open {
        border-bottom: 1px solid #efefef
    }
}

.brk-header-mobile-wrap .brk-mini-cart__open {
    color: #272727;
    padding-left: 30px
}

.brk-mini-cart__open i {
    vertical-align: 0
}

@media (min-width:992px) {
    .brk-mini-cart__open i {
        position: absolute;
        top: calc(50% - 1px);
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .brk-header__top-bar .brk-mini-cart__open i {
        left: 0;
        transform: translateY(-50%)
    }
}

@media (max-width:991px) {
    .brk-mini-cart__open i {
        line-height: 1;
        vertical-align: middle;
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translateY(-50%)
    }
}

.brk-header-mobile-wrap .brk-mini-cart__open i {
    color: #b6b6b6 !important
}

.brk-mini-cart__info-open {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center
}

@media (min-width:992px) {
    .brk-mini-cart__info-open {
        height: inherit
    }
}

@media (max-width:991px) {
    .brk-mini-cart__info-open {
        padding: 18px 0 18px 45px
    }
}

.brk-header-popup-menu__menu ul li, .brk-mini-cart__info-open-thumb {
    position: relative
}

    .brk-mini-cart__info-open-thumb .thumb-1, .brk-mini-cart__info-open-thumb .thumb-2 {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        background: no-repeat center center;
        background-size: cover
    }

    .brk-mini-cart__info-open-thumb .thumb-2 {
        position: absolute;
        top: 0;
        left: -20px
    }

[dir=rtl] .brk-mini-cart__info-open-thumb .thumb-2 {
    left: auto;
    right: -20px
}

.brk-mini-cart__info-open-count {
    position: absolute;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    line-height: 19px;
    height: 19px;
    padding: 0 6px;
    border-radius: 50%;
    background-color: var(--brk-secondary-6);
    box-shadow: 0 5px 16px rgba(0,0,0,.07);
    top: -6px;
    right: -6px
}

[dir=rtl] .brk-mini-cart__info-open-count {
    right: auto;
    left: -6px
}

.brk-header_color-white .brk-mini-cart__info-open-count {
    color: #fff
}

.brk-header_color-dark .brk-mini-cart__info-open-count {
    color: #272727
}

.brk-mini-cart__info-open-total-price {
    font-size: .75rem;
    line-height: 24px;
    color: #fff;
    margin-left: 22px
}

[dir=rtl] .brk-mini-cart__info-open-total-price {
    margin-left: 0;
    margin-right: 22px
}

@media (max-width:991px) {
    .brk-mini-cart__info-open-total-price {
        color: #272727
    }
}

@media (min-width:992px) {
    .brk-header_scroll .brk-header__main-bar .brk-mini-cart__info-open-total-price {
        color: #272727
    }

    .brk-mini-cart.brk-location-screen-right .brk-mini-cart__menu {
        right: -15px
    }

    .brk-header_vertical .brk-mini-cart.brk-location-screen-right .brk-mini-cart__menu {
        right: 100%
    }
}

.brk-mini-cart.brk-location-screen-right .brk-mini-cart__menu:before {
    right: 22px
}

@media (min-width:992px) {
    .brk-mini-cart.brk-location-screen-left .brk-mini-cart__menu {
        left: -15px
    }

    .brk-header_vertical .brk-mini-cart.brk-location-screen-left .brk-mini-cart__menu {
        left: 100%
    }
}

.brk-mini-cart.brk-location-screen-left .brk-mini-cart__menu:before {
    left: 22px
}

.brk-mini-cart__title {
    font-size: 1rem;
    color: #272727;
    display: inline-block;
    font-weight: 700;
    padding-left: 30px;
    line-height: 42px
}

@media (min-width:992px) {
    .brk-mini-cart__title {
        display: none
    }
}

.brk-header-mobile-wrap .brk-mini-cart__title {
    color: #272727;
    text-transform: none;
    font-weight: 700;
    font-size: 1rem;
    line-height: 42px
}

.brk-header_vertical .brk-mini-cart__menu:before, .brk-mini-cart__label {
    display: none
}

@media (min-width:992px) {
    .brk-header__top-bar .brk-mini-cart__label {
        display: block;
        padding: 0 30px
    }
}

.brk-mini-cart__count {
    position: absolute;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    line-height: 19px;
    height: 19px;
    padding: 0 6px;
    border-radius: 50%;
    background-color: var(--brk-secondary-6);
    box-shadow: 0 5px 16px rgba(0,0,0,.07)
}

.brk-mini-cart__count_skin-1 {
    font-size: .625rem;
    font-weight: 500;
    line-height: 17px;
    height: 16px
}

.brk-header__top-bar .brk-mini-cart__count {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: rgba(255,255,255,.2)
}

.brk-header_color-dark .brk-header__top-bar .brk-mini-cart__count {
    color: #272727
}

.brk-header__main-bar .brk-mini-cart__count {
    top: 13%;
    right: -9px
}

.brk-header_color-dark .brk-mini-cart__count, .brk-header_color-white .brk-mini-cart__count {
    color: #fff
}

@media (min-width:992px) {
    .brk-header_scroll .brk-mini-cart__count {
        color: #272727;
        background-color: rgba(0,0,0,.12)
    }

    .brk-mini-cart__count_white {
        background-color: rgba(0,0,0,.2) !important;
        color: #fff !important
    }
}

.brk-header-mobile-wrap .brk-mini-cart__count {
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    height: 24px;
    padding: 0 8px;
    line-height: 24px;
    color: #fff !important;
    background-color: var(--brk-secondary-6) !important
}

.brk-header_vertical .brk-mini-cart__count {
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999
}

[dir=rtl] .brk-header_vertical .brk-mini-cart__count {
    right: auto;
    left: -9px
}

.brk-mini-cart__menu {
    width: 100%;
    height: auto;
    background-color: #fff
}

@media (min-width:992px) {
    .brk-mini-cart__menu {
        opacity: 0;
        visibility: hidden;
        transform: scale(0);
        transform-origin: calc(100% - 30px) 0;
        transition-property: opacity,visibility,\transform;
        transition-duration: .3s;
        z-index: 98;
        position: absolute;
        top: 100%;
        width: calc(100vw - 60px);
        max-width: 500px;
        height: auto;
        max-height: calc(100vh - 125px);
        padding-bottom: 3px;
        box-shadow: 0 6px 30px rgba(0,0,0,.12),inset 0 -3px var(--brk-base-6)
    }

    .brk-header_style-2 .brk-mini-cart__menu {
        box-shadow: 0 6px 30px rgba(0,0,0,.12);
        padding-bottom: 0
    }

    .brk-header_vertical .brk-mini-cart__menu {
        top: 0;
        left: 100%;
        right: auto
    }
}

.brk-mini-cart__menu:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    z-index: 9
}

@media (max-width:991px) {
    .brk-mini-cart__menu:before {
        display: none
    }
}

.brk-header-mobile-wrap .brk-mini-cart__menu {
    display: none;
    margin-top: 15px
}

.brk-mini-cart__header {
    height: 68px;
    line-height: 68px;
    background-color: #fff;
    box-shadow: 0 6px 30px rgba(0,0,0,.12),inset 0 -2px var(--brk-secondary-3);
    position: relative;
    padding-left: 28px;
    text-align: left
}

@media (max-width:991px) {
    .brk-mini-cart__header {
        height: 40px;
        line-height: 40px;
        display: none
    }
}

.brk-header_style-2 .brk-mini-cart__header, .brk-header_style-7-popup .brk-mini-cart__header {
    box-shadow: none;
    border-bottom: 1px solid #e5e5e5
}

.brk-mini-cart__links {
    height: 96px;
    background-color: #f4f4f4;
    padding: 0 30px;
    display: flex;
    align-items: center;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.03)
}

@media (max-width:991px) {
    .brk-mini-cart__links {
        height: 66px
    }
}

.brk-header-mobile-wrap .brk-mini-cart__links {
    padding: 0 15px
}

.brk-mini-cart__links--wrap {
    width: 100%;
    position: relative
}

    .brk-mini-cart__links--wrap i {
        vertical-align: 0
    }

.brk-mini-cart__links--cart {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 164px;
    height: 54px;
    font-size: .875rem;
    font-weight: 600;
    line-height: 54px;
    text-align: center;
    border-radius: 27px;
    text-transform: uppercase;
    background-color: #fff;
    color: var(--brand-primary);
    box-shadow: 0 5px 16px rgba(165,165,165,.5);
    z-index: 2
}

@media (max-width:991px) {
    .brk-mini-cart__links--cart {
        height: 36px;
        line-height: 36px
    }
}

.brk-header-mobile-wrap .brk-mini-cart__links--cart {
    width: 120px;
    font-size: .8125rem
}

.brk-mini-cart__links--cart:hover, .list-inline-7 li a:hover .list-inline-7__before i {
    color: var(--brand-primary)
}

    .brk-mini-cart__links--cart:hover i {
        -webkit-animation: cart-checkout-animat 1s ease-in-out;
        animation: cart-checkout-animat 1s ease-in-out
    }

.brk-mini-cart__links--cart i {
    margin-right: 10px;
    font-size: 1.1875rem
}

.brk-header_style-2 .brk-mini-cart__links--cart i {
    margin-right: 19px
}

[dir=rtl] .brk-mini-cart__links--cart i {
    margin-right: 0;
    margin-left: 10px
}

.brk-header_style-2 .brk-mini-cart__links--cart {
    color: var(--brk-base-6);
    box-shadow: none;
    height: 46px;
    line-height: 46px
}

.brk-mini-cart__links--checkout {
    width: 100%;
    height: 54px;
    border-radius: 27px;
    display: block;
    font-size: .875rem;
    font-weight: 600;
    line-height: 54px;
    text-align: right;
    padding-right: 23px;
    text-transform: uppercase;
    color: #fff;
    background-color: var(--brand-primary);
    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb),.5)
}

@media (max-width:991px) {
    .brk-mini-cart__links--checkout {
        height: 36px;
        line-height: 36px
    }
}

.brk-header-mobile-wrap .brk-mini-cart__links--checkout {
    font-size: .8125rem
}

.brk-mini-cart__links--checkout:hover {
    color: #fff
}

    .brk-mini-cart__links--checkout:hover i {
        -webkit-animation: cart-checkout-animat 1s ease-in-out;
        animation: cart-checkout-animat 1s ease-in-out
    }

.brk-mini-cart__links--checkout i {
    margin-left: 30px;
    font-size: 1rem;
    position: relative
}

.brk-header-mobile-wrap .brk-mini-cart__links--checkout i {
    margin-left: 15px
}

[dir=rtl] .brk-mini-cart__links--checkout i {
    margin-left: 0;
    margin-right: 30px
}

.brk-header_style-2 .brk-mini-cart__links--checkout, .brk-header_style-7-popup .brk-mini-cart__links--checkout {
    height: 46px;
    line-height: 46px;
    background-color: var(--brk-base-6);
    box-shadow: 0 5px 16px rgba(0,124,211,.5)
}

.brk-mini-cart__products {
    overflow: auto
}

    .brk-mini-cart__products:hover .brk-mini-cart__product:not(:hover) .brk-mini-cart__product--img {
        opacity: .5
    }

.brk-mini-cart__product {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 1;
    border-bottom: 1px dashed #dcdcdc;
    padding: 22px 30px;
    transition: all .3s ease-in-out;
    transition-property: background-color,box-shadow
}

@media (max-width:991px),(max-height:870px) {
    .brk-mini-cart__product {
        padding: 15px
    }
}

.brk-mini-cart__product:hover {
    background-color: #fff;
    box-shadow: 0 6px 30px rgba(0,0,0,.12),inset 3px 0 var(--brk-base-2);
    z-index: 2
}

.brk-header_style-2 .brk-mini-cart__product:hover {
    box-shadow: inset 3px 0 var(--brk-base-6);
    background-color: #fbfbfb
}

.brk-mini-cart__product:last-child {
    border-bottom: none
}

.brk-mini-cart__product--img {
    position: relative;
    width: 80px
}

    .brk-mini-cart__product--img img {
        width: 100%;
        height: auto
    }

.brk-mini-cart__product--title-price {
    padding: 5px 20px 0 14px;
    width: 186px
}

.brk-mini-cart__product--old-price {
    text-decoration: line-through;
    font-size: .875rem;
    display: inline-block;
    margin-left: 6px;
    color: #c4c4c4
}

.brk-mini-cart__product--price {
    font-weight: 600;
    font-size: .875rem;
    display: inline-block;
    margin-left: 8px;
    color: var(--brand-primary)
}

.brk-header_style-2 .brk-mini-cart__product--price, .brk-header_style-7-popup .brk-mini-cart__product--price {
    color: var(--brk-base-6)
}

.brk-mini-cart__product--remove {
    width: 48px;
    height: 48px;
    border-radius: 24px;
    text-align: center;
    position: relative;
    background-color: #fff;
    box-shadow: 0 5px 16px rgba(0,0,0,.07)
}

    .brk-mini-cart__product--remove:hover {
        background-color: var(--brand-primary)
    }

.brk-header_style-2 .brk-mini-cart__product--remove:hover, .brk-header_style-7-popup .brk-mini-cart__product--remove:hover {
    background-color: var(--brk-base-6)
}

    .brk-header_style-2 .brk-mini-cart__product--remove:hover i, .brk-header_style-7-popup .brk-mini-cart__product--remove:hover i, .brk-mini-cart__product--remove:hover i {
        color: #fff
    }

.brk-mini-cart__product--remove i {
    vertical-align: 0;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--brand-primary)
}

.brk-header_style-2 .brk-mini-cart__product--remove i, .brk-header_style-7-popup .brk-mini-cart__product--remove i {
    color: var(--brk-base-6)
}

@media (min-width:992px) {
    .brk-header .brk-social-links.brk-location-screen-right:not(.brk-social-links_no-open) .brk-social-links__block {
        right: -15px
    }
}

.brk-header .brk-social-links.brk-location-screen-right:not(.brk-social-links_no-open) .brk-social-links__block:before {
    right: 22px
}

@media (min-width:992px) {
    .brk-header .brk-social-links.brk-location-screen-left:not(.brk-social-links_no-open) .brk-social-links__block {
        left: -15px
    }
}

.brk-header .brk-social-links.brk-location-screen-left:not(.brk-social-links_no-open) .brk-social-links__block:before {
    left: 22px
}

.brk-header .brk-social-links {
    display: inline-block;
    font-size: .875rem;
    position: relative
}

@media (min-width:992px) {
    .brk-header .brk-social-links {
        height: 100%;
        margin: 0 5px;
        width: 30px
    }

    .brk-header_vertical .brk-social-links {
        width: auto;
        margin: 0
    }
}

.brk-header-mobile-wrap .brk-social-links {
    display: block;
    padding: 0 !important;
    margin: 0 !important
}

@media (min-width:992px) {
    .brk-social-links_no-open {
        transform: rotate(0) !important
    }

        .brk-social-links_no-open .brk-social-links__header, .brk-social-links_no-open .brk-social-links__open {
            display: none
        }

        .brk-social-links_no-open .brk-social-links__block {
            position: static !important;
            height: inherit
        }

        .brk-social-links_no-open .brk-social-links__content {
            padding: 0 10px !important;
            height: inherit;
            align-items: center;
            justify-content: flex-start
        }

            .brk-social-links_no-open .brk-social-links__content a {
                border-right: 0 !important;
                background-color: transparent !important;
                width: 50px;
                height: 50px
            }

    .brk-header_vertical .brk-social-links_no-open .brk-social-links__content a {
        transform: rotate(90deg)
    }

    .brk-social-links_no-open .brk-social-links__content a:hover {
        background-color: transparent !important;
        box-shadow: none !important
    }

    .brk-header_color-white .brk-social-links_no-open .brk-social-links__content a i {
        color: #fff !important
    }

    .brk-header_color-dark .brk-social-links_no-open .brk-social-links__content a i, .brk-header_scroll .brk-social-links_no-open .brk-social-links__content a i {
        color: #272727 !important
    }
}

.brk-header .brk-social-links__open {
    position: relative;
    cursor: pointer
}

@media (min-width:992px) {
    .brk-header .brk-social-links__open {
        height: inherit
    }
}

.brk-header .brk-social-links__content a:hover i, .brk-header_color-white .brk-social-links__open, .brk-header_style-2 .brk-social-links__content a:hover i {
    color: #fff
}

.brk-header_color-dark .brk-social-links__open, .brk-header_scroll .brk-header__main-bar .brk-social-links__open {
    color: #272727
}

.brk-header-mobile-wrap .brk-social-links__open {
    color: #272727;
    padding-left: 30px
}

.brk-header .brk-social-links__open i, .brk-search__open i {
    vertical-align: 0
}

@media (min-width:992px) {
    .brk-header .brk-social-links__open i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

@media (max-width:991px) {
    .brk-header .brk-social-links__open i {
        line-height: 1;
        position: absolute;
        left: 30px;
        top: 50%;
        transform: translateY(-50%);
        vertical-align: middle
    }
}

.brk-header-mobile-wrap .brk-search__open i, .brk-header-mobile-wrap .brk-social-links__open i {
    color: #b6b6b6
}

.brk-header .brk-social-links__title {
    font-size: 1rem;
    color: #272727;
    display: inline-block;
    font-weight: 700;
    padding-left: 30px;
    line-height: 42px
}

@media (min-width:992px) {
    .brk-header .brk-social-links__title {
        display: none
    }

    .brk-header .brk-social-links:not(.brk-social-links_no-open) .brk-social-links__block {
        opacity: 0;
        visibility: hidden;
        transform: scale(0);
        transform-origin: calc(100% - 30px) 0;
        transition-property: opacity,visibility,\transform;
        transition-duration: .3s;
        z-index: 98;
        position: absolute;
        top: 100%;
        width: auto;
        max-width: 438px;
        height: auto;
        text-align: left;
        background-color: #f4f4f4;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.03),inset 0 -3px var(--brk-base-6)
    }
}

.brk-header .brk-social-links:not(.brk-social-links_no-open) .brk-social-links__block:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: -8px;
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    z-index: 9
}

.brk-header-mobile-wrap .brk-header .brk-social-links:not(.brk-social-links_no-open) .brk-social-links__block:before {
    display: none
}

.brk-header_style-2 .brk-social-links:not(.brk-social-links_no-open) .brk-social-links__block {
    box-shadow: inset 0 3px 5px rgba(0,0,0,.03),0 0 10px 0 rgba(0,0,0,.1)
}

@media (min-width:992px) {
    .brk-header .brk-social-links:not(.brk-social-links_no-open):hover .brk-social-links__block {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition-duration: .28s;
        transition-timing-function: cubic-bezier(.17,.89,.27,1.19)
    }
}

.brk-header .brk-social-links__block {
    width: 100%
}

.brk-header-mobile-wrap .brk-social-links__block {
    display: none;
    margin-top: 15px
}

.brk-header .brk-social-links__header {
    height: 68px;
    line-height: 68px;
    background-color: #fff;
    padding-left: 28px;
    padding-right: 28px;
    white-space: nowrap;
    box-shadow: 0 6px 30px rgba(0,0,0,.12),inset 0 -2px var(--brk-secondary-3)
}

@media (max-width:991px) {
    .brk-header .brk-social-links__header {
        display: none
    }
}

.brk-header_style-2 .brk-social-links__header {
    box-shadow: none;
    border-bottom: 1px solid #e5e5e5
}

.brk-header .brk-social-links__content {
    display: flex;
    justify-content: space-between;
    padding: 13px 16px
}

.brk-header-mobile-wrap .brk-social-links__content {
    justify-content: flex-start;
    padding: 5px 20px
}

.brk-header .brk-social-links__content a {
    display: block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    position: relative;
    transition-property: background-color,box-shadow;
    transition-duration: .3s;
    background-color: #fff;
    margin: 7px 14px
}

.brk-header.brk-header_vertical .brk-social-links__content a {
    width: 28px;
    height: 28px
}

.brk-header-mobile-wrap .brk-social-links__content a {
    width: 36px;
    height: 36px;
    margin: 0 5px
}

.brk-header .brk-social-links__content a:hover {
    background-color: var(--brand-primary);
    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb),.5)
}

.brk-header_style-2 .brk-social-links__content a:hover {
    background-color: var(--brk-base-6)
}

.brk-header .brk-social-links__content a i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    vertical-align: 0;
    font-size: 1rem;
    transition: color .3s;
    color: var(--brand-primary)
}

.brk-header_style-2 .brk-social-links__content a i {
    color: var(--brk-base-6)
}

.brk-header-mobile-wrap .brk-social-links__content a i, .brk-search, .brk-social-links_link-14 .brk-social-links__content a i {
    font-size: .875rem
}

.brk-search {
    display: inline-block
}

@media (min-width:992px) {
    .brk-search {
        height: 100%;
        margin: 0 5px;
        width: 30px
    }

        .brk-search.brk-location-screen-right:not(.brk-search_interactive) .brk-search__block {
            right: -15px
        }

    .brk-header_vertical .brk-search.brk-location-screen-right:not(.brk-search_interactive) .brk-search__block {
        right: 100%
    }

    .brk-search.brk-location-screen-right:not(.brk-search_interactive) .brk-search__block:before {
        right: 22px
    }

    .brk-search.brk-location-screen-left:not(.brk-search_interactive) .brk-search__block {
        left: -15px
    }

    .brk-header_vertical .brk-search.brk-location-screen-left:not(.brk-search_interactive) .brk-search__block {
        left: 100%
    }

    .brk-search.brk-location-screen-left:not(.brk-search_interactive) .brk-search__block:before {
        left: 22px
    }

    .brk-search:not(.brk-search_interactive) {
        position: relative
    }

        .brk-search:not(.brk-search_interactive) .brk-search__header {
            display: block
        }
}

@media (min-width:992px) and (max-width:991px) {
    .brk-search:not(.brk-search_interactive) .brk-search__header {
        display: none
    }
}

@media (min-width:992px) {
    .brk-search:not(.brk-search_interactive) .brk-search__block {
        opacity: 0;
        visibility: hidden;
        transform: scale(0);
        transform-origin: calc(100% - 30px) 0;
        transition-property: opacity,visibility,\transform;
        transition-duration: .3s;
        z-index: 98;
        position: absolute;
        top: 100%;
        width: calc(100vw - 60px);
        max-width: 500px;
        height: auto;
        text-align: left;
        background-color: #fff;
        box-shadow: inset 0 3px 5px rgba(0,0,0,.03),inset 0 -3px var(--brk-base-6)
    }

    .brk-header_style-2 .brk-search:not(.brk-search_interactive) .brk-search__block {
        box-shadow: none
    }

    .brk-search:not(.brk-search_interactive) .brk-search__block:before {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        top: -8px;
        border-bottom: 8px solid #fff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        z-index: 9
    }

    .brk-header-mobile-wrap .brk-search:not(.brk-search_interactive) .brk-search__block:before {
        display: none
    }

    .brk-header_vertical .brk-search {
        width: 68px;
        height: 68px;
        margin: 0;
        font-size: 1.5rem
    }
}

.brk-header-mobile-wrap .brk-search {
    display: block;
    padding: 0 !important;
    margin: 0 !important
}

@media (min-width:992px) {
    .brk-search:hover:not(.brk-search_interactive) .brk-search__block {
        opacity: 1;
        visibility: visible;
        transform: scale(1);
        transition-timing-function: cubic-bezier(.17,.89,.27,1.19);
        transition-duration: .28s
    }
}

.brk-search__open {
    position: relative;
    cursor: pointer
}

@media (min-width:992px) {
    .brk-search__open {
        height: inherit
    }
}

.brk-header_color-white .brk-search__open, .brk-post-brick__content h4 {
    color: #fff
}

.brk-header_color-dark .brk-search__open {
    color: #272727
}

.brk-header_scroll .brk-header__main-bar .brk-search__open {
    color: #272727 !important
}

.brk-header-mobile-wrap .brk-search__open {
    color: #272727;
    padding-left: 30px;
    text-align: left
}

@media (min-width:992px) {
    .brk-search__open i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

@media (max-width:991px) {
    .brk-search__open i {
        line-height: 40px
    }
}

.brk-search__title {
    font-size: 1rem;
    color: #272727;
    display: inline-block;
    font-weight: 700;
    padding-left: 12px;
    line-height: 42px
}

@media (min-width:992px) {
    .brk-search__title {
        display: none
    }
}

.brk-search__close {
    display: none;
    cursor: pointer
}

@media (min-width:992px) {
    .brk-search_interactive .brk-search__close {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        color: rgba(255,255,255,.8);
        font-size: .625rem;
        line-height: 24px;
        text-transform: uppercase
    }

    [dir=rtl] .brk-search_interactive .brk-search__close {
        right: auto;
        left: 0
    }

    .brk-header_scroll .brk-search_interactive .brk-search__close {
        color: rgba(39,39,39,.8)
    }

    .brk-search_interactive .brk-search__close i {
        font-size: 1.25rem;
        line-height: 24px;
        color: rgba(255,255,255,.2);
        margin-left: 14px
    }

    [dir=rtl] .brk-search_interactive .brk-search__close i {
        margin-left: 0;
        margin-right: 14px
    }

    .brk-header_scroll .brk-search_interactive .brk-search__close i {
        color: rgba(39,39,39,.2)
    }
}

.brk-search__block {
    width: 100%
}

@media (min-width:992px) {
    .brk-search_interactive .brk-search__block {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 30px);
        height: 100%;
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        z-index: 999
    }

        .brk-search_interactive .brk-search__block.active {
            opacity: 1;
            visibility: visible
        }

    .brk-header_vertical .brk-search__block {
        top: 0 !important;
        left: 100%;
        right: auto !important
    }

        .brk-header_vertical .brk-search__block:before {
            display: none !important
        }
}

.brk-header-mobile-wrap .brk-search__block {
    display: none;
    margin-top: 15px
}

.brk-search__header {
    height: 68px;
    line-height: 68px;
    position: relative;
    background-color: #fff;
    padding-left: 28px;
    display: none;
    box-shadow: 0 6px 30px rgba(0,0,0,.12),inset 0 -2px var(--brk-secondary-3)
}

@media (max-width:991px) {
    .brk-search__header {
        display: none
    }
}

.brk-header_style-2 .brk-search__header {
    height: 48px;
    line-height: 48px;
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,.12)
}

.brk-search__form {
    display: block;
    position: relative;
    padding-bottom: 3px
}

@media (min-width:992px) {
    .brk-search_interactive .brk-search__form {
        padding: 0;
        height: 100%
    }
}

.brk-header_style-2 .brk-search__form {
    padding-bottom: 0
}

.brk-search__form [type=search] {
    width: 100%;
    height: 66px;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    color: #272727;
    padding: 0 50px 0 29px;
    line-height: 66px;
    font-size: .875rem
}

[dir=rtl] .brk-search__form [type=search] {
    padding: 0 29px 0 50px
}

.brk-search__form [type=search]::-webkit-input-placeholder {
    color: #9f9f9f;
    opacity: 1
}

.brk-search__form [type=search]::-moz-placeholder {
    color: #9f9f9f;
    opacity: 1
}

.brk-search__form [type=search]:-ms-input-placeholder, .brk-search__form [type=search]::-ms-input-placeholder {
    color: #9f9f9f;
    opacity: 1
}

.brk-search__form [type=search]::placeholder {
    color: #9f9f9f;
    opacity: 1
}

@media (min-width:992px) {
    .brk-search_interactive .brk-search__form [type=search] {
        height: 100%;
        line-height: 66px;
        vertical-align: center;
        font-size: 1.5rem;
        background-color: transparent;
        color: #fff;
        letter-spacing: .08em;
        padding: 0 105px 0 75px
    }

    [dir=rtl] .brk-search_interactive .brk-search__form [type=search] {
        padding: 0 75px 0 105px
    }

    .brk-search_interactive .brk-search__form [type=search]::-webkit-input-placeholder {
        color: #fff;
        opacity: 1
    }

    .brk-search_interactive .brk-search__form [type=search]::-moz-placeholder {
        color: #fff;
        opacity: 1
    }

    .brk-search_interactive .brk-search__form [type=search]:-ms-input-placeholder, .brk-search_interactive .brk-search__form [type=search]::-ms-input-placeholder {
        color: #fff;
        opacity: 1
    }

    .brk-search_interactive .brk-search__form [type=search]::placeholder {
        color: #fff;
        opacity: 1
    }

    .brk-header_scroll .brk-search_interactive .brk-search__form [type=search] {
        color: #272727
    }

        .brk-header_scroll .brk-search_interactive .brk-search__form [type=search]::-webkit-input-placeholder {
            color: #272727;
            opacity: 1
        }

        .brk-header_scroll .brk-search_interactive .brk-search__form [type=search]::-moz-placeholder {
            color: #272727;
            opacity: 1
        }

        .brk-header_scroll .brk-search_interactive .brk-search__form [type=search]:-ms-input-placeholder, .brk-header_scroll .brk-search_interactive .brk-search__form [type=search]::-ms-input-placeholder {
            color: #272727;
            opacity: 1
        }

        .brk-header_scroll .brk-search_interactive .brk-search__form [type=search]::placeholder {
            color: #272727;
            opacity: 1
        }
}

.brk-header-mobile-wrap .brk-search__form [type=search] {
    background-color: #fff
}

.brk-search__form [type=submit] {
    position: absolute;
    top: 0;
    right: 18px;
    display: block;
    width: 32px;
    height: 100%;
    background-color: transparent
}

[dir=rtl] .brk-search__form [type=submit] {
    right: auto;
    left: 18px
}

@media (min-width:992px) {
    .brk-search_interactive .brk-search__form [type=submit] {
        right: auto;
        left: 0
    }

    [dir=rtl] .brk-search_interactive .brk-search__form [type=submit] {
        right: 0;
        left: auto
    }
}

.brk-search__form [type=submit] i {
    font-size: 1rem;
    color: var(--brand-primary)
}

.brk-header_style-2 .brk-search__form [type=submit] i {
    color: var(--brk-base-6)
}

@media (min-width:992px) {
    .brk-search_interactive .brk-search__form [type=submit] i {
        font-size: 1.5rem;
        color: #fff
    }

    .brk-header_style-2 .brk-search_interactive .brk-search__form [type=submit] i {
        color: #fff
    }

    .brk-header_scroll .brk-search_interactive .brk-search__form [type=submit] i {
        color: #272727
    }
}

.brk-info-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 380px;
    transform: translateX(100%);
    height: 100vh;
    transition: \transform .3s;
    border-top: 3px solid var(--brand-primary);
    overflow: hidden;
    box-shadow: -1px 0 5px 0 rgba(50,50,50,.3);
    z-index: 105
}

[dir=rtl] .brk-info-menu {
    right: auto;
    left: 0;
    transform: translateX(-100%)
}

.brk-info-menu.active {
    transform: translateX(0)
}

.brk-info-menu__bar {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 0 20px
}

.brk-info-menu__bar, .brk-info-menu__header {
    background-color: #fff
}

[dir=rtl] .brk-info-menu__header {
    padding-left: 0;
    padding-right: 28px;
    text-align: right
}

.brk-info-menu .brk-sidebar__title, .brk-info-menu__header {
    height: 73px;
    position: relative;
    text-align: left;
    border-bottom: 1px solid #ebebeb;
    padding: 25px 15px 25px 20px;
    margin: 0 -20px
}

.brk-info-menu__close {
    width: 71px;
    height: 73px;
    background-color: #f9f9f9;
    box-shadow: inset 2px 1px 10px rgba(0,0,0,.04);
    position: absolute;
    top: 0;
    right: 0;
    font-size: .875rem;
    z-index: 10
}

    .brk-info-menu__close:after, .brk-info-menu__close:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14px;
        height: 2px;
        transform-origin: center center;
        background-color: var(--brand-primary);
        transition: width .3s
    }

    .brk-info-menu__close:before {
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .brk-info-menu__close:after {
        transform: translate(-50%,-50%) rotate(-45deg)
    }

[dir=rtl] .brk-info-menu__close {
    right: auto;
    left: 0
}

.brk-info-menu__close:hover:after, .brk-info-menu__close:hover:before {
    width: 16px
}

.brk-info-menu-open {
    position: relative;
    cursor: pointer;
    display: inline-block
}

@media (min-width:992px) {
    .brk-info-menu-open {
        height: 100%;
        margin: 0 5px;
        width: 30px
    }

    .brk-header_vertical .brk-info-menu-open {
        width: 68px;
        height: 68px;
        margin: 0
    }

    .brk-info-menu-open_skin-1 span {
        width: 12px
    }

        .brk-info-menu-open_skin-1 span:before {
            width: 100%;
            height: 100%;
            top: -4px;
            left: 0
        }

        .brk-info-menu-open_skin-1 span:after {
            width: 100%;
            height: 100%;
            bottom: -4px;
            left: 0
        }

    .brk-info-menu-open_skin-2 span {
        width: 16px
    }

        .brk-info-menu-open_skin-2 span:before {
            width: 100%;
            height: 100%;
            top: -6px;
            left: 0
        }

        .brk-info-menu-open_skin-2 span:after {
            width: 100%;
            height: 100%;
            bottom: -6px;
            left: 0
        }

    .brk-info-menu-open_skin-3 span, .brk-info-menu-open_skin-4 span, .brk-info-menu-open_skin-5 span {
        width: 22px
    }

        .brk-info-menu-open_skin-3 span:before {
            width: 100%;
            height: 100%;
            top: -7px;
            left: 0
        }

        .brk-info-menu-open_skin-3 span:after {
            width: calc(100% - 5px);
            height: 100%;
            bottom: -7px;
            right: 0
        }

    .brk-info-menu-open_skin-3.open-active span:after, .brk-info-menu-open_skin-4.open-active span:after, .brk-info-menu-open_skin-4.open-active span:before {
        width: 100%
    }

    .brk-info-menu-open_skin-4 span:before {
        width: calc(100% - 5px);
        height: 100%;
        top: -7px;
        right: 0
    }

    .brk-info-menu-open_skin-4 span:after {
        width: calc(100% - 5px);
        height: 100%;
        bottom: -7px;
        right: 0
    }

    .brk-info-menu-open_skin-5 span:before {
        width: 100%;
        height: 100%;
        top: -6px;
        left: 0
    }

    .brk-info-menu-open_skin-5 span:after {
        width: 100%;
        height: 100%;
        bottom: -6px;
        left: 0
    }
}

.brk-header-mobile-wrap .brk-info-menu-open {
    width: 100%;
    padding: 0;
    height: auto
}

.brk-info-menu-open .brk-lines {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 2px;
    transition: background 0s .3s
}

.brk-header-mobile-wrap .brk-info-menu-open .brk-lines {
    width: 16px;
    top: 50%;
    left: 30px;
    transform: translateY(-50%)
}

.brk-info-menu-open .brk-lines .brk-center-line, .brk-latest-post__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:992px) {
    .brk-header_color-white .brk-info-menu-open .brk-lines .brk-center-line {
        background: #fff
    }
}

.brk-header_color-dark .brk-info-menu-open .brk-lines .brk-center-line, .brk-header_scroll .brk-info-menu-open .brk-lines .brk-center-line {
    background: #272727
}

.brk-header-mobile-wrap .brk-info-menu-open .brk-lines .brk-center-line {
    background: #b6b6b6
}

.brk-info-menu-open .brk-lines:after, .brk-info-menu-open .brk-lines:before {
    content: '';
    position: absolute;
    transition-duration: .3s,.3s;
    transition-delay: .3s,0s;
    transform: rotate(0deg);
    background: inherit
}

@media (min-width:992px) {
    .brk-header_color-white .brk-info-menu-open .brk-lines:after, .brk-header_color-white .brk-info-menu-open .brk-lines:before {
        background: #fff
    }
}

.brk-header_color-dark .brk-info-menu-open .brk-lines:after, .brk-header_color-dark .brk-info-menu-open .brk-lines:before, .brk-header_scroll .brk-info-menu-open .brk-lines.brk-info-menu-open_white .brk-center-line, .brk-header_scroll .brk-info-menu-open .brk-lines.brk-info-menu-open_white:after, .brk-header_scroll .brk-info-menu-open .brk-lines.brk-info-menu-open_white:before, .brk-header_scroll .brk-info-menu-open .brk-lines:after, .brk-header_scroll .brk-info-menu-open .brk-lines:before {
    background: #272727
}

.brk-header-mobile-wrap .brk-info-menu-open .brk-lines:after, .brk-header-mobile-wrap .brk-info-menu-open .brk-lines:before {
    width: 100%;
    height: 100%;
    background: #b6b6b6
}

.brk-info-menu-open .brk-lines:before {
    transition-property: top,\transform
}

.brk-header-mobile-wrap .brk-info-menu-open .brk-lines:before {
    top: -4px
}

.brk-info-menu-open .brk-lines:after {
    transition-property: bottom,\transform
}

.brk-header-mobile-wrap .brk-info-menu-open .brk-lines:after {
    bottom: -4px
}

@media (min-width:992px) {
    .brk-info-menu-open .brk-lines.brk-info-menu-open_white .brk-center-line, .brk-info-menu-open .brk-lines.brk-info-menu-open_white:after, .brk-info-menu-open .brk-lines.brk-info-menu-open_white:before {
        background: #fff
    }
}

.brk-info-menu-open.open-active span .brk-center-line {
    background: 0 0 !important
}

.brk-info-menu-open.open-active span:after, .brk-info-menu-open.open-active span:before {
    transition-delay: 0s,.3s
}

.brk-info-menu-open.open-active span:before {
    top: 0 !important;
    transform: rotate(45deg)
}

.brk-info-menu-open.open-active span:after {
    bottom: 0 !important;
    transform: rotate(-45deg)
}

.brk-info-menu-open__title {
    font-size: 1rem;
    color: #272727;
    display: inline-block;
    font-weight: 700;
    padding-left: 60px;
    line-height: 42px
}

@media (min-width:992px) {
    .brk-info-menu-open__title {
        display: none
    }
}

.brk-quantity {
    width: 100px;
    height: 48px;
    border-radius: 24px;
    display: flex;
    overflow: hidden;
    background-color: #fff;
    border: 2px solid rgba(227,227,227,.2)
}

.brk-header_style-2 .brk-quantity {
    background-color: transparent
}

.brk-quantity__arrows {
    width: 33.33333%;
    display: block;
    cursor: pointer;
    position: relative
}

    .brk-quantity__arrows:before {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        font-size: .875rem;
        font-weight: 600;
        color: #aaacb0
    }

    .brk-quantity__arrows.minus:before {
        content: '-';
        right: 5px
    }

[dir=rtl] .brk-quantity__arrows.minus:before {
    right: auto;
    left: 5px
}

.brk-quantity__arrows.plus:before {
    content: '+';
    left: 5px
}

[dir=rtl] .brk-quantity__arrows.plus:before {
    left: auto;
    right: 5px
}

.brk-quantity__value {
    width: 33.33333%;
    display: block;
    font-weight: 600;
    text-align: center;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    background: 0 0;
    color: #272727;
    padding: 0;
    line-height: 48;
    font-size: 14px
}

.list-inline-7 {
    background-color: #fff;
    padding: 6px 0
}

    .list-inline-7 li {
        display: block;
        padding: 0 !important
    }

        .list-inline-7 li a {
            display: block;
            line-height: 44px;
            padding: 0 25px;
            text-align: left;
            position: relative;
            color: #9f9f9f
        }

            .list-inline-7 li a:hover {
                background-color: var(--brand-primary);
                color: #fff;
                box-shadow: inset 0 0 5px rgba(0,0,0,.01)
            }

        .list-inline-7 li > ul {
            padding-left: 20px
        }

.list-inline-7__before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 40px;
    height: 20px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 0 1px #ececec;
    line-height: 18px;
    text-align: center;
    color: var(--brand-primary);
    font-size: .875rem;
    font-weight: 600
}

    .brk-search__form [type=submit] i, .list-inline-7__before i {
        position: absolute;
        vertical-align: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.brk-header-list {
    text-align: left
}

[dir=rtl] .brk-header-list {
    text-align: right
}

.brk-header_style-1 .brk-header-list {
    font-size: .875rem
}

.brk-header_style-2 .brk-header-list, .brk-header_style-3 .brk-header-list {
    font-size: .75rem
}

.brk-header-list li {
    display: block
}

.brk-header_style-1 .brk-header-list li {
    position: relative;
    z-index: 9
}

.brk-header-list a {
    display: block;
    position: relative;
    transition: color .3s
}

.brk-header_style-1 .brk-header-list a {
    line-height: 28px;
    padding: 10px 0 10px 30px
}

[dir=rtl] .brk-header_style-1 .brk-header-list a {
    padding: 10px 25px 10px 0
}

.brk-header_style-2 .brk-header-list a, .brk-header_style-3 .brk-header-list a {
    line-height: 21px;
    padding: 7px 0 7px 30px;
    color: #666
}

[dir=rtl] .brk-header_style-2 .brk-header-list a, [dir=rtl] .brk-header_style-3 .brk-header-list a {
    padding: 7px 30px 7px 0
}

.brk-header_style-1 .brk-header-list a:hover {
    color: #000
}

    .brk-header_style-1 .brk-header-list a:hover:before {
        opacity: 1
    }

    .brk-header_style-1 .brk-header-list a:hover i {
        color: var(--brand-primary)
    }

.brk-header_style-2 .brk-header-list a:hover, .brk-header_style-2 .brk-header-list a:hover i, .brk-header_style-3 .brk-header-list a:hover, .brk-header_style-3 .brk-header-list a:hover i {
    color: var(--brk-base-6)
}

    .brk-header_style-2 .brk-header-list a:hover:before, .brk-header_style-3 .brk-header-list a:hover:before {
        width: 2px
    }

.brk-header-list a:before {
    content: '';
    position: absolute
}

.brk-header_style-1 .brk-header-list a:before {
    left: -5px;
    right: -5px;
    top: 0;
    bottom: 0;
    z-index: -1;
    transition: opacity .3s;
    opacity: 0;
    background-color: #f3f7ff;
    box-shadow: 0 2px 5px rgba(0,0,0,.16)
}

.brk-header_style-2 .brk-header-list a:before, .brk-header_style-3 .brk-header-list a:before {
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--brk-base-6)
}

[dir=rtl] .accordion-image .card-header h5 i, [dir=rtl] .accordion-slider .card-header h5 i, [dir=rtl] .app-dot-line.left > .dot > .line, [dir=rtl] .brk-header_style-2 .brk-header-list a:before, [dir=rtl] .brk-header_style-3 .brk-header-list a:before {
    left: auto;
    right: 0
}

.brk-header_style-2 .brk-header-list a i {
    color: rgba(0,0,0,.25)
}

.brk-header-list__icon {
    display: inline-block
}

    .brk-header-list__icon i {
        vertical-align: 0;
        transition: color .3s;
        margin-right: 5px
    }

.brk-header_style-1 .brk-header-list__icon {
    width: 20px;
    text-align: center;
    margin-right: 18px
}

[dir=rtl] .brk-header_style-1 .brk-header-list__icon {
    margin-right: 0;
    margin-left: 18px
}

.brk-header_style-1 .brk-header-list__icon i {
    color: #c1c1c1
}

.brk-header_style-2 .brk-header-list__icon, .brk-header_style-3 .brk-header-list__icon {
    width: 18px;
    text-align: center;
    margin-right: 8px
}

[dir=rtl] .brk-header_style-2 .brk-header-list__icon, [dir=rtl] .brk-header_style-3 .brk-header-list__icon {
    margin-right: 0;
    margin-left: 8px
}

.brk-header_style-1 .brk-header-list__info {
    height: 20px;
    border-radius: 10px;
    text-align: center;
    font-size: .625rem;
    line-height: 21px;
    font-weight: 700;
    display: inline-block;
    margin: 5px 0 0 12px;
    padding: 0 12px;
    color: #fff
}

[dir=rtl] .brk-header_style-1 .brk-header-list__info {
    margin: 5px 12px 0 0
}

.brk-header_style-2 .brk-header-list__info, .brk-header_style-3 .brk-header-list__info {
    height: 14px;
    border-radius: 7px;
    text-align: center;
    font-size: .5rem;
    line-height: 14px;
    display: inline-block;
    margin: 4px 0 0 12px;
    padding: 0 6px;
    text-transform: uppercase;
    color: #fff
}

[dir=rtl] .brk-header_style-2 .brk-header-list__info, [dir=rtl] .brk-header_style-3 .brk-header-list__info {
    margin: 11px 12px 0 0
}

.brk-latest-post {
    padding: 10px 20px;
    display: flex
}

.brk-latest-post__img {
    width: 80px;
    height: 80px;
    position: relative;
    overflow: hidden
}

    .brk-latest-post__img img {
        height: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.brk-latest-post__contents {
    padding-left: 24px;
    padding-top: 21px;
    text-align: left
}

.brk-latest-post__info {
    padding-top: 8px;
    color: #9f9f9f
}

.brk-latest-post__info--date, .brk-latest-post__info--like {
    display: inline-block;
    line-height: 18px
}

.brk-latest-post__info--date {
    margin-left: 12px
}

.brk-latest-post__info i, .brk-post-brick__info i {
    vertical-align: 0;
    margin-right: 4px
}

.brk-element-base {
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.brk-element-base_h100-76 {
    height: calc(100% - 76px)
}

.brk-element-base__before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: linear-gradient(50deg,rgba(var(--brk-base-6-rgb),.6),rgba(var(--brk-base-2-rgb),.6))
}

    .brk-element-base__before:after, .brk-element-base__before:before {
        content: '';
        position: absolute;
        border: 5px solid rgba(255,255,255,.1)
    }

    .brk-element-base__before:before {
        top: 40px;
        right: 40px;
        bottom: 40px;
        left: 40px
    }

    .brk-element-base__before:after {
        top: 58px;
        right: 58px;
        bottom: 58px;
        left: 58px
    }

.brk-element-base__after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: no-repeat center center
}

.brk-element-base__content {
    position: relative;
    z-index: 3
}

.brk-post-brick {
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.brk-post-brick_min {
    height: 225px
}

.brk-post-brick_full {
    height: 450px
}

.brk-post-brick__content {
    position: absolute;
    left: 40px;
    bottom: 32px;
    text-align: left;
    z-index: 2
}

.brk-post-brick__info {
    padding-top: 8px;
    color: rgba(255,255,255,.6)
}

.brk-post-brick__info--date, .brk-post-brick__info--like {
    display: inline-block;
    line-height: 18px
}

.brk-post-brick__info--date {
    margin-left: 12px
}

.brk-header-slider {
    padding-bottom: 60px
}

.brk-header-slider__img {
    margin-bottom: 25px;
    box-shadow: 0 6px 10px rgba(0,0,0,.2)
}

    .brk-header-slider__img img {
        width: 100%;
        height: auto
    }

.brk-header-slider__content {
    display: flex;
    align-items: center
}

.brk-header-slider__content--title {
    padding-left: 15px
}

    .accordion .card p, .brk-header-slider__content--title span {
        color: #9f9f9f
    }

.brk-header-slider__text {
    color: #9f9f9f;
    margin-top: 17px
}

.brk-header-popup-menu {
    height: 100%
}

.brk-header-popup-menu__open-close {
    height: inherit;
    text-transform: uppercase;
    cursor: pointer;
    display: none;
    align-items: center
}

@media (min-width:992px) {
    .brk-header-popup-menu__open-close {
        display: inline-flex
    }
}

.brk-header_color-white .brk-header-popup-menu__open-close {
    color: #fff
}

.brk-header_color-dark .brk-header-popup-menu__open-close {
    color: #272727
}

@media (min-width:992px) {
    .brk-header_scroll .brk-header__main-bar .brk-header-popup-menu__open-close {
        color: #272727
    }
}

.brk-header-popup-menu__open-close .brk-close, .brk-header-popup-menu__open-close.is-active .brk-open {
    display: none
}

.brk-header-popup-menu__open-close.is-active .brk-close {
    display: block
}

.brk-header-popup-menu__open-close i {
    vertical-align: text-top;
    margin-right: 10px;
    position: relative;
    top: 2px
}

.brk-header-popup-menu__menu {
    padding-bottom: 30px
}

@media (min-width:992px) {
    .brk-header-popup-menu__menu {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        padding-bottom: 0;
        z-index: 9
    }
}

@media (max-width:991px) {
    .brk-header-popup-menu__menu {
        display: block !important
    }
}

@media (min-width:992px) {
    .brk-header-popup-menu__menu ul li {
        padding: 16px 0
    }

    .brk-header-popup-menu__menu ul a {
        display: inline-block;
        position: relative;
        font-size: 3.5rem;
        line-height: 64px;
        color: #fff
    }

        .brk-header-popup-menu__menu ul a:after, .brk-header-popup-menu__menu ul a:before {
            content: '';
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background-color: #fff;
            transition: width .3s
        }

        .brk-header-popup-menu__menu ul a:before {
            bottom: 0
        }

        .brk-header-popup-menu__menu ul a:after {
            top: 0
        }

        .brk-header-popup-menu__menu ul a:hover:after, .brk-header-popup-menu__menu ul a:hover:before {
            width: 100%
        }
}

@media (max-width:991px) {
    .brk-header-popup-menu__menu ul a {
        display: block;
        color: #000;
        font-size: 1rem;
        font-weight: 700;
        line-height: 60px;
        padding: 0 7px 0 25px;
        text-transform: uppercase;
        transition: background-color .3s
    }

        .brk-header-popup-menu__menu ul a:hover {
            background-color: #fff
        }
}

.brk-header-popup-menu__menu li > ul {
    position: absolute;
    left: calc(100% + 50px);
    top: 50%;
    transform: translateY(-50%);
    max-width: 0;
    overflow: hidden;
    transition: max-width .5s
}

@media screen and (min-width:991px) {
    .brk-header-popup-menu__menu li > ul a {
        white-space: nowrap;
        font-size: 2em;
        line-height: 40px
    }
}

@media screen and (max-width:992px) {
    .brk-header-popup-menu__menu li > ul {
        position: static;
        max-width: none;
        transform: none;
        padding-left: 30px
    }
}

.brk-header-popup-menu__menu li:hover > ul {
    max-width: 1000px
}

.brk-header-popup-menu-layer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0,0,0,.92)
}

.brk-totop {
    cursor: pointer;
    position: relative
}

@media (min-width:992px) {
    .brk-header_color-white .brk-totop {
        color: #fff
    }

    .brk-header_color-dark .brk-totop, .brk-header_scroll .brk-totop {
        color: #272727
    }

    .brk-header_vertical .brk-totop {
        width: 68px;
        height: 68px;
        transform: rotate(90deg)
    }
}

@media (max-width:991px) {
    .brk-totop {
        display: none
    }
}

.brk-totop i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    vertical-align: 0;
    font-size: 1.5rem
}

.brk-header_scroll .btn-prime_header {
    color: var(--brand-primary)
}

.brk-header-mobile {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 78px;
    z-index: 100;
    border-bottom: 1px solid rgba(255,255,255,.1);
    transition-property: border-bottom,background-color;
    transition-duration: .3s
}

.brk-header-mobile_scroll {
    border-bottom: 1px solid rgba(0,0,0,.1);
    background-color: #fff
}

    .brk-header-mobile_scroll:before {
        background: #272727 !important
    }

    .brk-header-mobile_scroll .brk-header-mobile__open {
        --bc: #000
    }

    .brk-header-mobile_scroll .brk-header-mobile__logo-1 {
        display: none
    }

    .brk-header-mobile_scroll .brk-header-mobile__logo-2 {
        display: inline-block
    }

.admin-bar .brk-header-mobile {
    top: 32px
}

@media (min-width:992px) {
    .brk-header-mobile {
        display: none
    }
}

.brk-header-mobile:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    transition: background .3s;
    background: linear-gradient(to right,var(--brk-base-6),var(--brk-secondary-6))
}

.brk-header-mobile__open {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    width: 22px;
    height: 18px;
    cursor: pointer;
    --bc: #000
}

.brk-header-mobile__open_white {
    --bc: #fff
}

@media (max-width:375px) {
    .brk-header-mobile__open {
        left: 15px
    }
}

.brk-header-mobile__open span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 2px;
    background-color: var(--bc)
}

    .brk-header-mobile__open span:after, .brk-header-mobile__open span:before {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        transition-duration: .3s;
        background-color: inherit
    }

    .brk-header-mobile__open span:before {
        transition-property: top;
        top: -7px
    }

    .brk-header-mobile__open span:after {
        transition-property: bottom;
        bottom: -7px
    }

.brk-header-mobile__open:hover span:before {
    top: -10px
}

.brk-header-mobile__open:hover span:after {
    bottom: -10px
}

.brk-header-mobile__logo {
    display: block;
    text-align: center;
    line-height: 78px;
    padding: 0 60px
}

@media (max-width:375px) {
    .brk-header-mobile__logo {
        padding-right: 15px;
        padding-left: 45px
    }
}

.brk-header-mobile-wrap__logo img, .brk-header-mobile__logo img {
    vertical-align: middle
}

.brk-header-mobile__logo-1 {
    display: inline-block
}

.brk-header-mobile__logo-2 {
    display: none
}

.brk-header-mobile-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: -100%;
    overflow-y: auto;
    overflow-x: hidden;
    transition: left .5s;
    width: calc(100% - 60px);
    max-width: 500px;
    background: no-repeat center center;
    background-size: cover;
    box-shadow: 6px 0 12px rgba(0,0,0,.75);
    z-index: 102
}

.brk-header-mobile-wrap__body {
    position: relative;
    min-height: 100%
}

.brk-header-mobile-wrap .brk-before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(255,255,255,.92)
}

@media (max-width:575px) {
    .brk-header-mobile-wrap {
        width: calc(100% - 40px)
    }
}

@media (max-width:413px) {
    .brk-header-mobile-wrap {
        width: calc(100% - 20px)
    }
}

.brk-header-mobile-wrap.is-active {
    left: 0
}

.brk-header-mobile-wrap-layer {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity,visibility;
    transition-duration: .3s;
    z-index: 101;
    background-color: rgba(0,0,0,.6)
}

    .brk-header-mobile-wrap-layer.is-active {
        opacity: 1;
        visibility: visible
    }

.brk-header-mobile-wrap__header {
    position: relative;
    height: 78px;
    padding: 0 60px 0 25px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    z-index: 2
}

    .brk-header-mobile-wrap__header:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-image: linear-gradient(to right,var(--brk-base-6),var(--brk-secondary-6))
    }

.brk-header-mobile-wrap__logo {
    line-height: 78px
}

.brk-header-mobile-wrap__close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    width: 22px;
    height: 22px;
    cursor: pointer
}

    .brk-header-mobile-wrap__close:after, .brk-header-mobile-wrap__close:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 2px;
        background-color: #000;
        transition: width .3s;
        transform-origin: center center
    }

    .brk-header-mobile-wrap__close:before {
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .brk-header-mobile-wrap__close:after {
        transform: translate(-50%,-50%) rotate(-45deg)
    }

    .brk-header-mobile-wrap__close:hover:after, .brk-header-mobile-wrap__close:hover:before {
        width: calc(100% + 4px)
    }

.brk-header-mobile-wrap .brk-header {
    position: relative !important;
    top: auto;
    left: auto;
    right: auto;
    background-color: transparent;
    display: block;
    padding-bottom: 15px;
    z-index: 2
}

.brk-header-mobile-wrap .brk-header__element {
    font-size: 1rem;
    color: #000;
    display: block;
    font-weight: 700;
    position: relative;
    text-transform: capitalize;
    letter-spacing: normal;
    padding-left: 10px
}

.brk-header-mobile-wrap .brk-header__element--wrap {
    line-height: 24px;
    padding: 9px 18px
}

.brk-header-mobile-wrap .brk-header__element--label {
    color: #000;
    padding-left: 30px
}

.brk-header-mobile-wrap .brk-header__element i {
    color: #b6b6b6
}

.brk-header_style-1 .brk-header-mobile-wrap .brk-header__element a:hover {
    color: #000;
    background-color: transparent
}

.brk-header-mobile-wrap .brk-header__compare {
    background-color: var(--brand-primary) !important;
    height: 24px;
    line-height: 24px;
    padding: 0 8px !important;
    margin-left: 0;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    margin-top: 0 !important;
    color: #fff !important
}

.brk-header {
    top: 0;
    left: 0;
    right: var(--mr, 0);
    z-index: 100;
    background-color: transparent;
    transition-property: top,\transform;
    transition-duration: .4s;
    transition-delay: .2s;
    position: fixed
}

@media (min-width:1230px) {
    .brk-boxed .brk-header {
        width: 100%;
        max-width: 1230px;
        left: 50%;
        right: auto;
        transform: translateX(-50%)
    }
}

.brk-header_not-fixed {
    position: static
}

.admin-bar .brk-header {
    top: 32px
}

@media (min-width:992px) {
    .brk-header_sticky-hide {
        transform: translateY(-100%) !important;
        top: 0 !important
    }
}

@media (min-width:1230px) {
    .brk-boxed .brk-header_sticky-hide {
        transform: translate(-50%,-100%) !important
    }
}

@media (min-width:992px) {
    .brk-header_vertical .brk-header__main-bar {
        width: 100vh;
        transform-origin: left top;
        transform: rotate(-90deg) translateX(-100%)
    }

    [dir=rtl] .brk-header_vertical .brk-header__main-bar {
        transform-origin: right top;
        transform: rotate(-90deg) translateY(-100%)
    }

    .brk-header_vertical .brk-header__item:not(.brk-nav) {
        transform: rotate(90deg)
    }

    .brk-header_vertical .brk-header__logo {
        width: 68px;
        height: 68px;
        line-height: 68px
    }

        .brk-header_vertical .brk-header__logo img {
            vertical-align: middle
        }

    .brk-header_vertical:before {
        display: none
    }

    .brk-header.brk-header_popup.brk-header_scroll .brk-header__main-bar {
        background-color: #fff
    }

    .brk-header.brk-header_popup .brk-header__main-bar {
        border-top: 0 solid transparent;
        background-color: rgba(38,38,38,.2)
    }

    .brk-header.brk-header_scroll .brk-header__top-bar:not(.top-bar-bg) {
        background: #fff !important;
        border-bottom: 1px solid #f0f0f0
    }

    .brk-header.brk-header_scroll .brk-header__main-bar:not(.top-bar-bg) {
        background: #fff !important
    }
}

@media (max-width:991px) {
    .brk-header {
        display: none
    }
}

.brk-header [class*=col-] {
    position: static
}

.brk-header.top-bar-active {
    top: 0 !important
}

.admin-bar .brk-header.top-bar-active {
    top: 32px !important
}

@media (min-width:992px) {
    .brk-header__top-bar {
        border-bottom: 1px solid transparent
    }

        .brk-header__top-bar .container, .brk-header__top-bar .container-fluid {
            height: 100%
        }

        .brk-header__top-bar .row {
            height: inherit
        }
}

@media (max-width:991px) {
    .brk-header__top-bar {
        background: 0 0 !important
    }
}

.brk-header-mobile-wrap .brk-header__top-bar {
    padding: 0;
    background: 0 0;
    height: auto !important
}

    .brk-header-mobile-wrap .brk-header__top-bar .container, .brk-header-mobile-wrap .brk-header__top-bar .container-fluid {
        padding: 0
    }

    .brk-header-mobile-wrap .brk-header__top-bar .row {
        margin-left: 0;
        margin-right: 0
    }

    .brk-header-mobile-wrap .brk-header__top-bar .col, .brk-header-mobile-wrap .brk-header__top-bar [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.brk-header__main-bar {
    position: relative;
    transition: height .3s
}

@media (min-width:992px) {
    .brk-header_style-3 .brk-header__main-bar {
        width: 100%;
        max-width: 1220px;
        background-color: #fff;
        margin-left: auto;
        margin-right: auto
    }

    .brk-header__main-bar .container, .brk-header__main-bar .container-fluid {
        height: 100%;
        border-radius: 5px
    }

    .brk-header_scroll .brk-header__main-bar .container, .brk-header_scroll .brk-header__main-bar .container-fluid {
        background-color: transparent !important
    }

    .brk-header__main-bar .row {
        height: inherit
    }

    .brk-header_scroll .brk-header__main-bar, .brk-header_scroll.brk-header_style-3 .brk-header__main-bar {
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    .brk-header_scroll.brk-header_style-3 .brk-header__main-bar {
        border-left: 1px solid rgba(0,0,0,.1);
        border-right: 1px solid rgba(0,0,0,.1)
    }

    .brk-header_vertical .brk-header__main-bar {
        height: 100%
    }
}

@media (max-width:991px) {
    .brk-header__main-bar {
        background: 0 0 !important;
        width: 100% !important
    }

        .brk-header__main-bar .container {
            background-color: transparent !important
        }
}

.brk-header-mobile-wrap .brk-header__main-bar {
    padding: 0;
    background: 0 0 !important;
    height: auto !important
}

    .brk-header-mobile-wrap .brk-header__main-bar .container, .brk-header-mobile-wrap .brk-header__main-bar .container-fluid {
        padding: 0
    }

    .brk-header-mobile-wrap .brk-header__main-bar .row {
        margin-left: 0;
        margin-right: 0
    }

    .brk-header-mobile-wrap .brk-header__main-bar .col, .brk-header-mobile-wrap .brk-header__main-bar [class*=col-] {
        padding-right: 0;
        padding-left: 0
    }

.brk-header__logo {
    display: inline-block
}

.brk-header__logo-1 {
    display: block
}

.brk-header__logo-2, .brk-header_scroll .brk-header__logo-1, .brk-header_scroll.brk-header_vertical .brk-header__logo-1 {
    display: none
}

.brk-header_scroll.brk-header_vertical .brk-header__logo-2, .brk-header_vertical .brk-header__logo-1 {
    display: inline-block
}

.brk-header_scroll .brk-header__logo-2 {
    display: block
}

.brk-header_border-right {
    border-right: 1px solid #ebebeb
}

@media (min-width:992px) {
    .brk-header_border-top {
        border-top: 1px solid rgba(255,255,255,.1)
    }

    .brk-header_scroll .brk-header_border-top {
        border-top: 1px solid rgba(0,0,0,.1)
    }

    .brk-header_border-top-20, [dir=rtl] .brk-header_vertical .brk-header_border-bottom-20 {
        border-top: 1px solid rgba(255,255,255,.2)
    }

    .brk-header_scroll .brk-header_border-top-20 {
        border-top: 1px solid rgba(0,0,0,.2)
    }

    .brk-header_border-top-50 {
        border-top: 1px solid rgba(255,255,255,.5)
    }

    .brk-header_scroll .brk-header_border-top-50 {
        border-top: 1px solid rgba(0,0,0,.5)
    }

    .brk-header_border-top-70 {
        border-top: 1px solid rgba(255,255,255,.7)
    }

    .brk-header_scroll .brk-header_border-top-70 {
        border-top: 1px solid rgba(0,0,0,.7)
    }

    .brk-header_border-bottom {
        border-bottom: 1px solid rgba(255,255,255,.1)
    }

    .brk-header_scroll .brk-header_border-bottom {
        border-bottom: 1px solid rgba(0,0,0,.1)
    }

    .brk-header_border-bottom-20 {
        border-bottom: 1px solid rgba(255,255,255,.2)
    }

    .brk-header_scroll .brk-header_border-bottom-20 {
        border-bottom: 1px solid rgba(0,0,0,.2)
    }

    .brk-header_border-bottom-50 {
        border-bottom: 1px solid rgba(255,255,255,.5)
    }

    .brk-header_scroll .brk-header_border-bottom-50 {
        border-bottom: 1px solid rgba(0,0,0,.5)
    }

    .brk-header_border-bottom-70 {
        border-bottom: 1px solid rgba(255,255,255,.7)
    }

    .brk-header_scroll .brk-header_border-bottom-70 {
        border-bottom: 1px solid rgba(0,0,0,.7)
    }

    .brk-header_border-top-dark, .brk-header_scroll .brk-header_border-top-dark {
        border-top: 1px solid rgba(0,0,0,.1)
    }

    .brk-header_border-right-20 {
        border-right: 1px solid rgba(255,255,255,.2)
    }

    .brk-header_scroll .brk-header_border-right-20 {
        border-right: 1px solid rgba(0,0,0,.2)
    }

    .brk-header_border-left-20 {
        border-left: 1px solid rgba(255,255,255,.2)
    }

    .brk-header_scroll .brk-header_border-left-20 {
        border-left: 1px solid rgba(0,0,0,.2)
    }
}

.brk-header__title {
    height: 72px;
    line-height: 72px;
    background-color: #fff;
    box-shadow: inset 0 -2px var(--brk-secondary-3);
    color: #272727;
    padding: 0 15px 0 25px;
    text-transform: uppercase;
    margin: 20px 0;
    font-size: 1.1875rem
}

@media (min-width:992px) {
    .brk-header__title {
        display: none
    }
}

.brk-header__element {
    display: inline-block;
    position: relative;
    height: 100%
}

@media (min-width:992px) {
    .brk-header__element_skin-1 .brk-header__element--wrap {
        padding: 0 18px
    }

    .brk-header__element_skin-1 .brk-header__element--label, .brk-header__element_skin-1 i {
        font-size: .875rem
    }

    .brk-header__element_skin-2 i {
        font-size: .6875rem;
        opacity: .5;
        top: 50% !important
    }

    .brk-header__element_skin-2 .brk-header__element--wrap {
        padding: 0 9px
    }

    .brk-header__element_skin-2 .brk-header__element--label {
        text-transform: uppercase;
        font-size: .625rem;
        letter-spacing: .04em;
        opacity: .8
    }

    .brk-header__element_skin-3 i {
        font-size: .9375rem;
        opacity: .7;
        top: 4px !important;
        transform: none !important
    }

    .brk-header__element_skin-3 .brk-header__element--wrap {
        padding: 0 14px
    }

    .brk-header__element_skin-3 .brk-header__element--label {
        font-size: .8125rem;
        line-height: 22px;
        opacity: .8
    }

    .brk-header__element_skin-4 i {
        font-size: .6875rem;
        opacity: .5;
        left: 12px !important;
        top: 50% !important
    }

    .brk-header__element_skin-4 .brk-header__element--wrap {
        padding: 0 5px
    }

    .brk-header__element_skin-4 .brk-header__element--label {
        text-transform: uppercase;
        font-size: .75rem;
        letter-spacing: .04em;
        opacity: .8
    }

    .brk-header__element_label-mob-only .brk-header__element--label {
        display: none
    }
}

.brk-header_color-white .brk-header__element {
    color: #fff
}

.accordion .card h1, .accordion .card h2, .accordion .card h3, .accordion .card h4, .brk-header_color-dark .brk-header__element, .btn-inside-out_text-dark.btn-inside-out-invert.btn-icon [class*=fa-]:before {
    color: #272727
}

@media (min-width:992px) {
    .brk-header_scroll .brk-header__element {
        color: #272727 !important
    }
}

.brk-header__top-bar_color-white .brk-header__element, .brk-header_color-dark .brk-header__top-bar_color-white .brk-header__element {
    color: #fff
}

.brk-header__element i {
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    vertical-align: 0;
    color: inherit
}

@media (min-width:992px) {
    .brk-header__main-bar .brk-header__element i {
        position: static;
        transform: none
    }
}

[dir=rtl] .brk-header__element i {
    left: auto;
    right: 18px
}

.brk-header__element--wrap {
    display: flex;
    align-items: center;
    position: relative;
    height: inherit
}

.brk-header__element--label {
    display: inline-block;
    padding-left: 27px;
    color: inherit
}

@media (max-width:991px) {
    .brk-header__element--label {
        font-weight: 700
    }
}

.brk-header-mobile-wrap .brk-header__element--label {
    font-size: 1rem
}

[dir=rtl] .brk-header__element--label {
    padding-left: 0;
    padding-right: 27px
}

.brk-header__element a {
    position: relative
}

    .brk-header__element a:before {
        content: '';
        position: absolute;
        left: auto;
        right: 0;
        bottom: 0;
        width: 0;
        height: 3px;
        transition: width .3s;
        background-color: #fff
    }

@media (max-width:991px) {
    .brk-header__element a:before {
        display: none
    }
}

.brk-header_scroll .brk-header__element a:before {
    background-color: #f0f0f0
}

.brk-header__element a:hover {
    color: inherit
}

    .brk-header__element a:hover:before {
        left: 0;
        right: auto;
        width: 100%
    }

.brk-header__element a:focus {
    color: inherit
}

.brk-header__compare {
    display: inline-block;
    width: auto;
    height: 19px;
    border-radius: 12px;
    text-align: center;
    font-size: .75rem;
    font-weight: 600;
    line-height: 19px;
    margin-left: 12px;
    padding: 0 6px !important;
    box-shadow: 0 5px 16px rgba(0,0,0,.07)
}

[dir=rtl] .brk-header__compare {
    margin-left: 0;
    margin-right: 12px
}

.brk-header__compare_white {
    background-color: rgba(0,0,0,.2);
    color: #fff
}

.brk-header__compare_dark {
    background-color: rgba(255,255,255,.2)
}

.brk-header__compare_skin-1 {
    height: 16px;
    font-size: .625rem;
    font-weight: 500;
    line-height: 17px
}

@media (min-width:992px) {
    .brk-header__main-bar .brk-header__compare {
        position: absolute;
        top: 13%;
        right: 0;
        margin: 0
    }

    .brk-header_scroll .brk-header__compare {
        background-color: rgba(0,0,0,.12)
    }
}

.brk-header__btn {
    margin: 0 15px
}

@media (min-width:992px) {
    .brk-header__btn {
        margin: 0 !important;
        top: 50%;
        transform: translateY(-50%)
    }

    .brk-header__btn_white-border.btn-prime, .brk-header__btn_white.btn-prime {
        box-shadow: none
    }

        .brk-header__btn_white-border.btn-prime .border-btn, .brk-header__btn_white.btn-prime .border-btn {
            border: 2px solid #fff
        }

    .brk-header_scroll .brk-header__btn_white-border.btn-prime .border-btn, .brk-header_scroll .brk-header__btn_white.btn-prime .border-btn {
        border-color: #000
    }

    .brk-header__btn.btn-prime {
        background-color: transparent !important;
        color: #fff
    }

    .brk-header_scroll .brk-header__btn.btn-prime {
        color: inherit !important
    }

    .brk-header__btn.btn-prime:hover {
        color: #fff !important
    }

        .brk-header__btn.btn-prime:hover > .after, .brk-header__btn.btn-prime:hover > .before {
            background-color: var(--brand-primary) !important
        }

    .brk-header__btn.btn-inside-out {
        font-size: .6875rem
    }

        .brk-header__btn.btn-inside-out:not(:hover) {
            background-color: transparent
        }
}

.brk-header__btn_white {
    color: #000 !important
}

    .brk-header__btn_white .text {
        color: #fff
    }

    .brk-header__btn_white .after, .brk-header__btn_white .before, .brk-header__btn_white-border .after, .brk-header__btn_white-border .before {
        background-color: #fff !important;
        color: #000 !important
    }

@media (min-width:992px) {
    .brk-header_style-1 .brk-header_h-100 {
        height: calc(100% - 76px) !important
    }

    .brk-header_style-2 .brk-header_h-100, .brk-header_style-3 .brk-header_h-100 {
        height: calc(100% - 57px) !important
    }
}

.brk-open-top-bar {
    width: 25px;
    height: 100%;
    min-height: 26px;
    cursor: pointer;
    position: relative;
    margin-right: 10px
}

@media (max-width:991px) {
    .brk-open-top-bar {
        display: none
    }
}

.brk-open-top-bar.active .brk-open-top-bar__circle {
    border-radius: 2px;
    width: 2px
}

    .brk-open-top-bar.active .brk-open-top-bar__circle:nth-child(2) {
        opacity: 0
    }

    .brk-open-top-bar.active .brk-open-top-bar__circle:first-child {
        top: 50%;
        height: 18px;
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .brk-open-top-bar.active .brk-open-top-bar__circle:last-child {
        top: 50%;
        height: 18px;
        transform: translate(-50%,-50%) rotate(-45deg)
    }

.brk-open-top-bar__circle {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(0);
    transition: opacity .3s,top .3s,height .3s,transform .3s
}

.brk-header_color-dark .brk-open-top-bar__circle, .brk-header_scroll .brk-open-top-bar__circle {
    background-color: #272727
}

.brk-open-top-bar__circle:first-child {
    top: calc(50% - 5px)
}

.brk-open-top-bar__circle:last-child {
    top: calc(50% + 5px)
}

.top-bar-bg {
    background: #001629 !important
}

html.brk-preloader:after, html.brk-preloader:before {
    position: fixed !important
}

html.brk-preloader:before {
    transition-duration: 1s;
    z-index: 1002
}

html.brk-preloader:after {
    transition-duration: .5s;
    z-index: 1003;
    width: 60px;
    height: 60px;
    background: url(../../img/page-preloader.gif) no-repeat center center;
    background-size: contain
}

.brk-preloader {
    position: relative;
    overflow: hidden;
    height: 100vh
}

[data-x-mode=true] .brk-preloader {
    overflow: visible;
    height: auto
}

.brk-preloader.brk-preloader-remove {
    overflow: visible
}

    .brk-preloader.brk-preloader-remove:after, .brk-preloader.brk-preloader-remove:before {
        opacity: 0;
        visibility: hidden
    }

.brk-preloader:after, .brk-preloader:before {
    content: '';
    position: absolute;
    opacity: 1;
    visibility: visible
}

.brk-preloader:before {
    right: 0;
    bottom: 0;
    background-color: #fff;
    top: 0;
    left: 0;
    z-index: 1;
    transition-property: opacity,visibility
}

[data-x-mode=true] .brk-preloader:after, [data-x-mode=true] .brk-preloader:before {
    display: none
}

.brk-preloader:after {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 77px;
    height: 77px;
    background: url(../../img/preloader.gif) no-repeat center center;
    background-size: contain;
    transition-property: opacity;
    z-index: 2
}

.brk-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 99999;
    transition: all .3s
}

.brk-loader-remove {
    opacity: 0;
    visibility: hidden
}

.brk-loader__loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #2775ff;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

    .brk-loader__loader:after, .brk-loader__loader:before {
        content: "";
        position: absolute;
        border-radius: 50%;
        border: 3px solid transparent
    }

    .brk-loader__loader:before {
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-top-color: #7202bb;
        -webkit-animation: spin 3s linear infinite;
        animation: spin 3s linear infinite
    }

    .brk-loader__loader:after {
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-top-color: #b50aff;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite
    }

.show-flex {
    display: flex !important
}

.show-inline-block {
    display: inline-block !important
}

.show-block {
    display: block !important
}

.hide {
    display: none !important
}

@media (min-width:0) {
    .show-xs-block {
        display: block !important
    }

    .show-xs-inline-block {
        display: inline-block !important
    }

    .show-xs-inline {
        display: inline !important
    }

    .show-xs-flex {
        display: flex !important
    }

    .hide-xs {
        display: none !important
    }
}

@media (min-width:576px) {
    .show-sm-block {
        display: block !important
    }

    .show-sm-inline-block {
        display: inline-block !important
    }

    .show-sm-inline {
        display: inline !important
    }

    .show-sm-flex {
        display: flex !important
    }

    .hide-sm {
        display: none !important
    }
}

@media (min-width:768px) {
    .show-md-block {
        display: block !important
    }

    .show-md-inline-block {
        display: inline-block !important
    }

    .show-md-inline {
        display: inline !important
    }

    .show-md-flex {
        display: flex !important
    }

    .hide-md {
        display: none !important
    }
}

@media (min-width:992px) {
    .show-lg-block {
        display: block !important
    }

    .show-lg-inline-block {
        display: inline-block !important
    }

    .show-lg-inline {
        display: inline !important
    }

    .show-lg-flex {
        display: flex !important
    }

    .hide-lg {
        display: none !important
    }
}

@media (min-width:1230px) {
    .show-xl-block {
        display: block !important
    }

    .show-xl-inline-block {
        display: inline-block !important
    }

    .show-xl-inline {
        display: inline !important
    }

    .show-xl-flex {
        display: flex !important
    }

    .hide-xl {
        display: none !important
    }
}

.text-middle {
    vertical-align: middle
}

.alignleft, img.alignleft {
    text-align: left
}

.alignright, img.alignright {
    text-align: right
}

.aligncenter, img.aligncenter {
    text-align: center
}

abbr, acronym, address, applet, article, aside, audio, b, big, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    /*padding: 0;*/
    border: 0;
    font: inherit;
    vertical-align: top
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit
}

blockquote, q {
    margin: 0;
    border: 0;
    font: inherit;
    vertical-align: top
}

a, input, textarea {
    margin: 0;
    padding: 0;
    vertical-align: top
}

a {
    border: 0
}

input, textarea {
    font: inherit
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, time {
    display: block
}

ol, ul {
    /*list-style: none*/
}

blockquote:after, q:after {
    content: ''
}

/*table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
    box-shadow: 0 6px 30px rgba(0,0,0,.12)
}*/

button, input, select, textarea {
    display: inline-block;
    outline: 0;
    color: inherit;
    overflow: visible;
    box-shadow: none
}

    button, input[type=button], input[type=submit] {
        cursor: pointer
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

.lt-ie11 input {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom-left-radius: 1px !important
}

a {
    font: inherit;
    color: inherit;
    text-decoration: none
}

    .btn:active, .btn:focus, a:focus, button:active, button:focus {
        outline: 0
    }

img {
    max-width: 100%;
    height: auto
}

.btn, button {
    background-color: inherit
}

input[type=search] {
    box-sizing: border-box !important
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: none
}

.brk-bg-style-1 {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

.main-page, .main-wrapper {
    position: relative
}

.main-page {
    z-index: 2
}

body {
    font-family: "Open Sans",sans-serif;
    font-display: auto;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #222;
    background: #fff;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased
}

    body::-webkit-scrollbar {
        width: 12px
    }

    body::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #fff
    }

    body::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.2);
        border-radius: 12px
    }

.brk-modal-open {
    overflow: hidden;
    margin-right: var(--mr)
}

.brk-boxed {
    background: #fff;
    margin: 0 auto;
    position: relative
}

@media (min-width:1230px) {
    .brk-boxed {
        max-width: 1230px;
        box-shadow: rgba(0,0,0,.6) 0 0 18px
    }
}

.brk-element-loading {
    transition: all 1s linear .5s;
    position: absolute;
    z-index: 1;
    top: -webkit-calc(50% - 50px);
    top: 10%;
    left: 50%;
    width: 60px;
    height: 60px;
    transform-origin: 30px 31px;
    border-radius: 50%;
    box-shadow: 0 1px 0 0 #1d3f72;
    transform: translate(-50%,-50%);
    -webkit-animation: eye 1s linear infinite;
    animation: eye 1s linear infinite
}

[data-bg].lazyload, [data-bg].lazyloading {
    background-size: auto;
    background-position: center
}

.rev-brk-brands [class*=fa-icon-] {
    font-family: "Font Awesome 5 Brands"
}

.fal {
    font-family: "Font Awesome\ 5 Free" !important
}

.fal, .far {
    font-weight: 600 !important
}

.fa, .fas {
    font-weight: 900 !important
}

@font-face {
    font-family: 'berserk';
    src: url(../fonts/berserk/berserk.eot);
    src: url(../fonts/berserk/berserk.eot?#iefix) format("embedded-opentype"),url(../fonts/berserk/berserk.woff) format("woff"),url(../fonts/berserk/berserk.ttf) format("truetype"),url(../fonts/berserk/berserk.svg#berserk) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa.fa-angle-left-DISABLE:before, .fa.fa-angle-right-DISABLE:before, .fa.fa-phone-DISABLE:before, .fa.fa-plus:before, .fa.fa-search-DISABLE:before, .fa.fa-share-alt:before, .fa.fa-shopping-basket-DISABLE:before, .fal.fa-arrow-left:before, .fal.fa-arrow-right:before, .fal.fa-cog:before, .fal.fa-comment-alt:before, .fal.fa-play-circle:before, .fal.fa-shopping-cart:before, .far.fa-clock:before, .far.fa-envelope-DISABLE:before, .fas.fa-arrow-down:before, .fas.fa-arrow-up:before, .fas.fa-exchange-alt-DISABLE:before, .fas.fa-sign-in-alt-DISABLE:before, .fas.fa-star-DISABLE:before {
    display: inline-block;
    font-family: 'berserk';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fal.fa-cog:before {
    content: '\0041'
}

.fal.fa-comment-alt:before {
    content: '\0042'
}

.far.fa-clock:before {
    content: '\0043'
}

.far.fa-envelope-DISABLE:before {
    content: '\0044'
}

.fa.fa-search-DISABLE:before {
    content: '\0045'
}

.fa.fa-phone-DISABLE:before {
    content: '\0046'
}

.fal.fa-play-circle:before {
    content: '\0047'
}

.fa.fa-share-alt:before {
    content: '\0048'
}

.fa.fa-shopping-basket-DISABLE:before {
    content: '\0049'
}

.fal.fa-shopping-cart:before {
    content: '\004a'
}

.fas.fa-sign-in-alt-DISABLE:before {
    content: '\004b'
}

.fas.fa-star-DISABLE:before {
    content: '\004c'
}

.fas.fa-exchange-alt-DISABLE:before {
    content: '\004d'
}

.fas.fa-arrow-down:before {
    content: '\004e'
}

.fas.fa-arrow-up:before {
    content: '\004f'
}

.fa.fa-angle-left-DISABLE:before {
    content: '\0050'
}

.fa.fa-angle-right-DISABLE:before {
    content: '\0051'
}

.fal.fa-arrow-left:before {
    content: '\0052'
}

.fal.fa-arrow-right:before {
    content: '\0053'
}

.fa.fa-plus:before {
    content: '\0054'
}

a:hover {
    color: var(--text-base-color-2);
    text-decoration: none
}

a:focus {
    color: var(--text-base-color-2);
    text-decoration: none
}

.text-primary {
    color: var(--brand-primary)
}

.text-light-blue {
    color: var(--brk-base-2) !important
}

.text-blue {
    color: var(--brand-primary) !important
}

.text-gray {
    color: #bfbfbf !important
}

.text-gray-light {
    color: #9f9f9f !important
}

.text-dark {
    color: #868686 !important
}

.text-soft {
    color: #b6c9ff !important
}

.text-light-soft {
    color: var(--brk-base-1) !important
}

.text-blue-1 {
    color: #aabcf1 !important
}

.text-blue-2 {
    color: var(--brk-base-1) !important
}

.text-blue-3 {
    color: #d2d5fe !important
}

.bg-primary {
    background-color: var(--brand-primary) !important
}

.bg-white {
    background: #fff
}

.bg__style {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width:479px) {
    .no-bg-xs {
        background: 0 0 !important
    }
}

@media (max-width:767px) {
    .no-bg-sm {
        background: 0 0 !important
    }
}

@media (max-width:1023px) {
    .no-bg-md {
        background: 0 0 !important
    }
}

@media (max-width:1199px) {
    .no-bg-lg {
        background: 0 0 !important
    }
}

.bg-purple {
    background: linear-gradient(to right,var(--brk-secondary-4),var(--secondary))
}

.visible {
    overflow: visible !important
}

.full-screen {
    width: 100%;
    min-height: 100vh
}

.w-43 {
    width: 43% !important
}

.brk-footer-icon {
    width: 20px;
    margin-right: 5px
}

    .brk-footer-icon + a:hover {
        text-decoration: underline;
        color: currentColor
    }

.side-circles {
    overflow: hidden
}

    .side-circles:after, .side-circles:before {
        content: '';
        position: absolute;
        border-radius: 50%
    }

    .side-circles:before {
        left: -520px;
        top: -535px;
        width: 875px;
        height: 875px;
        border: 40px solid rgba(255,255,255,.08)
    }

    .side-circles:after {
        top: -110px;
        right: -180px;
        width: 420px;
        height: 420px;
        border: 21px solid rgba(255,255,255,.08)
    }

.side-circles, .top-triangle {
    position: relative;
    z-index: 1
}

    .top-triangle:before {
        content: '';
        position: absolute;
        top: -12px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 24px;
        height: 24px;
        background: #fff
    }

.overlay__grad, .overlay__gradient, .overlay__white {
    position: relative;
    z-index: 1;
    overflow: hidden
}

    .overlay__grad:after, .overlay__white:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1
    }

    .overlay__grad:after, .overlay__gradient .overlay_after {
        background: linear-gradient(to right,var(--brand-primary),var(--secondary));
        opacity: .9
    }

    .overlay__gradient .overlay_after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: .94;
        z-index: -1;
        margin: 0
    }

.overlay__gradient-left .overlay_after {
    background: linear-gradient(10deg,var(--brand-primary),var(--secondary))
}

.overlay__white:after {
    background: #fff;
    opacity: .94
}

.overlay__curve, .overlay__dark, .overlay__dot, .overlay__purple {
    position: relative;
    z-index: 1
}

    .overlay__dark:after {
        bottom: 0;
        background: #000;
        opacity: .75
    }

    .overlay__purple > .after {
        bottom: 0;
        background: linear-gradient(to right,var(--brk-secondary-4) 20%,var(--secondary) 70%);
        opacity: .94
    }

    .overlay__curve:after, .overlay__dark:after, .overlay__dot:after, .overlay__purple > .after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        z-index: -1
    }

    .overlay__dot:after {
        bottom: 0;
        background: rgba(23,40,68,.7);
        background-image: radial-gradient(#101c2f 24%,transparent 25%);
        opacity: .94;
        background-size: 3px 3px
    }

.overlay__curve {
    overflow: visible
}

    .overlay__curve:after {
        height: 100%;
        background: url(../../img/curve.png) top center no-repeat;
        background-size: 100%
    }

.brk-underline-dotted {
    border-bottom: 1px dotted currentColor
}

.all-light, .all-light .h1, .all-light .h2, .all-light .h3, .all-light .h4, .all-light .h5, .all-light .h6, .all-light h1, .all-light h2, .all-light h3, .all-light h4, .all-light h5, .all-light h6 {
    color: #fff
}

.show-inline {
    display: inline !important
}

.link-icon {
    display: inline-block
}

    .link-icon .icon {
        margin: 0 10px;
        vertical-align: baseline;
        font-size: 16px
    }

    .link-icon:hover .fa {
        -webkit-animation: icon-move 2s infinite;
        animation: icon-move 2s infinite
    }

.wow {
    visibility: hidden
}

.rounded-all {
    border-radius: 50%
}

.rounded-top-left {
    border-top-left-radius: 30px
}

.rounded-top-right {
    border-top-right-radius: 30px
}

.rounded-bottom-left {
    border-bottom-left-radius: 30px
}

.rounded-bottom-right {
    border-bottom-right-radius: 30px
}

.shadow {
    box-shadow: 0 6px 30px 0 rgba(0,0,0,.12)
}

.mobile-case-1 {
    width: 292px;
    height: 609px;
    z-index: 2
}

    .mobile-case-1 .mobile-bg, .mobile-case-2 .mobile-bg {
        position: absolute;
        left: 50%;
        transform: translate(-50%,0)
    }

    .mobile-case-1 .mobile-bg {
        margin-left: 2px;
        background: url(../../img/app-inside-1.jpg) center center;
        top: 92px;
        width: 242px;
        height: 430px
    }

.mobile-case-1, .mobile-case-2, .mobile-case-3 {
    position: relative;
    margin: 0 auto
}

.mobile-case-2 {
    background: url(../../img/app-case-2.png);
    z-index: 2;
    width: 352px;
    height: 721px
}

    .mobile-case-2 .mobile-bg {
        top: 88px;
        width: 306px;
        height: 543px;
        background: url(../../img/app-inside-2.jpg) center center
    }

.mobile-case-3 {
    width: 320px;
    height: 208px;
    background: center center no-repeat;
    background-size: contain
}

@media screen and (min-width:768px) {
    .mobile-case-3 {
        height: 398px;
        width: 680px;
        margin: 0 auto
    }
}

@media screen and (min-width:992px) {
    .mobile-case-3 {
        width: auto;
        margin: 0 -55px
    }
}

.mobile-case-3 .mobile-bg {
    position: absolute;
    top: 23px;
    left: 41px;
    right: 41px;
    height: 148px;
    background: url(../../img/app-inside-3.jpg) center center no-repeat;
    background-size: cover
}

@media (min-width:768px) {
    .mobile-case-3 .mobile-bg {
        top: 6%;
        left: 12%;
        right: 12%;
        bottom: 13%;
        height: auto;
        z-index: -1
    }
}

.mobile-case-4 {
    position: relative;
    width: 320px;
    height: 208px;
    margin: 0 auto;
    background: center center no-repeat;
    background-size: contain
}

@media screen and (min-width:768px) {
    .mobile-case-4 {
        height: 398px;
        width: 680px;
        margin: 0 auto
    }
}

@media screen and (min-width:992px) {
    .mobile-case-4 {
        width: 100%
    }
}

.mobile-case-4 .mobile-bg {
    position: absolute;
    top: 23px;
    left: 41px;
    right: 41px;
    height: 148px;
    background: url(../../img/app-inside-3.jpg) center center no-repeat;
    background-size: cover
}

@media (min-width:768px) {
    .mobile-case-4 .mobile-bg {
        top: 7%;
        left: 12%;
        right: 12%;
        bottom: 14%;
        height: auto;
        z-index: -1
    }
}

.arrow__pointer-top-left {
    display: none;
    position: absolute;
    top: -60px;
    right: -40px
}

[dir=rtl] .arrow__pointer-top-left {
    right: auto;
    left: -40px;
    transform: rotateY(180deg)
}

@media (min-width:1200px) {
    .arrow__pointer-top-left {
        display: block
    }
}

.arrow__pointer-bottom-left {
    display: none;
    position: absolute;
    bottom: -60px;
    right: -40px;
    transform: rotateY(180deg) rotate(180deg)
}

[dir=rtl] .arrow__pointer-bottom-left {
    right: auto;
    left: -40px;
    transform: rotateY(0) rotate(180deg)
}

@media (min-width:1200px) {
    .arrow__pointer-bottom-left {
        display: block
    }
}

.arrow__pointer-top-right {
    display: none;
    position: absolute;
    top: -60px;
    left: -40px;
    transform: rotateY(180deg) rotate(0deg)
}

[dir=rtl] .arrow__pointer-top-right {
    left: auto;
    right: -40px;
    transform: rotateY(0deg) rotate(0deg)
}

@media (min-width:1200px) {
    .arrow__pointer-top-right {
        display: block
    }
}

.arrow__pointer-bottom-right {
    display: none;
    position: absolute;
    bottom: -60px;
    left: -40px;
    transform: rotateY(0deg) rotate(180deg)
}

[dir=rtl] .arrow__pointer-bottom-right {
    left: auto;
    right: -40px;
    transform: rotateY(180deg) rotate(180deg)
}

@media (min-width:1200px) {
    .arrow__pointer-bottom-right {
        display: block
    }
}

.app-img-caption, .circle-number {
    font-family: 'Montserrat',sans-serif;
    font-weight: 600
}

.circle-number {
    min-width: 51px;
    width: 52px;
    height: 52px;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 5px 16px 0 rgba(0,0,0,.3);
    color: var(--brand-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px
}

.app-img-caption {
    font-size: 60px;
    opacity: .06;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    line-height: 1;
    display: block
}

@media (min-width:480px) {
    .app-img-caption {
        font-size: 118px;
        margin-bottom: -30px
    }
}

.app-dot-line, .app-img-caption ~ * {
    position: relative;
    z-index: 2
}

.app-dot-line {
    display: inline-block;
    z-index: 1
}

    .app-dot-line.left > .dot {
        right: -40px
    }

[dir=rtl] .app-dot-line.left > .dot {
    right: auto;
    left: -40px
}

.app-dot-line.left > .dot > .line {
    left: 0
}

.app-dot-line.right > .dot {
    left: -40px
}

[dir=rtl] .app-dot-line.right > .dot {
    left: auto;
    right: -40px
}

.app-dot-line.right > .dot > .line {
    right: 0
}

[dir=rtl] .app-dot-line.right > .dot > .line {
    right: auto;
    left: 0
}

.app-dot-line > .dot, .app-dot-line > .dot .line {
    position: absolute;
    background: var(--brand-primary)
}

.app-dot-line > .dot {
    display: none;
    transform: translate(0,-50%);
    border-radius: 50%;
    top: 50%;
    width: 14px;
    height: 14px
}

@media (min-width:1230px) {
    .app-dot-line > .dot {
        display: block
    }
}

.app-dot-line > .dot:after {
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    border: 3px solid #fff;
    box-shadow: 1px 1.732px 8px 0 rgba(0,0,0,.2);
    border-radius: 50%
}

.app-dot-line > .dot .line {
    top: 7px;
    width: 300px;
    height: 1px;
    z-index: -1
}

.svg-md {
    width: 74px;
    height: 74px
}

.svg-91 {
    width: 91px;
    height: 91px
}

.slide-bg-wrap {
    position: relative;
    overflow: hidden
}

    .slide-bg-wrap .slide-bg {
        position: absolute;
        left: 0;
        display: block;
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: var(--brand-primary);
        transition: width .25s ease-in-out,height .25s ease-in-out;
        transform: translate(-50%,-50%);
        z-index: -1
    }

    .slide-bg-wrap:hover .slide-bg {
        width: 250%;
        height: 250%
    }

.hot-panel {
    display: inline-block;
    padding: 4px 24px;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
    background: linear-gradient(to right,var(--brk-base-2),var(--brk-base-5))
}

.hot-panel_primary {
    background: linear-gradient(to right,var(--brand-primary),var(--secondary))
}

.horiz-line {
    display: block;
    border: 0;
    width: 100%;
    height: 1px;
    background: #fff;
    opacity: .2;
    margin: 34px 0 30px
}

* + .subscr__form {
    margin-top: 30px
}

.subscr__form {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    background: rgba(255,255,255,.12);
    border: 2px solid rgba(255,255,255,.2);
    border-radius: 50px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,.1);
    position: relative
}

    .subscr__form .form-control {
        font-family: 'Open Sans',sans-serif;
        font-size: 16px;
        height: 52px;
        color: #fff;
        padding: 10px 60px 10px 30px;
        background: 0 0;
        border: 0
    }

        .subscr__form .form-control::-webkit-input-placeholder {
            color: #fff;
            opacity: 1
        }

        .subscr__form .form-control::-moz-placeholder {
            color: #fff;
            opacity: 1
        }

        .subscr__form .form-control:-ms-input-placeholder, .subscr__form .form-control::-ms-input-placeholder {
            color: #fff;
            opacity: 1
        }

        .subscr__form .form-control::placeholder {
            color: #fff;
            opacity: 1
        }

        .subscr__form .form-control:focus {
            box-shadow: none
        }

    .subscr__form .btn-subscr {
        position: absolute;
        width: 42px;
        height: 42px;
        border-radius: 50%;
        top: 50%;
        transform: translateY(-50%);
        right: 6px;
        color: #fff;
        background: linear-gradient(to right,var(--brk-base-6),var(--brk-base-2))
    }

        .subscr__form .btn-subscr:before, body .main-icon:before {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%)
        }

        .subscr__form .btn-subscr:hover {
            transform: translateY(-50%) scale(1.1)
        }

.video-wrap {
    position: relative;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0 5px 16px 0 rgba(0,0,0,.4);
    min-height: 430px
}

    .video-wrap .overlay-image {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        z-index: 50;
        transition: all .4s ease
    }

        .video-wrap .overlay-image.hid {
            opacity: 0;
            visibility: hidden;
            pointer-events: none
        }

    .video-wrap .icon__btn {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

        .video-wrap .icon__btn .fa-play:before {
            margin-left: 2px
        }

    .video-wrap iframe {
        width: 100%;
        height: 100%
    }

body .main-icon {
    font-size: 64px;
    width: 170px;
    height: 170px;
    margin: 0 auto;
    border-radius: 50%;
    border: 2px solid var(--brk-base-2);
    position: relative
}

    body .main-icon + * {
        margin-top: 56px
    }

body .main-icon_white {
    border-color: #fff;
    color: #fff
}

.inline-wrap > div {
    flex: 1
}

@media (min-width:1200px) {
    .inline-wrap {
        display: flex;
        justify-content: space-around;
        align-items: center
    }
}

.inline-wrap-second .icon__btn {
    width: 63px;
    height: 63px;
    font-size: 28px;
    margin-bottom: 20px
}

@media (min-width:1200px) {
    .inline-wrap-second .icon__btn {
        margin-bottom: 10px
    }
}

.inline-wrap-second .icon__btn .spike {
    background-color: inherit
}

.maxw-300, .maxw-450 {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto
}

.maxw-450 {
    max-width: 450px
}

.maxw-500 {
    max-width: 500px
}

.maxw-570 {
    max-width: 570px
}

.maxw-770 {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto
}

.maxw-800 {
    max-width: 800px
}

.maxw-970 {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto
}

.violet-shadow {
    box-shadow: 0 3px 0 0 var(--secondary)
}

.dark-shadow {
    box-shadow: 0 6px 30px 0 rgba(0,0,0,.12)
}

.z-index-high {
    position: relative;
    z-index: 50
}

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

.z-index-3 {
    z-index: 3 !important
}

.z-index-2 {
    z-index: 2 !important
}

.z-index-1 {
    z-index: 1 !important
}

.z-index-0 {
    z-index: 0 !important
}

.brk-tabs-simple-bottom .brk-tab.active:before, .brk-tabs-simple-bottom .brk-tab:hover:before, .brk-tabs-simple-top .brk-tab.active:before, .brk-tabs-simple-top .brk-tab:hover:before, .width100 {
    width: 100%
}

.height100 {
    height: 100%
}

.pull-left {
    float: left
}

.pull-right {
    float: right
}

.overflow-hid {
    overflow: hidden !important
}

.overflow-hidden-x {
    overflow-x: hidden
}

.overflow-hidden-y {
    overflow-y: hidden
}

.opacity-5 {
    opacity: .05
}

.opacity-10 {
    opacity: .1
}

.opacity-15 {
    opacity: .15
}

.opacity-20 {
    opacity: .2
}

.opacity-25 {
    opacity: .25
}

.opacity-30 {
    opacity: .3
}

.opacity-35 {
    opacity: .35
}

.opacity-40 {
    opacity: .4
}

.opacity-45 {
    opacity: .45
}

.opacity-50 {
    opacity: .5
}

.opacity-55 {
    opacity: .55
}

.opacity-60 {
    opacity: .6
}

.opacity-65 {
    opacity: .65
}

.opacity-70 {
    opacity: .7
}

.opacity-75 {
    opacity: .75
}

.opacity-80 {
    opacity: .8
}

.opacity-85 {
    opacity: .85
}

.opacity-90 {
    opacity: .9
}

.opacity-95 {
    opacity: .95
}

.opacity-100 {
    opacity: 1
}

.opacity-87 {
    opacity: .87
}

@media screen and (max-width:576px) {
    .pl-xs-0 {
        padding-left: 0 !important
    }

    .pl-xs-5 {
        padding-left: 5px !important
    }

    .pl-xs-10 {
        padding-left: 10px !important
    }

    .pl-xs-15 {
        padding-left: 15px !important
    }

    .pl-xs-20 {
        padding-left: 20px !important
    }

    .pl-xs-25 {
        padding-left: 25px !important
    }

    .pr-xs-0 {
        padding-right: 0 !important
    }

    .pr-xs-5 {
        padding-right: 5px !important
    }

    .pr-xs-10 {
        padding-right: 10px !important
    }

    .pr-xs-15 {
        padding-right: 15px !important
    }

    .pr-xs-20 {
        padding-right: 20px !important
    }

    .pr-xs-25 {
        padding-right: 25px !important
    }

    .pb-xs-0 {
        padding-bottom: 0 !important
    }

    .pb-xs-5 {
        padding-bottom: 5px !important
    }

    .pb-xs-10 {
        padding-bottom: 10px !important
    }

    .pb-xs-15 {
        padding-bottom: 15px !important
    }

    .pb-xs-20 {
        padding-bottom: 20px !important
    }

    .pb-xs-25 {
        padding-bottom: 25px !important
    }

    .pb-xs-30 {
        padding-bottom: 30px !important
    }

    .pb-xs-35 {
        padding-bottom: 35px !important
    }

    .pb-xs-40 {
        padding-bottom: 40px !important
    }

    .pb-xs-45 {
        padding-bottom: 45px !important
    }

    .pb-xs-50 {
        padding-bottom: 50px !important
    }

    .pt-xs-0 {
        padding-top: 0 !important
    }

    .pt-xs-5 {
        padding-top: 5px !important
    }

    .pt-xs-10 {
        padding-top: 10px !important
    }

    .pt-xs-15 {
        padding-top: 15px !important
    }

    .pt-xs-20 {
        padding-top: 20px !important
    }

    .pt-xs-25 {
        padding-top: 25px !important
    }

    .pt-xs-30 {
        padding-top: 30px !important
    }

    .pt-xs-35 {
        padding-top: 35px !important
    }

    .pt-xs-40 {
        padding-top: 40px !important
    }

    .pt-xs-45 {
        padding-top: 45px !important
    }

    .pt-xs-50 {
        padding-top: 50px !important
    }

    .pb-xs-60 {
        padding-bottom: 60px !important
    }

    .pb-xs-70 {
        padding-bottom: 70px !important
    }

    .pb-xs-80 {
        padding-bottom: 80px !important
    }

    .pb-xs-90 {
        padding-bottom: 90px !important
    }

    .pb-xs-100 {
        padding-bottom: 100px !important
    }

    .pt-xs-60 {
        padding-top: 60px !important
    }

    .pt-xs-70 {
        padding-top: 70px !important
    }

    .pt-xs-80 {
        padding-top: 80px !important
    }

    .pt-xs-90 {
        padding-top: 90px !important
    }

    .pt-xs-100 {
        padding-top: 100px !important
    }

    .ml-xs-0 {
        margin-left: 0 !important
    }

    .ml-xs-5 {
        margin-left: 5px !important
    }

    .ml-xs-10 {
        margin-left: 10px !important
    }

    .ml-xs-15 {
        margin-left: 15px !important
    }

    .ml-xs-20 {
        margin-left: 20px !important
    }

    .ml-xs-25 {
        margin-left: 25px !important
    }

    .mr-xs-0 {
        margin-right: 0 !important
    }

    .mr-xs-5 {
        margin-right: 5px !important
    }

    .mr-xs-10 {
        margin-right: 10px !important
    }

    .mr-xs-15 {
        margin-right: 15px !important
    }

    .mr-xs-20 {
        margin-right: 20px !important
    }

    .mr-xs-25 {
        margin-right: 25px !important
    }

    .mb-xs-0 {
        margin-bottom: 0 !important
    }

    .mb-xs-5 {
        margin-bottom: 5px !important
    }

    .mb-xs-10 {
        margin-bottom: 10px !important
    }

    .mb-xs-15 {
        margin-bottom: 15px !important
    }

    .mb-xs-20 {
        margin-bottom: 20px !important
    }

    .mb-xs-25 {
        margin-bottom: 25px !important
    }
}

@media screen and (max-width:540px) {
    .mt-xs-0 {
        margin-top: 0 !important
    }

    .mt-xs-5 {
        margin-top: 5px !important
    }

    .mt-xs-10 {
        margin-top: 10px !important
    }

    .mt-xs-15 {
        margin-top: 15px !important
    }

    .mt-xs-20 {
        margin-top: 20px !important
    }

    .mt-xs-25 {
        margin-top: 25px !important
    }
}

@media screen and (min-width:1230px) {
    .ml-xl-0 {
        margin-left: 0 !important
    }

    .ml-xl-5 {
        margin-left: 5px !important
    }

    .ml-xl-10 {
        margin-left: 10px !important
    }

    .ml-xl-15 {
        margin-left: 15px !important
    }

    .ml-xl-20 {
        margin-left: 20px !important
    }

    .ml-xl-25 {
        margin-left: 25px !important
    }

    .ml-xl-30 {
        margin-left: 30px !important
    }

    .ml-xl-35 {
        margin-left: 35px !important
    }

    .ml-xl-40 {
        margin-left: 40px !important
    }

    .ml-xl-45 {
        margin-left: 45px !important
    }

    .ml-xl-50 {
        margin-left: 50px !important
    }

    .mr-xl-0 {
        margin-right: 0 !important
    }

    .mr-xl-5 {
        margin-right: 5px !important
    }

    .mr-xl-10 {
        margin-right: 10px !important
    }

    .mr-xl-15 {
        margin-right: 15px !important
    }

    .mr-xl-20 {
        margin-right: 20px !important
    }

    .mr-xl-25 {
        margin-right: 25px !important
    }

    .mr-xl-30 {
        margin-right: 30px !important
    }

    .mr-xl-35 {
        margin-right: 35px !important
    }

    .mr-xl-40 {
        margin-right: 40px !important
    }

    .mr-xl-45 {
        margin-right: 45px !important
    }

    .mr-xl-50 {
        margin-right: 50px !important
    }
}

@media screen and (max-width:540px) {
    .ml-xs-auto {
        margin-left: auto !important
    }

    .mr-xs-auto, .mx-xs-auto {
        margin-right: auto !important
    }

    .mx-xs-auto {
        margin-left: auto !important
    }
}

@media screen and (min-width:991px) {
    .pl-xl-110 {
        padding-left: 110px
    }

    .pl-xl-80 {
        padding-left: 80px
    }
}

.pt-350 {
    padding-top: 350px
}

.pt-280 {
    padding-top: 280px
}

.pt-260 {
    padding-top: 260px
}

.pt-250 {
    padding-top: 250px
}

.pt-240 {
    padding-top: 240px
}

.pt-230 {
    padding-top: 230px
}

.pt-220 {
    padding-top: 220px
}

.pt-200 {
    padding-top: 200px
}

.pt-190 {
    padding-top: 190px
}

.pt-180 {
    padding-top: 180px
}

.pt-170 {
    padding-top: 170px
}

.pt-25 {
    padding-top: 25px
}

.pb-350 {
    padding-bottom: 350px
}

.pb-250, .pb-260 {
    padding-bottom: 250px
}

.pb-240 {
    padding-bottom: 240px
}

.pb-230 {
    padding-bottom: 230px
}

.pb-200 {
    padding-bottom: 200px
}

.pb-190 {
    padding-bottom: 190px
}

.pb-180 {
    padding-bottom: 180px
}

.pb-170 {
    padding-bottom: 170px
}

.pr-120 {
    padding-right: 120px
}

.pr-90 {
    padding-right: 90px
}

.pl-90 {
    padding-left: 90px
}

@media (min-width:1200px) {
    .pr-lg-70 {
        padding-right: 70px
    }
}

.pr-100 {
    padding-right: 90px
}

.pl-100, .pl-95 {
    padding-left: 90px
}

@media screen and (min-width:992px) {
    .pl-lg-100 {
        padding-left: 100px
    }

    .pr-lg-100 {
        padding-right: 100px
    }
}

.mb--30 {
    margin-bottom: -30px
}

#toTop, #toTop:hover {
    color: #fff;
    text-decoration: none
}

#toTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    font-size: 0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: var(--brand-primary);
    border-radius: 50%;
    overflow: hidden;
    z-index: 1200;
    visibility: visible;
    transition: \transform .3s ease;
    display: none;
    transform: scale(1)
}

@media (min-width:576px) {
    #toTop {
        right: 23px;
        bottom: 23px
    }
}

#toTop:before {
    font-family: "Font Awesome\ 5 Free";
    content: '\f106';
    font-weight: 900;
    font-size: 26px
}

#toTop:hover {
    transform: scale(1.1)
}

.no-wrap {
    white-space: nowrap
}

.main-header {
    position: relative
}

.brk-svg-pattern-container {
    position: absolute;
    width: 100%;
    overflow: hidden;
    z-index: 3
}

    .brk-svg-pattern-container svg {
        position: absolute;
        width: calc(100% + 2px)
    }

.brk-svg-pattern-container_top {
    top: 0
}

    .brk-svg-pattern-container_top svg {
        top: -5px
    }

.brk-svg-pattern-container_bottom {
    bottom: 0
}

    .brk-svg-pattern-container_bottom svg {
        bottom: -5px
    }

.img-icon {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.brk-wave-line, .brk-wave-line-blue {
    display: block;
    width: 100%;
    height: 7px;
    background-image: url(../../img/wave-line.png);
    background-repeat: repeat-x;
    background-color: transparent;
    border: 0
}

.brk-wave-line-blue {
    background-image: url(../../img/wave-line-2.png)
}

.centering-child-img img, .centering-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.full__size-absolute {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: block
}

.brk-rating {
    position: relative;
    width: 89px
}

.brk-rating__layer {
    opacity: .6
}

    .brk-rating__layer:after, .brk-rating__layer:before {
        content: " ";
        display: table
    }

    .brk-rating__layer:after {
        clear: both
    }

    .brk-rating__imposition i, .brk-rating__layer i {
        display: inline-block;
        float: left;
        font-size: .875rem;
        margin: 0 1px
    }

.brk-rating__imposition {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

    .brk-rating__imposition:after, .brk-rating__imposition:before {
        content: " ";
        display: table
    }

    .brk-rating__imposition:after {
        clear: both
    }

    .brk-rating__imposition .visible {
        width: 89px;
        height: 15px
    }

.center-absolute {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.brk-lightning-effect {
    position: relative;
    overflow: hidden;
    display: inline-block
}

    .brk-lightning-effect:before {
        content: '';
        width: 50px;
        position: absolute;
        top: 0;
        left: -50px;
        bottom: 0;
        z-index: 9;
        background: linear-gradient(to right,rgba(255,255,255,.2) 0%,#fff 50%,rgba(255,255,255,.2) 100%)
    }

    .brk-lightning-effect:hover:before {
        -webkit-animation: lightning-effect 2s infinite ease-in-out;
        animation: lightning-effect 2s infinite ease-in-out
    }

.brk-bg-center-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

    .brk-bg-center-cover .container {
        z-index: 2;
        position: relative
    }

.brk-bg-left-center, .brk-bg-right-center {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: contain
}

.brk-bg-left-center {
    background-position: left center
}

.brk-gutters-5 {
    margin-right: -5px;
    margin-left: -5px
}

    .brk-gutters-5 > .vc_column_container > .vc_column-inner, .brk-gutters-5 > [class*=col-]:not(.vc_column_container) {
        padding-left: 5px;
        padding-right: 5px
    }

.brk-gutters-10 {
    margin-right: -10px;
    margin-left: -10px
}

    .brk-gutters-10 > .vc_column_container > .vc_column-inner, .brk-gutters-10 > [class*=col-]:not(.vc_column_container) {
        padding-left: 10px;
        padding-right: 10px
    }

.brk-gutters-30 {
    margin-right: -30px;
    margin-left: -30px
}

    .brk-gutters-30 > .vc_column_container > .vc_column-inner, .brk-gutters-30 > [class*=col-]:not(.vc_column_container) {
        padding-left: 30px;
        padding-right: 30px
    }

.bg-cover {
    background-size: cover
}

.bg-contain {
    background-size: contain
}

@media screen and (min-width:1200px) {
    .bg-lg-contain {
        background-size: contain
    }
}

.bg-norepeat {
    background-repeat: no-repeat
}

.bg-repeat {
    background-repeat: repeat
}

.bg-position_top-left {
    background-position: left top
}

.bg-position_top-center {
    background-position: center top
}

.bg-position_top-right {
    background-position: right top
}

.bg-position_bottom-left {
    background-position: left bottom
}

.bg-position_bottom-center {
    background-position: center bottom
}

.bg-position_bottom-right {
    background-position: right bottom
}

.bg-position_left-center {
    background-position: left center
}

.bg-position_right-center {
    background-position: right center
}

.bg-position_center {
    background-position: center center
}

.brk-subscribe, .brk-subscribe-mail {
    position: relative
}

    .brk-subscribe [type=email] {
        border-radius: 27px;
        padding: 0 33px;
        font-size: .875rem;
        border: 0
    }

    .brk-subscribe [type=submit], .brk-subscribe button {
        position: absolute;
        top: 0;
        right: 0;
        width: 54px;
        height: 54px;
        border-radius: 50%
    }

[dir=rtl] .brk-subscribe [type=submit], [dir=rtl] .brk-subscribe button {
    right: auto;
    left: 0
}

.brk-subscribe [type=submit] i, .brk-subscribe button i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 1rem;
    font-weight: 400;
    vertical-align: 0
}

.brk-subscribe-map [type=email] {
    background-color: var(--white);
    box-shadow: 0 5px 16px rgba(165,165,165,.5);
    color: var(--brk-base-3);
    padding: 16px 33px;
    width: 100%
}

    .brk-subscribe-map [type=email]::-webkit-input-placeholder {
        color: var(--brk-base-3);
        opacity: 1
    }

    .brk-subscribe-map [type=email]::-moz-placeholder {
        color: var(--brk-base-3);
        opacity: 1
    }

    .brk-subscribe-map [type=email]:-ms-input-placeholder, .brk-subscribe-map [type=email]::-ms-input-placeholder {
        color: var(--brk-base-3);
        opacity: 1
    }

    .brk-subscribe-map [type=email]::placeholder {
        color: var(--brk-base-3);
        opacity: 1
    }

.brk-subscribe-map [type=submit], .brk-subscribe-map button {
    background-color: var(--white);
    box-shadow: 0 5px 16px rgba(0,0,0,.3)
}

    .brk-subscribe-map [type=submit] i, .brk-subscribe-map button i {
        color: var(--brand-primary)
    }

.brk-subscribe-solid .brk-form-wrap {
    margin-top: 0;
    flex-grow: 1
}

@media screen and (min-width:992px) {
    .brk-subscribe-solid .brk-form-strict {
        margin-left: 25px
    }
}

.brk-subscribe-solid button {
    margin-left: 0;
    padding-left: 55px;
    padding-right: 55px
}

@media screen and (min-width:992px) {
    .brk-subscribe-solid button {
        margin-left: 20px
    }
}

.brk-subscribe-solid button:hover {
    background-color: rgba(255,255,255,.8)
}

.brk-subscribe-solid .brk-form-strict [type=email], .brk-subscribe-solid .brk-form-strict [type=password], .brk-subscribe-solid .brk-form-strict [type=tel], .brk-subscribe-solid .brk-form-strict [type=text] {
    border: 1px solid rgba(255,255,255,.2) !important;
    color: #fff !important
}

    .brk-subscribe-solid .brk-form-strict [type=email] + .input-label, .brk-subscribe-solid .brk-form-strict [type=password] + .input-label, .brk-subscribe-solid .brk-form-strict [type=tel] + .input-label, .brk-subscribe-solid .brk-form-strict [type=text] + .input-label {
        color: #fff !important
    }

.brk-subscribe-message {
    position: absolute;
    left: 0;
    bottom: -25px;
    width: 100%;
    z-index: 3;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    color: #fff
}

.brk-subscribe-mail_dark .brk-subscribe-message {
    color: #000
}

.brk-subscribe-message .brk-subscribe-mail_overlay {
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-color: #fff;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.brk-trapezoid-left {
    -webkit-clip-path: polygon(0 70px,100% 0,100% 100%,0 calc(100% - 70px));
    clip-path: polygon(0 70px,100% 0,100% 100%,0 calc(100% - 70px));
    position: relative;
    margin-top: -70px;
    margin-bottom: -70px;
    z-index: 1;
    overflow: hidden
}

.brk-trapezoid-left-2 {
    -webkit-clip-path: polygon(0 180px,100% 0,100% 100%,0 calc(100% - 120px));
    clip-path: polygon(0 180px,100% 0,100% 100%,0 calc(100% - 120px));
    margin-top: -180px;
    margin-bottom: -120px
}

@media screen and (max-width:576px) {
    .brk-trapezoid-left-2 {
        -webkit-clip-path: none;
        clip-path: none;
        margin-top: 0
    }
}

@supports not ((-webkit-clip-path:polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%)) or (clip-path:polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%))) {
    .brk-parallelogram-1 {
        padding-top: 80px;
        padding-bottom: 80px;
        margin-top: 30px;
        margin-bottom: -50px
    }
}

@supports ((-webkit-clip-path:polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%)) or (clip-path:polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%))) {
    .brk-parallelogram-1 {
        -webkit-clip-path: polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%);
        clip-path: polygon(0 180px,100% 0%,100% calc(100% - 180px),0% 100%);
        padding-top: 220px;
        padding-bottom: 210px;
        margin-top: -150px;
        margin-bottom: -150px
    }
}

@media (max-width:991px) {
    @supports ((-webkit-clip-path:polygon(0 120px,100% 0%,100% calc(100% - 120px),0% 100%)) or (clip-path:polygon(0 120px,100% 0%,100% calc(100% - 120px),0% 100%))) {
        .brk-parallelogram-1 {
            -webkit-clip-path: polygon(0 120px,100% 0%,100% calc(100% - 120px),0% 100%);
            clip-path: polygon(0 120px,100% 0%,100% calc(100% - 120px),0% 100%);
            margin-top: -120px
        }
    }
}

@media (max-width:575px) {
    @supports ((-webkit-clip-path:polygon(0 100px,100% 0%,100% calc(100% - 100px),0% 100%)) or (clip-path:polygon(0 100px,100% 0%,100% calc(100% - 100px),0% 100%))) {
        .brk-parallelogram-1 {
            -webkit-clip-path: polygon(0 100px,100% 0%,100% calc(100% - 100px),0% 100%);
            clip-path: polygon(0 100px,100% 0%,100% calc(100% - 100px),0% 100%);
            padding-top: 150px;
            padding-bottom: 150px;
            margin-top: -120px;
            margin-bottom: -30px
        }
    }
}

.brk-left-overflow-image {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: -450px 20px
}

.brk-bg-circle {
    position: relative
}

    .brk-bg-circle::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-52%,-50%);
        width: calc(100% + 250px);
        padding-top: 150%;
        border-radius: 100%;
        z-index: -1;
        background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.88) 0%,rgba(var(--secondary-rgb),.88) 100%)
    }

@media screen and (max-width:576px) {
    .brk-bg-circle::after {
        width: 500%;
        padding-top: 500%;
        border-radius: 0
    }
}

.brk-top-triangle {
    position: relative;
    margin-top: -92px;
    padding-top: 220px
}

    .brk-top-triangle::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 149px;
        background-color: #fff;
        z-index: 1;
        -webkit-clip-path: polygon(0 0,0 100%,100% 0);
        clip-path: polygon(0 0,0 100%,100% 0)
    }

@media screen and (max-width:991.98px) {
    .brk-top-triangle {
        margin-top: 0;
        padding-top: 90px
    }

        .brk-top-triangle::after {
            -webkit-clip-path: none;
            clip-path: none;
            height: 0
        }
}

.brk-bottom-triangle {
    position: relative
}

    .brk-bottom-triangle::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 200px;
        background-color: #fff;
        z-index: 1;
        -webkit-clip-path: polygon(100% 0,0% 100%,100% 100%);
        clip-path: polygon(100% 0,0% 100%,100% 100%)
    }

.grayscale-100 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.grayscale-50 {
    -webkit-filter: grayscale(50%);
    filter: grayscale(50%)
}

.brk-bgi-1 {
    background-image: url(../../img/bg-patterns/1.png) !important
}

.brk-bgi-2 {
    background-image: url(../../img/bg-patterns/2.png) !important
}

.brk-bgi-3 {
    background-image: url(../../img/bg-patterns/3.png) !important
}

.brk-bgi-4 {
    background-image: url(../../img/bg-patterns/4.png) !important
}

.brk-bgi-5 {
    background-image: url(../../img/bg-patterns/5.png) !important
}

.brk-bgi-6 {
    background-image: url(../../img/bg-patterns/6.png) !important
}

.brk-bgi-7 {
    background-image: url(../../img/bg-patterns/7.png) !important
}

.brk-bgi-8 {
    background-image: url(../../img/bg-patterns/8.png) !important
}

.brk-bgi-9 {
    background-image: url(../../img/bg-patterns/9.png) !important
}

.brk-bgi-10 {
    background-image: url(../../img/bg-patterns/10.png) !important
}

.brk-bgi-11 {
    background-image: url(../../img/bg-patterns/11.png) !important
}

.brk-bgi-12 {
    background-image: url(../../img/bg-patterns/12.png) !important
}

.brk-bgi-13 {
    background-image: url(../../img/bg-patterns/13.png) !important
}

.brk-bgi-14 {
    background-image: url(../../img/bg-patterns/14.png) !important
}

.brk-bgi-15 {
    background-image: url(../../img/bg-patterns/15.png) !important
}

.brk-bg-pattern {
    background-repeat: repeat !important;
    background-size: auto !important;
    background-position: 0 0 !important
}

.brk-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,22,41,.4);
    z-index: 98
}

.added_to_cart {
    display: inline-block;
    margin: 10px;
    background-color: #fff;
    border-radius: 27px;
    padding: 15px 20px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb),.5);
    color: var(--brand-primary)
}

.border-top-3 {
    border-top-width: 3px;
    border-top-style: solid
}

.border-right-3 {
    border-right-width: 3px;
    border-right-style: solid
}

.border-bottom-3 {
    border-bottom-width: 3px;
    border-bottom-style: solid
}

.border-left-3 {
    border-left-width: 3px;
    border-left-style: solid
}

.pseudo-border-bottom-3 {
    position: relative
}

    .pseudo-border-bottom-3:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 100%
    }

.brk-abs-overlay {
    z-index: -1
}

.brk-abs-bg-overlay, .brk-abs-img, .brk-abs-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.brk-abs-img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: -2
}

.brk-align-left {
    margin-right: auto
}

.brk-align-right {
    margin-left: auto
}

.brk-align-center {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:576px) {
    .position-sm-absolute {
        position: absolute !important
    }

    .position-sm-relative {
        position: relative !important
    }

    .position-sm-static {
        position: static !important
    }
}

@media screen and (min-width:768px) {
    .position-md-absolute {
        position: absolute !important
    }

    .position-md-relative {
        position: relative !important
    }

    .position-md-static {
        position: static !important
    }
}

@media screen and (min-width:992px) {
    .position-lg-absolute {
        position: absolute !important
    }

    .position-lg-relative {
        position: relative !important
    }

    .position-lg-static {
        position: static !important
    }
}

@media screen and (min-width:1200px) {
    .position-xl-absolute {
        position: absolute !important
    }

    .position-xl-relative {
        position: relative !important
    }

    .position-xl-static {
        position: static !important
    }
}

.brk-z-index-0 {
    z-index: 0
}

.brk-z-index-10 {
    z-index: 10
}

.brk-z-index-20 {
    z-index: 20
}

.brk-z-index-30 {
    z-index: 30
}

.brk-z-index-40 {
    z-index: 40
}

.brk-z-index-50 {
    z-index: 50
}

.brk-z-index--1 {
    z-index: -1
}

.brk-z-index--2 {
    z-index: -2
}

.brk-z-index--3 {
    z-index: -3
}

.brk-z-index--4 {
    z-index: -4
}

.brk-z-index--5 {
    z-index: -5
}

.brk-after-element, .brk-before-element {
    position: absolute;
    left: 0;
    right: 0
}

    .brk-after-element svg, .brk-before-element svg {
        max-width: 100%
    }

.brk-after-element-svg, .brk-before-element-svg {
    position: absolute;
    left: 0;
    right: 0;
    max-width: 100%
}

.brk-after-element_bevel-right, .brk-before-element_bevel-right {
    overflow: hidden;
    height: 80px;
    background: #fff
}

@media (max-width:991px) {
    .brk-after-element_bevel-right, .brk-before-element_bevel-right {
        display: none
    }
}

.brk-before-element {
    top: 0
}

    .brk-before-element svg {
        margin-top: -1px
    }

.brk-before-element-svg {
    top: -1px
}

.brk-before-element_bevel-right {
    -webkit-clip-path: polygon(0 0,100% 100%,100% 0);
    clip-path: polygon(0 0,100% 100%,100% 0)
}

.brk-after-element {
    bottom: 0
}

    .brk-after-element svg {
        margin-bottom: -1px
    }

.brk-after-element-svg {
    bottom: -1px
}

.brk-after-element_bevel-right {
    -webkit-clip-path: polygon(0 100%,100% 100%,100% 0);
    clip-path: polygon(0 100%,100% 100%,100% 0)
}

.brk-layer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.brk-dashed-divider {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    background-image: url(../../img/dashed-divider.svg);
    background-repeat: repeat-x;
    border: 0
}

.brk-dashed-border-transparent {
    border: 0;
    border-bottom: 1px dashed rgba(255,255,255,.2)
}

.brk-text-fill {
    -webkit-text-fill-color: transparent
}

.brk-text-clip, .brk-text-fill {
    -webkit-background-clip: text
}

.parallax-bg {
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    will-change: background-position;
    transform: translateZ(0)
}

.w-50 {
    width: 50%
}

.w-40 {
    width: 40%
}

.brk-fa-replace:before {
    content: '' !important;
    display: none
}

.brk-fa-replace svg {
    width: 14px;
    height: 14px
}

@media screen and (min-width:1270px) {
    .brk-wided-container {
        margin-left: -40px;
        margin-right: -40px
    }
}

.brk-error-page-title {
    font-size: 140px;
    text-align: center;
    line-height: 140px
}

@media screen and (min-width:550px) {
    .brk-error-page-title {
        font-size: 250px;
        line-height: 250px
    }
}

@media screen and (min-width:750px) {
    .brk-error-page-title {
        font-size: 320px;
        line-height: 320px
    }
}

@media screen and (min-width:991.98px) {
    .brk-error-page-title {
        font-size: 386px;
        line-height: 390px;
        margin-left: -20px;
        text-align: left
    }
}

.brk-styled-scroll-y {
    overflow-y: auto
}

    .brk-styled-scroll-y::-webkit-scrollbar {
        width: 7px
    }

    .brk-styled-scroll-y::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px
    }

    .brk-styled-scroll-y::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.1);
        border-radius: 10px
    }

.brk-styled-scroll-x {
    overflow-x: auto
}

    .brk-styled-scroll-x::-webkit-scrollbar {
        width: 7px
    }

    .brk-styled-scroll-x::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        border-radius: 10px
    }

    .brk-styled-scroll-x::-webkit-scrollbar-thumb {
        background-color: rgba(0,0,0,.1);
        border-radius: 10px
    }

.translate-top-50 {
    transform: translateY(-50%)
}

.brk-line-bottom-2, blockquote, q {
    position: relative
}

    .brk-line-bottom-2::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -3px;
        width: 100%;
        height: 2px;
        background-color: currentColor
    }

.brk-hover-opacity {
    opacity: .3;
    transition: .3s
}

    .brk-hover-opacity:hover {
        opacity: 1
    }

.brk-box-shadow-none {
    box-shadow: none !important
}

@media screen and (min-width:992px) {
    .brk-img-no-max-width {
        max-width: none
    }
}

.brk-divider-white-1 {
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #fff
}

.text-transform-none {
    text-transform: none !important
}

.fancybox-image-wrap {
    background-color: #f3f3f3 !important
}

blockquote, q {
    padding: 0 0 0 40px;
    display: block
}

    blockquote:before, q:before {
        content: '\201d';
        position: absolute;
        left: 0;
        top: 0;
        font-size: 2.25rem;
        line-height: 1.25;
        font-weight: 700;
        color: var(--brand-primary)
    }
/*
@media (max-width:767px) {
    table {
        box-shadow: none
    }
}

table tbody, table thead {
    font-size: 1rem;
    line-height: 18px
}

table thead {
    box-shadow: 0 5px 10px rgba(0,0,0,.06),inset 0 -3px #fafafa;
    position: relative;
    z-index: 9;
    font-weight: 700
}

@media (max-width:767px) {
    table thead {
        display: none
    }
}

table td, table th {
    text-align: center;
    padding-right: 15px;
    padding-left: 15px
}

table th {
    position: relative;
    padding-top: 25px;
    padding-bottom: 25px
}

table tbody {
    font-weight: 300
}

@media (max-width:767px) {
    table tbody {
        font-size: .875rem;
        line-height: 16px
    }
}

table tbody tr {
    border-bottom: 1px solid #eaeaea
}

@media (max-width:767px) {
    table tbody tr {
        display: block;
        margin-bottom: 15px;
        border: 0;
        box-shadow: 0 6px 30px rgba(0,0,0,.12)
    }
}

table td {
    padding-top: 28px;
    padding-bottom: 28px;
    transition: all .3s ease-in-out
}

@media (max-width:767px) {
    table td, table th {
        text-align: right
    }
}*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    vertical-align: baseline;
    display: block;
    color: #292b2c;
    font-weight: 400
}

    .h1 a:focus, .h1 a:hover, .h2 a:focus, .h2 a:hover, .h3 a:focus, .h3 a:hover, .h4 a:focus, .h4 a:hover, .h5 a:focus, .h5 a:hover, .h6 a:focus, .h6 a:hover, h1 a:focus, h1 a:hover, h2 a:focus, h2 a:hover, h3 a:focus, h3 a:hover, h4 a:focus, h4 a:hover, h5 a:focus, h5 a:hover, h6 a:focus, h6 a:hover {
        color: var(--brand-primary);
        text-decoration: none
    }

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

@media (min-width:576px) {
    .h1, h1 {
        font-size: 56px
    }
}

.h2, h2 {
    font-size: 35px;
    line-height: 1.1
}

@media (min-width:576px) {
    .h2, h2 {
        font-size: 42px
    }
}

.h3, h3 {
    font-size: 30px;
    line-height: 1.1
}

@media (min-width:576px) {
    .h3, h3 {
        font-size: 36px
    }
}

.h4, .h5, .h6, h4, h5, h6 {
    font-size: 24px;
    line-height: 1.1
}

.h5, .h6, h5, h6 {
    font-size: 18px
}

.h6, h6 {
    font-size: 15px
}

.big {
    font-size: 18px
}

.font__family-open-sans {
    font-family: 'Open Sans',sans-serif
}

.font__family-montserrat {
    font-family: 'Montserrat',sans-serif
}

.font__family-montserrat-alt {
    font-family: 'Montserrat Alternates',sans-serif
}

.font__family-playfair {
    font-family: 'Playfair Display',sans-serif
}

.font__family-poppins {
    font-family: 'Poppins',sans-serif
}

.font__family-pacifico {
    font-family: 'Pacifico',sans-serif
}

.font__family-roboto {
    font-family: 'Roboto',sans-serif
}

.font__family-roboto-slab {
    font-family: 'Roboto Slab',sans-serif
}

.font__family-oxygen {
    font-family: 'Oxygen',sans-serif
}

.font__family-times-new-roman {
    font-family: 'Times New Roman',sans-serif
}

.font__weight-thin {
    font-weight: 100
}

.font__weight-ultralight {
    font-weight: 200
}

.font__weight-light {
    font-weight: 300
}

.font__weight-normal {
    font-weight: 400
}

.font__weight-medium {
    font-weight: 500
}

.font__weight-semibold {
    font-weight: 600
}

.font__weight-bold {
    font-weight: 700
}

.font__weight-extrabold {
    font-weight: 800
}

.font__style-italic {
    font-style: italic
}

.font__style-normal {
    font-style: normal
}

.font__size-10 {
    font-size: .625rem
}

.font__size-11 {
    font-size: .6875rem
}

.font__size-12 {
    font-size: .75rem
}

.font__size-13 {
    font-size: .8125rem
}

.font__size-14 {
    font-size: .875rem
}

.font__size-15 {
    font-size: .9375rem
}

.font__size-16 {
    font-size: 1rem
}

.font__size-17 {
    font-size: 1.0625rem
}

.font__size-18 {
    font-size: 1.125rem
}

.font__size-19 {
    font-size: 1.1875rem
}

.font__size-20 {
    font-size: 1.25rem
}

.font__size-21 {
    font-size: 1.3125rem
}

.font__size-22 {
    font-size: 1.375rem
}

.font__size-23 {
    font-size: 1.4375rem
}

.font__size-24 {
    font-size: 1.5rem
}

.font__size-25 {
    font-size: 1.5625rem
}

.font__size-26 {
    font-size: 1.625rem
}

.font__size-27 {
    font-size: 1.6875rem
}

.font__size-28 {
    font-size: 1.75rem
}

.font__size-29 {
    font-size: 1.8125rem
}

.font__size-30 {
    font-size: 1.875rem
}

.font__size-31 {
    font-size: 1.9375rem
}

.font__size-32 {
    font-size: 2rem
}

.font__size-33 {
    font-size: 2.0625rem
}

.font__size-34 {
    font-size: 2.125rem
}

.font__size-35 {
    font-size: 2.1875rem
}

.font__size-36 {
    font-size: 2.25rem
}

.font__size-37 {
    font-size: 2.3125rem
}

.font__size-38 {
    font-size: 2.375rem
}

.font__size-39 {
    font-size: 2.4375rem
}

.font__size-40 {
    font-size: 2.5rem
}

.font__size-41 {
    font-size: 2.5625rem
}

.font__size-42 {
    font-size: 2.625rem
}

.font__size-43 {
    font-size: 2.6875rem
}

.font__size-44 {
    font-size: 2.75rem
}

.font__size-45 {
    font-size: 2.8125rem
}

.font__size-46 {
    font-size: 2.875rem
}

.font__size-47 {
    font-size: 2.9375rem
}

.font__size-48 {
    font-size: 3rem
}

.font__size-49 {
    font-size: 3.0625rem
}

.font__size-50 {
    font-size: 3.125rem
}

.font__size-51 {
    font-size: 3.1875rem
}

.font__size-52 {
    font-size: 3.25rem
}

.font__size-53 {
    font-size: 3.3125rem
}

.font__size-54 {
    font-size: 3.375rem
}

.font__size-55 {
    font-size: 3.4375rem
}

.font__size-56 {
    font-size: 3.5rem
}

.font__size-57 {
    font-size: 3.5625rem
}

.font__size-58 {
    font-size: 3.625rem
}

.font__size-59 {
    font-size: 3.6875rem
}

.font__size-60 {
    font-size: 3.75rem
}

.font__size-61 {
    font-size: 3.8125rem
}

.font__size-62 {
    font-size: 3.875rem
}

.font__size-63 {
    font-size: 3.9375rem
}

.font__size-64 {
    font-size: 4rem
}

.font__size-65 {
    font-size: 4.0625rem
}

.font__size-66 {
    font-size: 4.125rem
}

.font__size-67 {
    font-size: 4.1875rem
}

.font__size-68 {
    font-size: 4.25rem
}

.font__size-69 {
    font-size: 4.3125rem
}

.font__size-70 {
    font-size: 4.375rem
}

.font__size-71 {
    font-size: 4.4375rem
}

.font__size-72 {
    font-size: 4.5rem
}

.font__size-73 {
    font-size: 4.5625rem
}

.font__size-74 {
    font-size: 4.625rem
}

.font__size-75 {
    font-size: 4.6875rem
}

.font__size-76 {
    font-size: 4.75rem
}

.font__size-77 {
    font-size: 4.8125rem
}

.font__size-78 {
    font-size: 4.875rem
}

.font__size-79 {
    font-size: 4.9375rem
}

.font__size-80 {
    font-size: 5rem
}

.font__size-81 {
    font-size: 5.0625rem
}

.font__size-82 {
    font-size: 5.125rem
}

.font__size-83 {
    font-size: 5.1875rem
}

.font__size-84 {
    font-size: 5.25rem
}

.font__size-85 {
    font-size: 5.3125rem
}

.font__size-86 {
    font-size: 5.375rem
}

.font__size-96 {
    font-size: 6rem
}

.font__size-98 {
    font-size: 6.125rem
}

.font__size-100 {
    font-size: 6.25rem
}

.font__size-106 {
    font-size: 6.625rem
}

.font__size-120 {
    font-size: 7.5rem
}

.font__size-124 {
    font-size: 7.75rem
}

.font__size-156 {
    font-size: 9.75rem
}

.font__size-186 {
    font-size: 11.625rem
}

.font__size-196 {
    font-size: 12.25rem
}

.font__size-224 {
    font-size: 14rem
}

@media (min-width:576px) {
    .font__size-sm-10 {
        font-size: .625rem
    }

    .font__size-sm-11 {
        font-size: .6875rem
    }

    .font__size-sm-12 {
        font-size: .75rem
    }

    .font__size-sm-13 {
        font-size: .8125rem
    }

    .font__size-sm-14 {
        font-size: .875rem
    }

    .font__size-sm-15 {
        font-size: .9375rem
    }

    .font__size-sm-16 {
        font-size: 1rem
    }

    .font__size-sm-17 {
        font-size: 1.0625rem
    }

    .font__size-sm-18 {
        font-size: 1.125rem
    }

    .font__size-sm-19 {
        font-size: 1.1875rem
    }

    .font__size-sm-20 {
        font-size: 1.25rem
    }

    .font__size-sm-21 {
        font-size: 1.3125rem
    }

    .font__size-sm-22 {
        font-size: 1.375rem
    }

    .font__size-sm-23 {
        font-size: 1.4375rem
    }

    .font__size-sm-24 {
        font-size: 1.5rem
    }

    .font__size-sm-25 {
        font-size: 1.5625rem
    }

    .font__size-sm-26 {
        font-size: 1.625rem
    }

    .font__size-sm-27 {
        font-size: 1.6875rem
    }

    .font__size-sm-28 {
        font-size: 1.75rem
    }

    .font__size-sm-29 {
        font-size: 1.8125rem
    }

    .font__size-sm-30 {
        font-size: 1.875rem
    }

    .font__size-sm-31 {
        font-size: 1.9375rem
    }

    .font__size-sm-32 {
        font-size: 2rem
    }

    .font__size-sm-33 {
        font-size: 2.0625rem
    }

    .font__size-sm-34 {
        font-size: 2.125rem
    }

    .font__size-sm-35 {
        font-size: 2.1875rem
    }

    .font__size-sm-36 {
        font-size: 2.25rem
    }

    .font__size-sm-37 {
        font-size: 2.3125rem
    }

    .font__size-sm-38 {
        font-size: 2.375rem
    }

    .font__size-sm-39 {
        font-size: 2.4375rem
    }

    .font__size-sm-40 {
        font-size: 2.5rem
    }

    .font__size-sm-41 {
        font-size: 2.5625rem
    }

    .font__size-sm-42 {
        font-size: 2.625rem
    }

    .font__size-sm-43 {
        font-size: 2.6875rem
    }

    .font__size-sm-44 {
        font-size: 2.75rem
    }

    .font__size-sm-45 {
        font-size: 2.8125rem
    }

    .font__size-sm-46 {
        font-size: 2.875rem
    }

    .font__size-sm-47 {
        font-size: 2.9375rem
    }

    .font__size-sm-48 {
        font-size: 3rem
    }

    .font__size-sm-49 {
        font-size: 3.0625rem
    }

    .font__size-sm-50 {
        font-size: 3.125rem
    }

    .font__size-sm-51 {
        font-size: 3.1875rem
    }

    .font__size-sm-52 {
        font-size: 3.25rem
    }

    .font__size-sm-53 {
        font-size: 3.3125rem
    }

    .font__size-sm-54 {
        font-size: 3.375rem
    }

    .font__size-sm-55 {
        font-size: 3.4375rem
    }

    .font__size-sm-56 {
        font-size: 3.5rem
    }

    .font__size-sm-57 {
        font-size: 3.5625rem
    }

    .font__size-sm-58 {
        font-size: 3.625rem
    }

    .font__size-sm-59 {
        font-size: 3.6875rem
    }

    .font__size-sm-60 {
        font-size: 3.75rem
    }

    .font__size-sm-61 {
        font-size: 3.8125rem
    }

    .font__size-sm-62 {
        font-size: 3.875rem
    }

    .font__size-sm-63 {
        font-size: 3.9375rem
    }

    .font__size-sm-64 {
        font-size: 4rem
    }

    .font__size-sm-65 {
        font-size: 4.0625rem
    }

    .font__size-sm-66 {
        font-size: 4.125rem
    }

    .font__size-sm-67 {
        font-size: 4.1875rem
    }

    .font__size-sm-68 {
        font-size: 4.25rem
    }

    .font__size-sm-69 {
        font-size: 4.3125rem
    }

    .font__size-sm-70 {
        font-size: 4.375rem
    }

    .font__size-sm-71 {
        font-size: 4.4375rem
    }

    .font__size-sm-72 {
        font-size: 4.5rem
    }

    .font__size-sm-73 {
        font-size: 4.5625rem
    }

    .font__size-sm-74 {
        font-size: 4.625rem
    }

    .font__size-sm-75 {
        font-size: 4.6875rem
    }

    .font__size-sm-76 {
        font-size: 4.75rem
    }

    .font__size-sm-77 {
        font-size: 4.8125rem
    }

    .font__size-sm-78 {
        font-size: 4.875rem
    }

    .font__size-sm-79 {
        font-size: 4.9375rem
    }

    .font__size-sm-80 {
        font-size: 5rem
    }

    .font__size-sm-81 {
        font-size: 5.0625rem
    }

    .font__size-sm-82 {
        font-size: 5.125rem
    }

    .font__size-sm-83 {
        font-size: 5.1875rem
    }

    .font__size-sm-84 {
        font-size: 5.25rem
    }

    .font__size-sm-85 {
        font-size: 5.3125rem
    }

    .font__size-sm-86 {
        font-size: 5.375rem
    }

    .font__size-sm-96 {
        font-size: 6rem
    }

    .font__size-sm-98 {
        font-size: 6.125rem
    }

    .font__size-sm-100 {
        font-size: 6.25rem
    }

    .font__size-sm-106 {
        font-size: 6.625rem
    }

    .font__size-sm-120 {
        font-size: 7.5rem
    }

    .font__size-sm-124 {
        font-size: 7.75rem
    }

    .font__size-sm-156 {
        font-size: 9.75rem
    }

    .font__size-sm-186 {
        font-size: 11.625rem
    }

    .font__size-sm-196 {
        font-size: 12.25rem
    }

    .font__size-sm-224 {
        font-size: 14rem
    }
}

@media (min-width:768px) {
    .font__size-md-10 {
        font-size: .625rem
    }

    .font__size-md-11 {
        font-size: .6875rem
    }

    .font__size-md-12 {
        font-size: .75rem
    }

    .font__size-md-13 {
        font-size: .8125rem
    }

    .font__size-md-14 {
        font-size: .875rem
    }

    .font__size-md-15 {
        font-size: .9375rem
    }

    .font__size-md-16 {
        font-size: 1rem
    }

    .font__size-md-17 {
        font-size: 1.0625rem
    }

    .font__size-md-18 {
        font-size: 1.125rem
    }

    .font__size-md-19 {
        font-size: 1.1875rem
    }

    .font__size-md-20 {
        font-size: 1.25rem
    }

    .font__size-md-21 {
        font-size: 1.3125rem
    }

    .font__size-md-22 {
        font-size: 1.375rem
    }

    .font__size-md-23 {
        font-size: 1.4375rem
    }

    .font__size-md-24 {
        font-size: 1.5rem
    }

    .font__size-md-25 {
        font-size: 1.5625rem
    }

    .font__size-md-26 {
        font-size: 1.625rem
    }

    .font__size-md-27 {
        font-size: 1.6875rem
    }

    .font__size-md-28 {
        font-size: 1.75rem
    }

    .font__size-md-29 {
        font-size: 1.8125rem
    }

    .font__size-md-30 {
        font-size: 1.875rem
    }

    .font__size-md-31 {
        font-size: 1.9375rem
    }

    .font__size-md-32 {
        font-size: 2rem
    }

    .font__size-md-33 {
        font-size: 2.0625rem
    }

    .font__size-md-34 {
        font-size: 2.125rem
    }

    .font__size-md-35 {
        font-size: 2.1875rem
    }

    .font__size-md-36 {
        font-size: 2.25rem
    }

    .font__size-md-37 {
        font-size: 2.3125rem
    }

    .font__size-md-38 {
        font-size: 2.375rem
    }

    .font__size-md-39 {
        font-size: 2.4375rem
    }

    .font__size-md-40 {
        font-size: 2.5rem
    }

    .font__size-md-41 {
        font-size: 2.5625rem
    }

    .font__size-md-42 {
        font-size: 2.625rem
    }

    .font__size-md-43 {
        font-size: 2.6875rem
    }

    .font__size-md-44 {
        font-size: 2.75rem
    }

    .font__size-md-45 {
        font-size: 2.8125rem
    }

    .font__size-md-46 {
        font-size: 2.875rem
    }

    .font__size-md-47 {
        font-size: 2.9375rem
    }

    .font__size-md-48 {
        font-size: 3rem
    }

    .font__size-md-49 {
        font-size: 3.0625rem
    }

    .font__size-md-50 {
        font-size: 3.125rem
    }

    .font__size-md-51 {
        font-size: 3.1875rem
    }

    .font__size-md-52 {
        font-size: 3.25rem
    }

    .font__size-md-53 {
        font-size: 3.3125rem
    }

    .font__size-md-54 {
        font-size: 3.375rem
    }

    .font__size-md-55 {
        font-size: 3.4375rem
    }

    .font__size-md-56 {
        font-size: 3.5rem
    }

    .font__size-md-57 {
        font-size: 3.5625rem
    }

    .font__size-md-58 {
        font-size: 3.625rem
    }

    .font__size-md-59 {
        font-size: 3.6875rem
    }

    .font__size-md-60 {
        font-size: 3.75rem
    }

    .font__size-md-61 {
        font-size: 3.8125rem
    }

    .font__size-md-62 {
        font-size: 3.875rem
    }

    .font__size-md-63 {
        font-size: 3.9375rem
    }

    .font__size-md-64 {
        font-size: 4rem
    }

    .font__size-md-65 {
        font-size: 4.0625rem
    }

    .font__size-md-66 {
        font-size: 4.125rem
    }

    .font__size-md-67 {
        font-size: 4.1875rem
    }

    .font__size-md-68 {
        font-size: 4.25rem
    }

    .font__size-md-69 {
        font-size: 4.3125rem
    }

    .font__size-md-70 {
        font-size: 4.375rem
    }

    .font__size-md-71 {
        font-size: 4.4375rem
    }

    .font__size-md-72 {
        font-size: 4.5rem
    }

    .font__size-md-73 {
        font-size: 4.5625rem
    }

    .font__size-md-74 {
        font-size: 4.625rem
    }

    .font__size-md-75 {
        font-size: 4.6875rem
    }

    .font__size-md-76 {
        font-size: 4.75rem
    }

    .font__size-md-77 {
        font-size: 4.8125rem
    }

    .font__size-md-78 {
        font-size: 4.875rem
    }

    .font__size-md-79 {
        font-size: 4.9375rem
    }

    .font__size-md-80 {
        font-size: 5rem
    }

    .font__size-md-81 {
        font-size: 5.0625rem
    }

    .font__size-md-82 {
        font-size: 5.125rem
    }

    .font__size-md-83 {
        font-size: 5.1875rem
    }

    .font__size-md-84 {
        font-size: 5.25rem
    }

    .font__size-md-85 {
        font-size: 5.3125rem
    }

    .font__size-md-86 {
        font-size: 5.375rem
    }

    .font__size-md-96 {
        font-size: 6rem
    }

    .font__size-md-98 {
        font-size: 6.125rem
    }

    .font__size-md-100 {
        font-size: 6.25rem
    }

    .font__size-md-106 {
        font-size: 6.625rem
    }

    .font__size-md-120 {
        font-size: 7.5rem
    }

    .font__size-md-124 {
        font-size: 7.75rem
    }

    .font__size-md-156 {
        font-size: 9.75rem
    }

    .font__size-md-186 {
        font-size: 11.625rem
    }

    .font__size-md-196 {
        font-size: 12.25rem
    }

    .font__size-md-224 {
        font-size: 14rem
    }
}

@media (min-width:992px) {
    .font__size-lg-10 {
        font-size: .625rem
    }

    .font__size-lg-11 {
        font-size: .6875rem
    }

    .font__size-lg-12 {
        font-size: .75rem
    }

    .font__size-lg-13 {
        font-size: .8125rem
    }

    .font__size-lg-14 {
        font-size: .875rem
    }

    .font__size-lg-15 {
        font-size: .9375rem
    }

    .font__size-lg-16 {
        font-size: 1rem
    }

    .font__size-lg-17 {
        font-size: 1.0625rem
    }

    .font__size-lg-18 {
        font-size: 1.125rem
    }

    .font__size-lg-19 {
        font-size: 1.1875rem
    }

    .font__size-lg-20 {
        font-size: 1.25rem
    }

    .font__size-lg-21 {
        font-size: 1.3125rem
    }

    .font__size-lg-22 {
        font-size: 1.375rem
    }

    .font__size-lg-23 {
        font-size: 1.4375rem
    }

    .font__size-lg-24 {
        font-size: 1.5rem
    }

    .font__size-lg-25 {
        font-size: 1.5625rem
    }

    .font__size-lg-26 {
        font-size: 1.625rem
    }

    .font__size-lg-27 {
        font-size: 1.6875rem
    }

    .font__size-lg-28 {
        font-size: 1.75rem
    }

    .font__size-lg-29 {
        font-size: 1.8125rem
    }

    .font__size-lg-30 {
        font-size: 1.875rem
    }

    .font__size-lg-31 {
        font-size: 1.9375rem
    }

    .font__size-lg-32 {
        font-size: 2rem
    }

    .font__size-lg-33 {
        font-size: 2.0625rem
    }

    .font__size-lg-34 {
        font-size: 2.125rem
    }

    .font__size-lg-35 {
        font-size: 2.1875rem
    }

    .font__size-lg-36 {
        font-size: 2.25rem
    }

    .font__size-lg-37 {
        font-size: 2.3125rem
    }

    .font__size-lg-38 {
        font-size: 2.375rem
    }

    .font__size-lg-39 {
        font-size: 2.4375rem
    }

    .font__size-lg-40 {
        font-size: 2.5rem
    }

    .font__size-lg-41 {
        font-size: 2.5625rem
    }

    .font__size-lg-42 {
        font-size: 2.625rem
    }

    .font__size-lg-43 {
        font-size: 2.6875rem
    }

    .font__size-lg-44 {
        font-size: 2.75rem
    }

    .font__size-lg-45 {
        font-size: 2.8125rem
    }

    .font__size-lg-46 {
        font-size: 2.875rem
    }

    .font__size-lg-47 {
        font-size: 2.9375rem
    }

    .font__size-lg-48 {
        font-size: 3rem
    }

    .font__size-lg-49 {
        font-size: 3.0625rem
    }

    .font__size-lg-50 {
        font-size: 3.125rem
    }

    .font__size-lg-51 {
        font-size: 3.1875rem
    }

    .font__size-lg-52 {
        font-size: 3.25rem
    }

    .font__size-lg-53 {
        font-size: 3.3125rem
    }

    .font__size-lg-54 {
        font-size: 3.375rem
    }

    .font__size-lg-55 {
        font-size: 3.4375rem
    }

    .font__size-lg-56 {
        font-size: 3.5rem
    }

    .font__size-lg-57 {
        font-size: 3.5625rem
    }

    .font__size-lg-58 {
        font-size: 3.625rem
    }

    .font__size-lg-59 {
        font-size: 3.6875rem
    }

    .font__size-lg-60 {
        font-size: 3.75rem
    }

    .font__size-lg-61 {
        font-size: 3.8125rem
    }

    .font__size-lg-62 {
        font-size: 3.875rem
    }

    .font__size-lg-63 {
        font-size: 3.9375rem
    }

    .font__size-lg-64 {
        font-size: 4rem
    }

    .font__size-lg-65 {
        font-size: 4.0625rem
    }

    .font__size-lg-66 {
        font-size: 4.125rem
    }

    .font__size-lg-67 {
        font-size: 4.1875rem
    }

    .font__size-lg-68 {
        font-size: 4.25rem
    }

    .font__size-lg-69 {
        font-size: 4.3125rem
    }

    .font__size-lg-70 {
        font-size: 4.375rem
    }

    .font__size-lg-71 {
        font-size: 4.4375rem
    }

    .font__size-lg-72 {
        font-size: 4.5rem
    }

    .font__size-lg-73 {
        font-size: 4.5625rem
    }

    .font__size-lg-74 {
        font-size: 4.625rem
    }

    .font__size-lg-75 {
        font-size: 4.6875rem
    }

    .font__size-lg-76 {
        font-size: 4.75rem
    }

    .font__size-lg-77 {
        font-size: 4.8125rem
    }

    .font__size-lg-78 {
        font-size: 4.875rem
    }

    .font__size-lg-79 {
        font-size: 4.9375rem
    }

    .font__size-lg-80 {
        font-size: 5rem
    }

    .font__size-lg-81 {
        font-size: 5.0625rem
    }

    .font__size-lg-82 {
        font-size: 5.125rem
    }

    .font__size-lg-83 {
        font-size: 5.1875rem
    }

    .font__size-lg-84 {
        font-size: 5.25rem
    }

    .font__size-lg-85 {
        font-size: 5.3125rem
    }

    .font__size-lg-86 {
        font-size: 5.375rem
    }

    .font__size-lg-96 {
        font-size: 6rem
    }

    .font__size-lg-98 {
        font-size: 6.125rem
    }

    .font__size-lg-100 {
        font-size: 6.25rem
    }

    .font__size-lg-106 {
        font-size: 6.625rem
    }

    .font__size-lg-120 {
        font-size: 7.5rem
    }

    .font__size-lg-124 {
        font-size: 7.75rem
    }

    .font__size-lg-156 {
        font-size: 9.75rem
    }

    .font__size-lg-186 {
        font-size: 11.625rem
    }

    .font__size-lg-196 {
        font-size: 12.25rem
    }

    .font__size-lg-224 {
        font-size: 14rem
    }
}

@media (min-width:1230px) {
    .font__size-xl-10 {
        font-size: .625rem
    }

    .font__size-xl-11 {
        font-size: .6875rem
    }

    .font__size-xl-12 {
        font-size: .75rem
    }

    .font__size-xl-13 {
        font-size: .8125rem
    }

    .font__size-xl-14 {
        font-size: .875rem
    }

    .font__size-xl-15 {
        font-size: .9375rem
    }

    .font__size-xl-16 {
        font-size: 1rem
    }

    .font__size-xl-17 {
        font-size: 1.0625rem
    }

    .font__size-xl-18 {
        font-size: 1.125rem
    }

    .font__size-xl-19 {
        font-size: 1.1875rem
    }

    .font__size-xl-20 {
        font-size: 1.25rem
    }

    .font__size-xl-21 {
        font-size: 1.3125rem
    }

    .font__size-xl-22 {
        font-size: 1.375rem
    }

    .font__size-xl-23 {
        font-size: 1.4375rem
    }

    .font__size-xl-24 {
        font-size: 1.5rem
    }

    .font__size-xl-25 {
        font-size: 1.5625rem
    }

    .font__size-xl-26 {
        font-size: 1.625rem
    }

    .font__size-xl-27 {
        font-size: 1.6875rem
    }

    .font__size-xl-28 {
        font-size: 1.75rem
    }

    .font__size-xl-29 {
        font-size: 1.8125rem
    }

    .font__size-xl-30 {
        font-size: 1.875rem
    }

    .font__size-xl-31 {
        font-size: 1.9375rem
    }

    .font__size-xl-32 {
        font-size: 2rem
    }

    .font__size-xl-33 {
        font-size: 2.0625rem
    }

    .font__size-xl-34 {
        font-size: 2.125rem
    }

    .font__size-xl-35 {
        font-size: 2.1875rem
    }

    .font__size-xl-36 {
        font-size: 2.25rem
    }

    .font__size-xl-37 {
        font-size: 2.3125rem
    }

    .font__size-xl-38 {
        font-size: 2.375rem
    }

    .font__size-xl-39 {
        font-size: 2.4375rem
    }

    .font__size-xl-40 {
        font-size: 2.5rem
    }

    .font__size-xl-41 {
        font-size: 2.5625rem
    }

    .font__size-xl-42 {
        font-size: 2.625rem
    }

    .font__size-xl-43 {
        font-size: 2.6875rem
    }

    .font__size-xl-44 {
        font-size: 2.75rem
    }

    .font__size-xl-45 {
        font-size: 2.8125rem
    }

    .font__size-xl-46 {
        font-size: 2.875rem
    }

    .font__size-xl-47 {
        font-size: 2.9375rem
    }

    .font__size-xl-48 {
        font-size: 3rem
    }

    .font__size-xl-49 {
        font-size: 3.0625rem
    }

    .font__size-xl-50 {
        font-size: 3.125rem
    }

    .font__size-xl-51 {
        font-size: 3.1875rem
    }

    .font__size-xl-52 {
        font-size: 3.25rem
    }

    .font__size-xl-53 {
        font-size: 3.3125rem
    }

    .font__size-xl-54 {
        font-size: 3.375rem
    }

    .font__size-xl-55 {
        font-size: 3.4375rem
    }

    .font__size-xl-56 {
        font-size: 3.5rem
    }

    .font__size-xl-57 {
        font-size: 3.5625rem
    }

    .font__size-xl-58 {
        font-size: 3.625rem
    }

    .font__size-xl-59 {
        font-size: 3.6875rem
    }

    .font__size-xl-60 {
        font-size: 3.75rem
    }

    .font__size-xl-61 {
        font-size: 3.8125rem
    }

    .font__size-xl-62 {
        font-size: 3.875rem
    }

    .font__size-xl-63 {
        font-size: 3.9375rem
    }

    .font__size-xl-64 {
        font-size: 4rem
    }

    .font__size-xl-65 {
        font-size: 4.0625rem
    }

    .font__size-xl-66 {
        font-size: 4.125rem
    }

    .font__size-xl-67 {
        font-size: 4.1875rem
    }

    .font__size-xl-68 {
        font-size: 4.25rem
    }

    .font__size-xl-69 {
        font-size: 4.3125rem
    }

    .font__size-xl-70 {
        font-size: 4.375rem
    }

    .font__size-xl-71 {
        font-size: 4.4375rem
    }

    .font__size-xl-72 {
        font-size: 4.5rem
    }

    .font__size-xl-73 {
        font-size: 4.5625rem
    }

    .font__size-xl-74 {
        font-size: 4.625rem
    }

    .font__size-xl-75 {
        font-size: 4.6875rem
    }

    .font__size-xl-76 {
        font-size: 4.75rem
    }

    .font__size-xl-77 {
        font-size: 4.8125rem
    }

    .font__size-xl-78 {
        font-size: 4.875rem
    }

    .font__size-xl-79 {
        font-size: 4.9375rem
    }

    .font__size-xl-80 {
        font-size: 5rem
    }

    .font__size-xl-81 {
        font-size: 5.0625rem
    }

    .font__size-xl-82 {
        font-size: 5.125rem
    }

    .font__size-xl-83 {
        font-size: 5.1875rem
    }

    .font__size-xl-84 {
        font-size: 5.25rem
    }

    .font__size-xl-85 {
        font-size: 5.3125rem
    }

    .font__size-xl-86 {
        font-size: 5.375rem
    }

    .font__size-xl-96 {
        font-size: 6rem
    }

    .font__size-xl-98 {
        font-size: 6.125rem
    }

    .font__size-xl-100 {
        font-size: 6.25rem
    }

    .font__size-xl-106 {
        font-size: 6.625rem
    }

    .font__size-xl-120 {
        font-size: 7.5rem
    }

    .font__size-xl-124 {
        font-size: 7.75rem
    }

    .font__size-xl-156 {
        font-size: 9.75rem
    }

    .font__size-xl-186 {
        font-size: 11.625rem
    }

    .font__size-xl-196 {
        font-size: 12.25rem
    }

    .font__size-xl-224 {
        font-size: 14rem
    }
}

.font-weight-normal {
    font-weight: 400 !important
}

.font-weight-bold {
    font-weight: 700
}

.font-weight-light {
    font-weight: 300
}

.font-weight-thin {
    font-weight: 100
}

.letter-spacing--100 {
    letter-spacing: -1px
}

.letter-spacing-1 {
    letter-spacing: .01em
}

.letter-spacing--1 {
    letter-spacing: -.01em
}

.letter-spacing-20 {
    letter-spacing: .02em !important
}

.letter-spacing--20 {
    letter-spacing: -.02em
}

.letter-spacing-40 {
    letter-spacing: .04em
}

.letter-spacing--40 {
    letter-spacing: -.04em
}

.letter-spacing-60 {
    letter-spacing: .06em
}

.letter-spacing-100 {
    letter-spacing: .1em
}

.letter-spacing-140 {
    letter-spacing: .14em
}

.letter-spacing-200 {
    letter-spacing: .2em
}

.letter-spacing-300 {
    letter-spacing: .3em
}

.line__height-10 {
    line-height: .625rem
}

.line__height-11 {
    line-height: .6875rem
}

.line__height-12 {
    line-height: .75rem
}

.line__height-13 {
    line-height: .8125rem
}

.line__height-14 {
    line-height: .875rem
}

.line__height-15 {
    line-height: .9375rem
}

.line__height-16 {
    line-height: 1rem
}

.line__height-17 {
    line-height: 1.0625rem
}

.line__height-18 {
    line-height: 1.125rem
}

.line__height-19 {
    line-height: 1.1875rem
}

.line__height-20 {
    line-height: 1.25rem
}

.line__height-21 {
    line-height: 1.3125rem
}

.line__height-22 {
    line-height: 1.375rem
}

.line__height-23 {
    line-height: 1.4375rem
}

.line__height-24 {
    line-height: 1.5rem
}

.line__height-25 {
    line-height: 1.5625rem
}

.line__height-26 {
    line-height: 1.625rem
}

.line__height-27 {
    line-height: 1.6875rem
}

.line__height-28 {
    line-height: 1.75rem
}

.line__height-29 {
    line-height: 1.8125rem
}

.line__height-30 {
    line-height: 1.875rem
}

.line__height-31 {
    line-height: 1.9375rem
}

.line__height-32 {
    line-height: 2rem
}

.line__height-33 {
    line-height: 2.0625rem
}

.line__height-34 {
    line-height: 2.125rem
}

.line__height-35 {
    line-height: 2.1875rem
}

.line__height-36 {
    line-height: 2.25rem
}

.line__height-37 {
    line-height: 2.3125rem
}

.line__height-38 {
    line-height: 2.375rem
}

.line__height-39 {
    line-height: 2.4375rem
}

.line__height-40 {
    line-height: 2.5rem
}

.line__height-41 {
    line-height: 2.5625rem
}

.line__height-42 {
    line-height: 2.625rem
}

.line__height-43 {
    line-height: 2.6875rem
}

.line__height-44 {
    line-height: 2.75rem
}

.line__height-45 {
    line-height: 2.8125rem
}

.line__height-46 {
    line-height: 2.875rem
}

.line__height-47 {
    line-height: 2.9375rem
}

.line__height-48 {
    line-height: 3rem
}

.line__height-49 {
    line-height: 3.0625rem
}

.line__height-50 {
    line-height: 3.125rem
}

.line__height-51 {
    line-height: 3.1875rem
}

.line__height-52 {
    line-height: 3.25rem
}

.line__height-53 {
    line-height: 3.3125rem
}

.line__height-54 {
    line-height: 3.375rem
}

.line__height-55 {
    line-height: 3.4375rem
}

.line__height-56 {
    line-height: 3.5rem
}

.line__height-57 {
    line-height: 3.5625rem
}

.line__height-58 {
    line-height: 3.625rem
}

.line__height-59 {
    line-height: 3.6875rem
}

.line__height-60 {
    line-height: 3.75rem
}

.line__height-61 {
    line-height: 3.8125rem
}

.line__height-62 {
    line-height: 3.875rem
}

.line__height-63 {
    line-height: 3.9375rem
}

.line__height-64 {
    line-height: 4rem
}

.line__height-65 {
    line-height: 4.0625rem
}

.line__height-66 {
    line-height: 4.125rem
}

.line__height-67 {
    line-height: 4.1875rem
}

.line__height-68 {
    line-height: 4.25rem
}

.line__height-69 {
    line-height: 4.3125rem
}

.line__height-70 {
    line-height: 4.375rem
}

.line__height-78 {
    line-height: 4.875rem
}

.line__height-84 {
    line-height: 5.25rem
}

.line__height-88 {
    line-height: 5.5rem
}

.line__height-96 {
    line-height: 6rem
}

.line__height-98 {
    line-height: 6.125rem
}

.line__height-156 {
    line-height: 9.75rem
}

.line__height-224 {
    line-height: 14rem
}

.line-height-0-75 {
    line-height: .75
}

.line-height-0-875 {
    line-height: .875
}

.line-height-1 {
    line-height: 1
}

.line-height-1-125 {
    line-height: 1.125
}

.line-height-1-25 {
    line-height: 1.25
}

.line-height-1-375 {
    line-height: 1.375
}

.line-height-1-5 {
    line-height: 1.5
}

.line-height-1-625 {
    line-height: 1.625
}

.line-height-1-75 {
    line-height: 1.75
}

.line-height-1-875 {
    line-height: 1.875
}

.line-height-2 {
    line-height: 2
}

.text-decoration_underline {
    text-decoration: underline
}

.form-control {
    position: relative;
    margin: 0;
    padding: 0;
    background: 0 0;
    box-shadow: none;
    border: 0
}

.badge:not(a).badge-primary {
    background: linear-gradient(to right,var(--brk-base-2),var(--brk-base-5));
    color: #fff;
    border-radius: 50px;
    padding: 0 20px
}

a.badge .badge-primary {
    background: linear-gradient(to top,#337eff,#0fc8ff);
    color: #fff;
    vertical-align: middle
}

.divider-dashed {
    width: 100%;
    display: block;
    margin: 30px 0 25px;
    float: left;
    position: relative
}

    .divider-dashed:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        height: 0;
        width: 100%;
        opacity: .2;
        border-bottom: 1px dashed
    }

.brk-theme-options {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 380px;
    transform: translateX(100%);
    height: 100vh;
    z-index: 100;
    transition: all .3s ease-in-out;
    border-top: 3px solid var(--brand-primary);
    box-shadow: 0 6px 30px 0 rgba(0,0,0,.12)
}

[dir=rtl] .brk-theme-options {
    right: auto;
    left: 0;
    transform: translateX(-100%)
}

.brk-theme-options.active {
    transform: translateX(0);
    z-index: 999
}

.brk-theme-options__panel {
    position: absolute;
    top: 165px;
    left: -52px;
    background-color: rgba(0,0,0,.2);
    box-shadow: -5.985px -.419px 30px 0 rgba(0,0,0,.08),inset -2px 0 10px 0 rgba(0,0,0,.04);
    width: 52px;
    height: auto;
    z-index: 108;
    padding: 0 0 17px;
    border-radius: 13px 0 0 13px
}

@media (max-width:575px) {
    .brk-theme-options__panel {
        left: -38px;
        width: 38px;
        border-radius: 9px 0 0 9px
    }
}

[dir=rtl] .brk-theme-options__panel {
    left: auto;
    right: -52px;
    border-radius: 0 13px 13px 0
}

.brk-theme-options__panel-link {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.125rem;
    padding: 10px 0;
    transition: all .5s ease-in-out
}

@media (max-width:575px) {
    .brk-theme-options__panel-link {
        padding: 8px 0
    }
}

.brk-theme-options__panel-link.panel-open {
    color: #fff;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding: 20px 0 15px;
    margin-bottom: 10px
}

@media (max-width:575px) {
    .brk-theme-options__panel-link.panel-open {
        padding: 16px 0 10px
    }
}

.accordion .card-block.all-light h4, .accordion-simple-rainbow .card-header a, .brk-theme-options__panel-link:hover {
    color: #fff
}

.brk-theme-options__panel-link:focus {
    color: #fff
}

.brk-theme-options__control {
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 100%
}

.brk-theme-options__header {
    line-height: 72px
}

.brk-theme-options__close {
    background-color: #f9f9f9;
    box-shadow: inset 1.782px .908px 10px 0 rgba(0,0,0,.04);
    position: absolute;
    top: 0;
    right: 0;
    width: 71px;
    height: 72px;
    z-index: 15;
    cursor: pointer
}

    .brk-theme-options__close:after, .brk-theme-options__close:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        width: 14px;
        height: 2px;
        transform-origin: center center;
        background-color: var(--brand-primary);
        transition: width .3s
    }

    .brk-theme-options__close:before {
        transform: translate(-50%,-50%) rotate(45deg)
    }

    .brk-theme-options__close:after {
        transform: translate(-50%,-50%) rotate(-45deg)
    }

[dir=rtl] .brk-theme-options__close {
    right: auto;
    left: 0
}

.brk-theme-options__close:hover:after, .brk-theme-options__close:hover:before {
    width: 16px
}

.brk-theme-options .card-block {
    padding: 30px 30px 40px
}

.brk-theme-options .row {
    margin: -5px
}

.brk-theme-options .col, .brk-theme-options [class*=col-] {
    padding: 5px
}

.brk-theme-options__check {
    position: relative;
    background: gray no-repeat center center;
    background-size: cover
}

.brk-theme-options__check_active {
    box-shadow: -5.985px -.419px 30px 0 rgba(0,0,0,.12)
}

.brk-theme-options__check_120, .brk-theme-options__check_60 {
    height: 120px;
    transition: all .3s ease-in-out
}

    .brk-theme-options__check_120:hover, .brk-theme-options__check_60:hover {
        transform: translateY(-7px) scale(1.03);
        box-shadow: 0 6px 15px 0 rgba(50,50,50,.3)
    }

.brk-theme-options__check_60 {
    height: 60px
}

    .brk-theme-options__check_60:hover {
        transform: translateY(-5px) scale(1.03)
    }

.brk-theme-options__check_45 {
    height: 45px
}

.brk-theme-options__check-title {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    color: #fff;
    font-size: .875rem
}

.brk-theme-options__more {
    display: flex;
    justify-content: center;
    width: 100%;
    color: var(--brand-primary);
    padding: 19px 0
}

    .brk-theme-options__more .brk-options-more {
        cursor: pointer;
        text-transform: uppercase;
        font-size: .875rem;
        line-height: 25px;
        border-bottom: 1px dashed var(--brand-primary)
    }

        .brk-theme-options__more .brk-options-more i {
            margin-right: 8px;
            margin-top: -1px
        }

.brk-theme-options__before {
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    left: 0;
    border: 3px solid #fff;
    background-color: rgba(var(--brand-primary-rgb),.9);
    display: none;
    z-index: 1
}

.brk-theme-options__check_active .brk-theme-options__before {
    display: block
}

.brk-theme-options__before i, .brk-theme-options__color-radio i {
    position: absolute;
    vertical-align: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: .8125rem
}

.brk-theme-options__check_title-on .brk-theme-options__before i {
    left: auto;
    right: 10px;
    transform: translateY(-50%)
}

.brk-theme-options__color {
    padding: 10px 0
}

.brk-theme-options__color-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px
}

.brk-theme-options__color-radio {
    position: relative;
    width: 32px;
    height: 32px;
    box-shadow: inset 0 0 0 1px #ececec;
    cursor: pointer;
    border-radius: 5px;
    overflow: hidden;
    margin: 6px 5px;
    --oc: #8d8d8d
}

    .brk-theme-options__color-radio:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(60deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.6) 100%);
        z-index: 9
    }

    .brk-theme-options__color-radio span {
        position: absolute;
        display: block;
        top: 3px;
        right: 3px;
        bottom: 3px;
        left: 3px;
        transition: all .3s ease-in-out;
        background-color: var(--oc)
    }

    .brk-theme-options__color-radio i {
        display: none;
        font-size: .875rem
    }

    .brk-theme-options__color-radio.checked span, .brk-theme-options__color-radio:hover span {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .brk-theme-options__color-radio.checked i {
        display: block
    }

.brk-theme-options .accordion-slider-min .card-toggle-icon .after, .brk-theme-options .accordion-slider-min .card-toggle-icon .before {
    transform: translate(-50%,-50%) rotate(0) !important
}

.brk-theme-options .accordion-slider-min .card-header {
    height: 60px
}

    .brk-theme-options .accordion-slider-min .card-header h5 {
        font-size: 1.0625rem !important;
        line-height: 17px !important
    }

    .brk-theme-options .accordion-slider-min .card-header:not(.collapsed) .before {
        transform: translate(-50%,-50%) rotate(90deg) !important
    }

    .brk-theme-options .accordion-slider-min .card-header:not(.collapsed) .after {
        transform: translate(-50%,-50%) rotate(180deg) !important
    }

.brk-theme-options .accordion .card-header {
    min-height: 60px
}

.accordion [class*=-slider] {
    opacity: 1;
    transition: opacity 1s ease-in-out .3s
}

.accordion .slider-hidden {
    position: absolute;
    opacity: 0
}

.accordion .card {
    color: #9f9f9f;
    overflow: visible
}

    .accordion .card + .card {
        margin-top: -1px
    }

.accordion .card-header {
    min-height: 76px;
    padding: 29px 85px 29px 40px;
    position: relative
}

[dir=rtl] .accordion .card-header {
    padding: 29px 40px 29px 85px
}

.accordion .card-header-sm {
    min-height: 60px;
    padding: 22px 30px 22px 22px
}

[dir=rtl] .accordion .card-header-sm {
    padding: 22px 22px 22px 30px
}

.accordion .card .card-header, div.wpcf7 .wpcf7-recaptcha iframe {
    margin-bottom: 0
}

.accordion .card-toggle-icon {
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    width: 76px
}

[dir=rtl] .accordion .card-toggle-icon {
    right: auto;
    left: -1px
}

.accordion .card-block.all-light p {
    color: rgba(255,255,255,.6)
}

.accordion .arrow {
    width: 9px;
    height: 9px;
    display: block;
    transform: translate(-50%,-50%) rotate(45deg);
    border-right: 2px solid var(--brand-primary);
    border-bottom: 2px solid var(--brand-primary);
    transition: transform ease-in-out .25s;
    position: absolute;
    top: 50%;
    left: 50%
}

.accordion .expanded .arrow {
    transform: translate(-50%,-50%) rotate(-135deg)
}

.accordion-rounded {
    border-radius: 20px
}

.brk-bordered-theme .accordion-rounded {
    border-radius: var(--b-radius)
}

    .brk-bordered-theme .accordion-rounded .card:first-child, .brk-bordered-theme .accordion-rounded .card:first-child .card-header {
        border-top-left-radius: var(--b-radius);
        border-top-right-radius: var(--b-radius)
    }

.accordion-rounded .card:first-child, .accordion-rounded .card:first-child .card-header {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.brk-bordered-theme .accordion-rounded .card:last-child, .brk-bordered-theme .accordion-rounded .card:last-child .card-block {
    border-bottom-left-radius: var(--b-radius);
    border-bottom-right-radius: var(--b-radius)
}

.accordion-rounded .card:last-child, .accordion-rounded .card:last-child .card-block {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

@media (min-width:992px) {
    .accordion-slider .slider-wrapper {
        padding: 0 1px 0 38px
    }

    .accordion-slider .slick-list {
        padding: 0 130px !important
    }
}

.accordion-slider .card {
    border: 0;
    border-radius: 0
}

    .accordion-slider .card.expanded .card-header {
        border-color: transparent;
        box-shadow: 0 5px 14px rgba(0,0,0,.1)
    }

        .accordion-slider .card.expanded .card-header .card-dash {
            width: 3px;
            opacity: 1
        }

.accordion-slider .card-toggle-icon {
    box-shadow: 2px 0 5px 0 rgba(0,0,0,.05) inset;
    background: #fafafa
}

    .accordion-slider .card-toggle-icon .after, .accordion-slider .card-toggle-icon .before {
        content: '';
        background-color: var(--brand-primary);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(0);
        transition: transform ease-in-out .2s
    }

    .accordion-slider .card-toggle-icon .after {
        width: 13px;
        height: 2px
    }

    .accordion-slider .card-toggle-icon .before {
        height: 13px;
        width: 2px
    }

    .accordion-slider .card-toggle-icon:not(.collapsed) .before {
        transform: translate(-50%,-50%) rotate(90deg)
    }

    .accordion-slider .card-toggle-icon:not(.collapsed) .after {
        transform: translate(-50%,-50%) rotate(180deg)
    }

.accordion-slider .card-title i, .accordion-slider .card-toggle-icon-title i {
    font-weight: 300;
    font-size: 16px
}

.accordion-slider .card-header {
    background: 0 0;
    border-radius: 0;
    border: 1px solid #e9e9e9;
    transition: all ease-in-out .3s;
    box-shadow: 0 0 15px 0 transparent,0 0 5px 0 transparent
}

    .accordion-slider .card-header .card-dash {
        position: absolute;
        width: 0;
        opacity: 0;
        left: -1px;
        top: -1px;
        bottom: -1px;
        transition: all ease-in-out .3s
    }

[dir=rtl] .accordion-slider .card-header .card-dash {
    left: auto;
    right: -1px
}

.accordion-slider .card-header h5 {
    position: relative;
    padding-left: 35px
}

[dir=rtl] .accordion-slider .card-header h5 {
    padding-left: 0;
    padding-right: 35px;
    text-align: right
}

.accordion-image .card-header h5 i, .accordion-slider .card-header h5 i, .accordion-slider-min .card-header h5 i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
    margin-top: -1px
}

.accordion-slider .card-block {
    padding: 53px 40px 40px;
    border: 1px solid #e9e9e9;
    border-top: none
}

@media (max-width:575px) {
    .accordion-slider .card-block {
        padding: 20px 15px 15px
    }
}

.brk-bordered-theme .accordion-simple .card:first-of-type .card-header, .brk-bordered-theme .accordion-slider .card.card:first-of-type .card-header {
    border-top-left-radius: var(--b-radius);
    border-top-right-radius: var(--b-radius);
    overflow: hidden
}

.brk-bordered-theme .accordion-simple .card:last-of-type .card-header, .brk-bordered-theme .accordion-slider .card.card:last-of-type .card-header {
    border-bottom-left-radius: var(--b-radius);
    border-bottom-right-radius: var(--b-radius);
    overflow: hidden
}

.brk-bordered-theme .accordion-slider .card.card.expanded:last-of-type .card-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.brk-bordered-theme .accordion-slider .card.card.expanded:last-of-type .card-block {
    border-bottom-left-radius: var(--b-radius);
    border-bottom-right-radius: var(--b-radius)
}

.accordion-image {
    box-shadow: 0 5px 20px 0 rgba(0,0,0,.15)
}

    .accordion-image .card {
        border: 0;
        border-radius: 0;
        margin: 0 !important;
        box-shadow: none
    }

        .accordion-image .card:last-child .card-header {
            border-bottom: none
        }

    .accordion-image .card-header {
        background: 0 0;
        border-radius: 0;
        border: 0;
        transition: all ease-in-out .3s;
        box-shadow: none;
        border-bottom: 1px solid #e9e9e9
    }

        .accordion-image .card-header h5 {
            position: relative;
            padding-left: 28px
        }

[dir=rtl] .accordion-image .card-header h5 {
    padding-left: 0;
    padding-right: 28px;
    text-align: right
}

.accordion-image .card-title i {
    font-weight: 300;
    font-size: 18px
}

.accordion-image .card-block {
    padding: 40px;
    border-top: none;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,.08);
    position: relative;
    z-index: 2;
    overflow: hidden
}

    .accordion-image .card-block img {
        width: 100%;
        height: auto
    }

    .accordion-image .card-block .highlight-underline {
        font-size: 28px;
        font-weight: 500;
        padding: 15px 0 8px 31px
    }

        .accordion-image .card-block .highlight-underline > .before {
            width: 2px;
            top: 7px;
            bottom: 4px
        }

.accordion-simple .arrow {
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000
}

.accordion-simple .card-dash {
    position: absolute;
    bottom: -1px;
    height: 2px;
    right: -1px;
    left: -1px;
    opacity: 0;
    transition: opacity ease-in-out .25s
}

.accordion-simple .expanded .card-dash {
    opacity: 1
}

.accordion-simple .card {
    border: 0;
    border-radius: 0
}

.accordion-simple .card-block {
    padding: 30px 0
}

.accordion-simple .card-toggle-icon {
    width: 40px
}

.accordion-simple .card-title i {
    margin-right: 10px;
    font-size: 16px
}

.accordion-simple-image .expanded .card-header {
    border-top-color: transparent
}

.accordion-simple-image .card + .card {
    margin-top: 0
}

    .accordion-simple-bg .card + .card.expanded .card-header, .accordion-simple-image .card + .card.expanded .card-header {
        border-top: 1px solid #e9e9e9
    }

.accordion-simple-image .card-header {
    border: 0;
    border-top: 1px solid #e9e9e9;
    background: 0 0;
    position: relative;
    border-radius: 0;
    transition: border-top-color ease-in-out .25s;
    padding: 20px 10px
}

.accordion-simple-bg .expanded .card-header {
    border-color: transparent;
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.1)
}

.accordion-simple-bg .card-toggle-icon {
    width: 50px
}

.accordion-simple-bg .card + .card {
    margin-top: -1px
}

.accordion-simple-bg .card-header {
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    border: 1px solid #e9e9e9;
    transition: border-color ease-in-out .25s
}

.accordion-simple-rainbow p {
    letter-spacing: .5px
}

.accordion-simple-rainbow .arrow {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.accordion-simple-rainbow .expanded .card-header {
    border-color: transparent;
    box-shadow: 0 4px 14px 0 rgba(0,0,0,.1)
}

.accordion-simple-rainbow .progress__count + .progress__count {
    margin-top: 36px
}

.accordion-simple-rainbow .card-toggle-icon {
    width: 55px
}

.accordion-simple-rainbow .card-block {
    padding: 30px 0 45px
}

.accordion-simple-rainbow .card + .card {
    margin-top: -1px
}

.accordion-simple-rainbow .card-header {
    border-radius: 0;
    box-shadow: none;
    background: #fff;
    border: 0;
    transition: border-color ease-in-out .25s
}

.accordion-simple-scale p {
    letter-spacing: .4px
}

.accordion-simple-scale .arrow {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    position: absolute;
    left: 10px
}

[dir=rtl] .accordion-simple-scale .arrow {
    left: auto;
    right: 10px
}

.accordion-simple-scale .expanded .card-header {
    box-shadow: 0 0 14px 0 rgba(0,0,0,.1);
    border: 0;
    background: #fff
}

.accordion-simple-scale .collapse, .accordion-simple-scale .collapsing {
    box-shadow: 0 0 14px 0 rgba(0,0,0,.1);
    margin: 0 -20px;
    z-index: 20
}

.brk-bordered-theme .accordion-simple-scale .card .collapse {
    border-radius: var(--b-radius);
    overflow: hidden
}

.accordion-simple-scale .card-block {
    z-index: 10;
    position: relative;
    background: #fff;
    padding: 30px 35px 25px
}

.accordion-simple-scale .card-toggle-icon {
    width: 60px;
    font-size: 16px;
    font-weight: 300
}

.accordion-simple-scale .card-header {
    border: 1px solid #e9e9e9;
    border-radius: 0;
    background: #fff;
    transition: all ease-in-out .25s
}

    .accordion-simple-scale .card-header i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.accordion-simple h5 a {
    color: #272727 !important;
    text-decoration: none !important
}

.accordion-slider-min .slider-wrapper {
    padding: 0 1px 0 38px
}

.accordion-slider-min .slick-list {
    padding: 0 130px !important
}

.accordion-slider-min .card {
    border: 0;
    border-radius: 0
}

.accordion-slider-min .card-toggle-icon {
    width: 72px
}

    .accordion-slider-min .card-toggle-icon .after, .accordion-slider-min .card-toggle-icon .before {
        content: '';
        background: var(--brand-primary);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%) rotate(0);
        transition: transform ease-in-out .2s
    }

    .accordion-slider-min .card-toggle-icon .after {
        width: 13px;
        height: 2px
    }

    .accordion-slider-min .card-toggle-icon .before {
        height: 13px;
        width: 2px
    }

    .accordion-slider-min .card-toggle-icon:not(.collapsed) .before {
        transform: translate(-50%,-50%) rotate(90deg)
    }

    .accordion-slider-min .card-toggle-icon:not(.collapsed) .after {
        transform: translate(-50%,-50%) rotate(180deg)
    }

.accordion-slider-min .card-header {
    background: 0 0;
    border-radius: 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 0 65px 0 30px;
    display: flex;
    align-items: center;
    height: 65px
}

.accordion-slider-min .card-block {
    padding: 30px 30px 40px
}

.accordion-slider-min .card-header h5, .brk-tabs .brk-tabs-content {
    position: relative
}

.brk-tabs .brk-tab-item {
    display: none
}

.brk-tabs-simple-top .brk-tabs-nav {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 3px solid var(--text-base-color-3)
}

@media (max-width:575px) {
    .brk-tabs-simple-top .brk-tabs-nav {
        border-bottom: transparent
    }
}

.brk-tabs-simple-top .magic-line {
    position: absolute;
    bottom: -3px;
    left: 0;
    height: 3px;
    z-index: 9;
    background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
}

@media (max-width:767px) {
    .brk-tabs-simple-top .magic-line {
        display: none !important
    }
}

.brk-tabs-simple-top .brk-tab {
    position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0 32px;
    cursor: pointer;
    font-size: .9375rem;
    text-transform: uppercase;
    color: var(--brand-primary)
}

@media (max-width:991px) {
    .brk-tabs-simple-top .brk-tab {
        height: 50px;
        line-height: 50px;
        padding: 0 22px;
        font-size: .8125rem
    }
}

@media (max-width:767px) {
    .brk-tabs-simple-top .brk-tab:before {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -3px;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        transition: all .3s ease-in-out;
        background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
    }
}

@media (max-width:575px) {
    .brk-tabs-simple-top .brk-tab {
        height: auto;
        line-height: 38px;
        padding: 5px 22px;
        font-size: .8125rem;
        width: 100%;
        flex-basis: 100%;
        border-bottom: 3px solid var(--text-base-color-3)
    }
}

.brk-tabs-simple-top .brk-tab span {
    margin-left: 12px
}

.brk-tabs-side-left .brk-tab i, .brk-tabs-simple-bottom .brk-tab i, .brk-tabs-simple-top .brk-tab i {
    vertical-align: 0;
    font-weight: 400
}

.brk-tabs-simple-top .brk-tabs-content {
    padding: 45px 0 0
}

.brk-tabs-simple-top .brk-tab-item {
    text-align: left
}

    .brk-tabs-simple-top .brk-tab-item span {
        display: inline-block
    }

    .brk-tabs-simple-bottom .brk-tab-item.active, .brk-tabs-simple-top .brk-tab-item.active {
        display: block
    }

.brk-tabs-simple-bottom {
    position: relative;
    padding-bottom: 70px;
    display: flex;
    flex-direction: column
}

    .brk-tabs-simple-bottom .brk-tabs-nav {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        order: 2;
        position: relative;
        border-top: 3px solid var(--text-base-color-3)
    }

@media (max-width:575px) {
    .brk-tabs-simple-bottom .brk-tabs-nav {
        border-top: transparent
    }
}

.brk-tabs-simple-bottom .magic-line {
    position: absolute;
    top: -3px;
    left: 0;
    height: 3px;
    z-index: 9;
    background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
}

@media (max-width:767px) {
    .brk-tabs-simple-bottom .magic-line {
        display: none !important
    }
}

.brk-tabs-simple-bottom .brk-tab {
    position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0 32px;
    cursor: pointer;
    font-size: .9375rem;
    text-transform: uppercase;
    color: var(--brand-primary)
}

@media (max-width:991px) {
    .brk-tabs-simple-bottom .brk-tab {
        height: 50px;
        line-height: 50px;
        padding: 0 22px;
        font-size: .8125rem
    }
}

@media (max-width:767px) {
    .brk-tabs-simple-bottom .brk-tab:before {
        content: '';
        position: absolute;
        left: 50%;
        top: -3px;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        transition: all .3s ease-in-out;
        background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
    }
}

@media (max-width:575px) {
    .brk-tabs-simple-bottom .brk-tab {
        height: auto;
        line-height: 38px;
        padding: 5px 22px;
        font-size: .8125rem;
        width: 100%;
        flex-basis: 100%;
        border-top: 3px solid var(--text-base-color-3)
    }
}

.brk-tabs-simple-bottom .brk-tab span {
    margin-left: 12px
}

.brk-tabs-simple-bottom .brk-tabs-content {
    padding: 0 0 20px;
    order: 1
}

.brk-tabs-simple-bottom .brk-tab-item {
    text-align: left
}

    .brk-tabs-side-left .brk-tab-item span, .brk-tabs-side-right .brk-tab-item span, .brk-tabs-simple-bottom .brk-tab-item span {
        display: inline-block
    }

.brk-tabs-icon-left, .brk-tabs-icon-right, .brk-tabs-side-left, .brk-tabs-side-right {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

    .brk-tabs-side-left .brk-tabs-nav {
        flex-basis: 270px;
        width: 270px
    }

@media (max-width:991px) {
    .brk-tabs-side-left .brk-tabs-nav {
        flex-basis: 52px;
        width: 52px
    }
}

.brk-tabs-side-left .brk-tab {
    position: relative;
    height: 52px;
    line-height: 52px;
    padding: 0 10px 0 23px;
    cursor: pointer;
    font-size: .9375rem;
    text-transform: uppercase;
    text-align: left;
    transition: all .3s ease-in-out;
    color: var(--brand-primary)
}

@media (max-width:991px) {
    .brk-tabs-side-left .brk-tab {
        padding: 0;
        width: 100%
    }
}

.brk-tabs-side-left .brk-tab .after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    transition: all .3s ease-in-out;
    background-image: linear-gradient(to bottom,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
}

.brk-tabs-side-left .brk-tab.active, .brk-tabs-side-left .brk-tab:hover {
    background-color: var(--text-base-color-3)
}

    .brk-tabs-side-left .brk-tab.active .after, .brk-tabs-side-left .brk-tab:hover .after, .brk-tabs-side-right .brk-tab.active .after, .brk-tabs-side-right .brk-tab:hover .after {
        height: 100%
    }

.brk-tabs-side-left .brk-tab span:not(.after) {
    margin-left: 12px
}

@media (max-width:991px) {
    .brk-tabs-side-left .brk-tab span:not(.after) {
        display: none
    }
}

@media (max-width:991px) {
    .brk-tabs-side-left .brk-tab i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

.brk-tabs-side-left .brk-tabs-content {
    flex-basis: calc(100% - 300px);
    width: calc(100% - 300px)
}

@media (max-width:991px) {
    .brk-tabs-side-left .brk-tabs-content {
        flex-basis: calc(100% - 72px);
        width: calc(100% - 72px)
    }
}

.brk-tabs-side-left .brk-tab-item.active {
    display: block
}

.brk-tabs-side-right .brk-tabs-nav {
    flex-basis: 270px;
    width: 270px;
    order: 2
}

@media (max-width:991px) {
    .brk-tabs-side-right .brk-tabs-nav {
        flex-basis: 52px;
        width: 52px
    }
}

.brk-tabs-side-right .brk-tab {
    position: relative;
    height: 52px;
    line-height: 52px;
    padding: 0 23px 0 10px;
    cursor: pointer;
    font-size: .9375rem;
    text-transform: uppercase;
    text-align: right;
    transition: all .3s ease-in-out;
    color: var(--brand-primary)
}

@media (max-width:991px) {
    .brk-tabs-side-right .brk-tab {
        padding: 0;
        width: 100%
    }
}

.brk-tabs-side-right .brk-tab .after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    transition: all .3s ease-in-out;
    background-image: linear-gradient(to bottom,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
}

.brk-tabs-side-right .brk-tab.active, .brk-tabs-side-right .brk-tab:hover {
    background-color: var(--text-base-color-3)
}

.brk-tabs-side-right .brk-tab span:not(.after) {
    margin-right: 12px
}

@media (max-width:991px) {
    .brk-tabs-side-right .brk-tab span:not(.after) {
        display: none
    }
}

.brk-tabs-side-right .brk-tab i {
    vertical-align: 0;
    font-weight: 400
}

@media (max-width:991px) {
    .brk-tabs-side-right .brk-tab i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }
}

.brk-tabs-side-right .brk-tabs-content {
    flex-basis: calc(100% - 300px);
    width: calc(100% - 300px);
    order: 1
}

@media (max-width:991px) {
    .brk-tabs-side-right .brk-tabs-content {
        flex-basis: calc(100% - 72px);
        width: calc(100% - 72px)
    }
}

.brk-tabs-side-right .brk-tab-item.active {
    display: block
}

.brk-tabs-icon-left .brk-tabs-nav {
    flex-basis: 60px;
    width: 60px;
    background-color: var(--text-base-color-3)
}

.brk-tabs-icon-left .brk-tab {
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0;
    cursor: pointer;
    font-size: 1.125rem;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s ease-in-out;
    color: var(--brand-primary)
}

    .brk-tabs-icon-left .brk-tab span, .brk-tabs-icon-left .brk-tab.active, .brk-tabs-icon-left .brk-tab:hover {
        background-color: var(--brand-primary)
    }

        .brk-tabs-icon-left .brk-tab.active i, .brk-tabs-icon-left .brk-tab:hover i, .brk-tabs-icon-right .brk-tab.active i, .brk-tabs-icon-right .brk-tab:hover i {
            color: var(--white)
        }

        .brk-tabs-icon-left .brk-tab:hover span, .brk-tabs-icon-right .brk-tab:hover span {
            transform: translate(0,-50%);
            opacity: 1;
            visibility: visible
        }

    .brk-tabs-icon-left .brk-tab span {
        position: absolute;
        left: 82px;
        right: auto;
        top: 50%;
        font-size: .9375rem;
        line-height: 42px;
        display: block;
        padding: 0 25px;
        height: 42px;
        white-space: nowrap;
        transform: translate(-82px,-50%);
        transition: all .3s ease-in-out;
        opacity: 0;
        visibility: hidden;
        z-index: 9;
        color: var(--white)
    }

@media (min-width:1400px) {
    .brk-tabs-icon-left .brk-tab span {
        right: 82px;
        left: auto;
        transform: translate(82px,-50%)
    }
}

.brk-tabs-icon-left .brk-tab span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -8px;
    right: auto;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid var(--brand-primary)
}

@media (min-width:1400px) {
    .brk-tabs-icon-left .brk-tab span:before {
        right: -8px;
        left: auto;
        border-right: none !important;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid var(--brand-primary)
    }
}

.brk-tabs-bottom-bottom .brk-tab i, .brk-tabs-bottom-top .brk-tab i, .brk-tabs-icon-left .brk-tab i, .brk-tabs-icon-right .brk-tab i, .brk-tabs-parallax .brk-tab i, .brk-tabs-simple .brk-tab i, .brk-tabs-smooth .brk-tab i {
    vertical-align: 0;
    font-weight: 400
}

.brk-tabs-icon-left .brk-tabs-content {
    flex-basis: calc(100% - 90px);
    width: calc(100% - 90px)
}

.brk-tabs-icon-left .brk-tab-item {
    text-align: left
}

    .brk-tabs-icon-left .brk-tab-item span {
        display: inline-block
    }

    .brk-tabs-icon-left .brk-tab-item.active {
        display: block
    }

.brk-tabs-icon-right .brk-tabs-nav {
    flex-basis: 60px;
    width: 60px;
    order: 2;
    background-color: var(--text-base-color-3)
}

.brk-tabs-icon-right .brk-tab {
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0;
    cursor: pointer;
    font-size: 1.125rem;
    text-transform: uppercase;
    text-align: center;
    transition: all .3s ease-in-out;
    color: var(--brand-primary)
}

    .brk-tabs-icon-right .brk-tab span, .brk-tabs-icon-right .brk-tab.active, .brk-tabs-icon-right .brk-tab:hover {
        background-color: var(--brand-primary)
    }

    .brk-tabs-icon-right .brk-tab span {
        position: absolute;
        left: auto;
        right: 82px;
        top: 50%;
        font-size: .9375rem;
        line-height: 42px;
        display: block;
        padding: 0 25px;
        height: 42px;
        white-space: nowrap;
        transform: translate(82px,-50%);
        transition: all .3s ease-in-out;
        opacity: 0;
        visibility: hidden;
        color: var(--white)
    }

@media (min-width:1400px) {
    .brk-tabs-icon-right .brk-tab span {
        right: auto;
        left: 82px;
        transform: translate(-82px,-50%)
    }
}

.brk-tabs-icon-right .brk-tab span:before {
    content: '';
    position: absolute;
    top: 50%;
    left: auto;
    right: -8px;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid var(--brand-primary)
}

@media (min-width:1400px) {
    .brk-tabs-icon-right .brk-tab span:before {
        right: auto;
        left: -8px;
        border-left: none !important;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid var(--brand-primary)
    }
}

.brk-tabs-icon-right .brk-tabs-content {
    flex-basis: calc(100% - 90px);
    width: calc(100% - 90px);
    order: 1
}

.brk-tabs-icon-right .brk-tab-item {
    text-align: left
}

    .brk-tabs-icon-right .brk-tab-item span {
        display: inline-block
    }

    .brk-tabs-icon-right .brk-tab-item.active {
        display: block
    }

.brk-tabs-bottom-top {
    background-color: var(--white)
}

    .brk-tabs-bottom-top .brk-tabs-nav {
        display: flex;
        flex-wrap: wrap;
        position: relative
    }

    .brk-tabs-bottom-top .magic-line {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
    }

@media (max-width:991px) {
    .brk-tabs-bottom-top .magic-line {
        display: none
    }
}

.brk-tabs-bottom-top .brk-tab {
    position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0 15px;
    text-align: center;
    flex-grow: 1;
    cursor: pointer;
    font-size: 1rem;
    text-transform: uppercase;
    color: var(--brand-primary);
    border: 1px solid #f1f1f1;
    border-left-color: transparent;
    z-index: 2;
    transition: all .2s ease-in-out
}

@media (max-width:991px) {
    .brk-tabs-bottom-top .brk-tab {
        height: 50px;
        line-height: 50px;
        padding: 0 22px;
        font-size: .8125rem
    }

        .brk-tabs-bottom-top .brk-tab:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 0;
            height: 0;
            transition: all .3s ease-in-out;
            z-index: -1;
            background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
        }
}

@media (max-width:767px) {
    .brk-tabs-bottom-top .brk-tab {
        border-left-color: #f1f1f1 !important
    }
}

@media (max-width:575px) {
    .brk-tabs-bottom-top .brk-tab {
        height: 38px;
        line-height: 38px;
        padding: 0 22px;
        font-size: .8125rem;
        width: 100%;
        flex-basis: 100%;
        border-top-color: transparent
    }
}

.brk-tabs-bottom-top .brk-tab:first-child {
    border-left: 1px solid #f1f1f1
}

@media (max-width:575px) {
    .brk-tabs-bottom-top .brk-tab:first-child {
        border-top-color: #f1f1f1 !important
    }
}

.brk-tabs-bottom-top .brk-tab.active, .brk-tabs-bottom-top .brk-tab:hover {
    color: var(--white)
}

    .brk-tabs-bottom-bottom .brk-tab.active:before, .brk-tabs-bottom-bottom .brk-tab:hover:before, .brk-tabs-bottom-top .brk-tab.active:before, .brk-tabs-bottom-top .brk-tab:hover:before, .brk-testimonials-dash-two__dots-img img {
        width: 100%;
        height: 100%
    }

@media (min-width:992px) {
    .brk-tabs-bottom-top .brk-tab.no-hover {
        color: var(--brand-primary)
    }
}

.brk-tabs-bottom-bottom .brk-tab span, .brk-tabs-bottom-top .brk-tab span, .brk-tabs-parallax .brk-tab span {
    margin-left: 12px
}

.brk-tabs-bottom-top .brk-tabs-content {
    padding: 70px;
    border: 1px solid #f1f1f1;
    border-top: transparent
}

@media (max-width:991px) {
    .brk-tabs-bottom-top .brk-tabs-content {
        padding: 30px 20px
    }
}

.brk-tabs-bottom-top .brk-tab-item {
    text-align: left
}

    .brk-tabs-bottom-top .brk-tab-item.active {
        display: block
    }

.brk-tabs-bottom-bottom {
    background-color: var(--white);
    position: relative;
    padding-bottom: 70px;
    display: flex;
    flex-direction: column
}

    .brk-tabs-bottom-bottom .brk-tabs-nav {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
        order: 2
    }

    .brk-tabs-bottom-bottom .magic-line {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
    }

@media (max-width:991px) {
    .brk-tabs-bottom-bottom .magic-line {
        display: none
    }
}

.brk-tabs-bottom-bottom .brk-tab {
    position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0 15px;
    text-align: center;
    flex-grow: 1;
    cursor: pointer;
    font-size: 1rem;
    text-transform: uppercase;
    z-index: 3;
    transition: all .2s ease-in-out;
    color: var(--brand-primary);
    border: 1px solid #f1f1f1;
    border-left-color: transparent
}

@media (max-width:991px) {
    .brk-tabs-bottom-bottom .brk-tab {
        height: 50px;
        line-height: 50px;
        padding: 0 22px;
        font-size: .8125rem
    }

        .brk-tabs-bottom-bottom .brk-tab:before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width: 0;
            height: 0;
            transition: all .3s ease-in-out;
            z-index: -1;
            background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
        }
}

@media (max-width:767px) {
    .brk-tabs-bottom-bottom .brk-tab {
        border-left-color: #f1f1f1 !important
    }
}

@media (max-width:575px) {
    .brk-tabs-bottom-bottom .brk-tab {
        height: 38px;
        line-height: 38px;
        padding: 0 22px;
        font-size: .8125rem;
        width: 100%;
        flex-basis: 100%;
        border-top-color: transparent
    }
}

.brk-tabs-bottom-bottom .brk-tab:first-child {
    border-left: 1px solid #f1f1f1
}

@media (max-width:575px) {
    .brk-tabs-bottom-bottom .brk-tab:first-child {
        border-top-color: #f1f1f1 !important
    }
}

.brk-tabs-bottom-bottom .brk-tab.active, .brk-tabs-bottom-bottom .brk-tab:hover {
    color: var(--white)
}

@media (min-width:992px) {
    .brk-tabs-bottom-bottom .brk-tab.no-hover {
        color: var(--brand-primary)
    }
}

.brk-tabs-bottom-bottom .brk-tabs-content {
    padding: 70px;
    order: 1;
    border: 1px solid #f1f1f1;
    border-bottom: transparent
}

@media (max-width:991px) {
    .brk-tabs-bottom-bottom .brk-tabs-content {
        padding: 30px 20px
    }
}

.brk-tabs-bottom-bottom .brk-tab-item {
    text-align: left
}

    .brk-tabs-bottom-bottom .brk-tab-item.active {
        display: block
    }

.brk-tabs-parallax, .brk-tabs-smooth {
    position: relative;
    box-shadow: 0 6px 30px rgba(0,0,0,.12)
}

.brk-tabs-parallax {
    display: flex;
    flex-direction: column
}

    .brk-tabs-parallax .brk-tabs-nav {
        display: flex;
        flex-wrap: wrap;
        position: relative;
        width: 100%;
        z-index: 2;
        order: 2
    }

    .brk-tabs-parallax .magic-line {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        z-index: 9;
        background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
    }

@media (max-width:991px) {
    .brk-tabs-parallax .magic-line {
        display: none
    }
}

.brk-tabs-parallax .brk-tab {
    position: relative;
    height: 70px;
    line-height: 70px;
    padding: 0 15px;
    text-align: center;
    flex-grow: 1;
    display: block;
    cursor: pointer;
    font-size: .9375rem;
    text-transform: uppercase;
    box-shadow: 0 -10px 14px rgba(0,0,0,.06);
    color: var(--brand-primary);
    background-color: var(--white)
}

.brk-tabs-parallax .brk-tab_dark {
    color: var(--brk-base-3)
}

@media (max-width:991px) {
    .brk-tabs-parallax .brk-tab {
        height: 50px;
        line-height: 50px;
        padding: 0 22px;
        font-size: .8125rem
    }

        .brk-tabs-parallax .brk-tab:before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 0;
            z-index: 9;
            transition: all .3s ease-in-out;
            background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
        }
}

@media (max-width:575px) {
    .brk-tabs-parallax .brk-tab {
        height: 38px;
        line-height: 38px;
        padding: 0 22px;
        font-size: .8125rem;
        width: 100%;
        flex-basis: 100%
    }
}

.brk-tabs-parallax .brk-tab.active:before, .brk-tabs-parallax .brk-tab:hover:before {
    height: 3px
}

.brk-tabs-parallax .brk-tabs-content {
    position: relative;
    z-index: 1;
    order: 1
}

.brk-tabs-parallax .brk-tab-item {
    text-align: left;
    padding: 70px;
    position: relative
}

@media (max-width:991px) {
    .brk-tabs-parallax .brk-tab-item {
        padding: 30px 20px
    }
}

.brk-tabs-parallax .brk-tab-item .layer-fix {
    position: absolute;
    right: 70px;
    bottom: -40px
}

@media (max-width:991px) {
    .brk-tabs-parallax .brk-tab-item .layer-fix {
        display: none
    }
}

.brk-tabs-parallax .brk-tab-item span {
    display: inline-block
}

.brk-tabs-parallax .brk-tab-item.active, .brk-tabs-smooth .brk-tab span {
    display: block
}

.brk-tabs-smooth {
    border-radius: 26px;
    overflow: hidden;
    background-color: var(--white)
}

    .brk-tabs-smooth .brk-tabs-nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
        background: no-repeat center center;
        background-size: cover;
        box-shadow: 0 5px 10px rgba(0,0,0,.08);
        border-bottom: 3px solid var(--brk-secondary-3)
    }

@media (max-width:991px) {
    .brk-tabs-smooth .brk-tabs-nav {
        padding: 10px 0
    }
}

.brk-tabs-smooth .brk-tabs-nav:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-image: linear-gradient(to right,rgba(var(--brk-base-3-rgb),.92),rgba(var(--brk-secondary-3-rgb),.92))
}

.brk-tabs-smooth .brk-tab {
    position: relative;
    height: 100px;
    line-height: 100px;
    padding: 0 20px;
    cursor: pointer;
    font-size: 1.125rem;
    font-weight: 300;
    text-transform: uppercase;
    z-index: 2;
    transition: all .3s ease-in-out;
    color: rgba(var(--white-rgb),.4)
}

@media (max-width:991px) {
    .brk-tabs-smooth .brk-tab {
        height: 40px;
        line-height: 40px;
        padding: 0 8px;
        font-size: .875rem
    }
}

.brk-tabs-smooth .brk-tab:after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    bottom: -9px;
    opacity: 0;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 6px solid var(--brk-secondary-4);
    transition: all .3s ease-in-out
}

@media (max-width:991px) {
    .brk-tabs-smooth .brk-tab:after {
        display: none
    }
}

.brk-tabs-smooth .brk-tab.active, .brk-tabs-smooth .brk-tab:hover {
    color: var(--white)
}

    .brk-tabs-smooth .brk-tab.active:after, .brk-tabs-smooth .brk-tab:hover:after {
        opacity: 1
    }

.brk-tabs-smooth .brk-tabs-content {
    padding: 40px
}

@media (max-width:991px) {
    .brk-tabs-smooth .brk-tabs-content {
        padding: 20px
    }
}

.brk-tabs-smooth .brk-tab-item {
    text-align: left
}

    .brk-tabs-smooth .brk-tab-item span {
        display: inline-block
    }

    .brk-tabs-smooth .brk-tab-item.active {
        display: block
    }

.brk-tabs-hovers, .brk-tabs-simple .brk-tabs-nav {
    display: flex;
    flex-wrap: wrap
}

.brk-tabs-simple .brk-tab {
    position: relative;
    width: auto;
    text-align: center;
    min-width: 200px;
    height: 68px;
    line-height: 68px;
    padding: 0 15px;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    box-shadow: 0 -10px 14px rgba(0,0,0,.06);
    transition: all .3s ease-in-out;
    margin-top: 8px;
    color: var(--brand-primary);
    background-color: #fdfdfd
}

@media (max-width:991px) {
    .brk-tabs-simple .brk-tab {
        min-width: 1px;
        height: 58px;
        line-height: 58px;
        font-size: .8125rem;
        font-weight: 500;
        margin-top: 0;
        z-index: 10
    }
}

.brk-tabs-simple .brk-tab:after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 0;
    height: 3px;
    transform: translateX(-50%);
    transition: all .3s ease-in-out;
    background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-secondary-3-rgb),.94))
}

.brk-tabs-simple .brk-tab.active, .brk-tabs-simple .brk-tab:hover {
    height: 76px;
    margin-top: 0;
    padding-top: 8px;
    z-index: 9;
    background-color: var(--white)
}

@media (max-width:991px) {
    .brk-tabs-simple .brk-tab.active, .brk-tabs-simple .brk-tab:hover {
        height: 58px;
        padding-top: 0
    }
}

.brk-tabs-simple .brk-tab.active:after, .brk-tabs-simple .brk-tab:hover:after {
    width: 100%
}

.brk-tabs-simple .brk-tab span {
    margin-left: 12px
}

.brk-tabs-simple .brk-tabs-content {
    padding: 40px;
    box-shadow: 0 6px 30px rgba(0,0,0,.12);
    background-color: var(--white)
}

@media (max-width:991px) {
    .brk-tabs-simple .brk-tabs-content {
        padding: 20px
    }
}

.brk-tabs-simple .brk-tab-item {
    text-align: left
}

    .brk-tabs-simple .brk-tab-item span {
        display: inline-block
    }

    .brk-tabs-simple .brk-tab-item.active {
        display: block
    }

.brk-tabs-hovers {
    position: relative;
    justify-content: space-between
}

.brk-tabs-hovers_style-1 .brk-tabs-nav {
    background-color: #f9fbff;
    box-shadow: inset -2px 0 10px rgba(0,0,0,.06),inset 0 0 5px rgba(0,0,0,.01);
    padding-top: 26px
}

.brk-tabs-hovers_style-1 .brk-tab {
    font-size: .875rem;
    line-height: 48px;
    text-transform: uppercase;
    padding-left: 29px;
    position: relative;
    z-index: 1
}

[dir=rtl] .brk-tabs-hovers_style-1 .brk-tab {
    padding-left: 0;
    padding-right: 29px
}

.brk-tabs-hovers_style-1 .brk-tab:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5px;
    right: -5px;
    opacity: 0;
    z-index: -1;
    background-color: #f3f7ff;
    box-shadow: 0 2px 5px rgba(0,0,0,.16);
    transition: all .3s ease-in-out
}

.brk-tabs-hovers_style-1 .brk-tab i {
    vertical-align: 0;
    position: relative;
    top: -1px;
    margin-right: 22px;
    color: #c1c1c1
}

[dir=rtl] .brk-tabs-hovers_style-1 .brk-tab i {
    margin-right: 0;
    margin-left: 22px
}

.brk-tabs-hovers_style-1 .brk-tab.current:before, .brk-tabs-hovers_style-1 .brk-tab:hover:before {
    opacity: 1
}

.brk-tabs-hovers_style-1 .brk-tab.current i, .brk-tabs-hovers_style-1 .brk-tab:hover i {
    color: var(--brand-primary)
}

.brk-tabs-hovers_style-2 .brk-tabs-nav {
    padding-top: 15px;
    border-right: 1px solid rgba(0,0,0,.1)
}

.brk-tabs-hovers_style-2 .brk-tab {
    font-size: .75rem;
    line-height: 42px;
    text-transform: uppercase;
    padding-left: 28px
}

[dir=rtl] .brk-tabs-hovers_style-2 .brk-tab {
    padding-left: 0;
    padding-right: 28px
}

.brk-tabs-hovers_style-2 .brk-tab:before, .brk-tabs-hovers_style-3 .brk-tab:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    transition: all .3s ease-in-out;
    background-color: var(--brk-base-6)
}

.brk-tabs-hovers_style-2 .brk-tab i, .brk-tabs-hovers_style-3 .brk-tab i {
    line-height: inherit;
    margin-right: 15px
}

[dir=rtl] .brk-tabs-hovers_style-2 .brk-tab i, [dir=rtl] .brk-tabs-hovers_style-3 .brk-tab i {
    margin-right: 0;
    margin-left: 15px
}

.brk-tabs-hovers_style-2 .brk-tab.current, .brk-tabs-hovers_style-2 .brk-tab:hover {
    background-color: #f7f7f7
}

    .brk-tabs-hovers_style-2 .brk-tab.current:before, .brk-tabs-hovers_style-2 .brk-tab:hover:before, .brk-tabs-hovers_style-3 .brk-tab.current:before, .brk-tabs-hovers_style-3 .brk-tab:hover:before {
        width: 2px
    }

.brk-tabs-hovers_style-3 .brk-tabs-nav {
    padding-top: 15px;
    border-right: 1px solid rgba(0,0,0,.1)
}

@media (min-width:991px) {
    .brk-tabs-hovers_style-3 .brk-tabs-nav {
        flex-basis: 260px !important;
        width: 260px !important
    }
}

.brk-tabs-hovers_style-3 .brk-tab {
    font-size: .75rem;
    line-height: 42px;
    text-transform: uppercase;
    padding-left: 28px
}

[dir=rtl] .brk-tabs-hovers_style-3 .brk-tab {
    padding-left: 0;
    padding-right: 28px
}

.brk-tabs-hovers_style-3 .brk-tab.current, .brk-tabs-hovers_style-3 .brk-tab:hover {
    background-color: #f7f7f7
}

@media (min-width:991px) {
    .brk-tabs-hovers_style-3 .brk-tabs-content {
        flex-basis: calc(100% - 260px) !important;
        width: calc(100% - 260px) !important
    }
}

.brk-tabs-hovers .brk-tabs-nav {
    flex-basis: 100%;
    width: 100%
}

@media (min-width:991px) {
    .brk-tabs-hovers .brk-tabs-nav {
        flex-basis: 315px;
        width: 315px;
        text-align: left
    }

    [dir=rtl] .brk-tabs-hovers .brk-tabs-nav {
        text-align: right
    }
}

.brk-tabs-hovers .brk-tab {
    display: block;
    cursor: pointer;
    position: relative;
    z-index: 3;
    transition: all .3s ease-in-out
}

.brk-tabs-hovers .brk-tabs-content {
    flex-basis: 100%;
    width: 100%
}

@media (min-width:991px) {
    .brk-tabs-hovers .brk-tabs-content {
        flex-basis: calc(100% - 315px);
        width: calc(100% - 315px)
    }
}

.brk-tabs-hovers__duplicate-icon {
    position: absolute;
    bottom: -11px;
    left: -24px;
    z-index: 1
}

[dir=rtl] .brk-tabs-hovers__duplicate-icon {
    left: auto;
    right: -24px
}

.brk-tabs-hovers__duplicate-icon i {
    font-size: 16rem;
    line-height: 200px;
    color: rgba(157,190,255,.1)
}

@media (max-width:1500px) {
    .brk-tabs-hovers__duplicate-icon i {
        font-size: 11.875rem;
        line-height: 150px
    }
}

@media (max-width:991px) {
    .brk-tabs-hovers__duplicate-icon {
        display: none
    }
}

.brk-tabs-simple-smooth {
    display: flex
}

    .brk-tabs-simple-smooth .brk-tabs-nav {
        min-width: 200px;
        flex-shrink: 0;
        text-align: right
    }

    .brk-tabs-simple-smooth .brk-tab {
        cursor: pointer;
        margin-bottom: 27px;
        color: #b6b6b6
    }

        .brk-tabs-simple-smooth .brk-tab.active, .brk-tabs-simple-smooth .brk-tab:hover {
            color: var(--brk-base-3)
        }

    .brk-tabs-simple-smooth .brk-tabs-content {
        text-align: left;
        margin-left: 45px
    }

@media screen and (max-width:992px) {
    .brk-tabs-simple-smooth .brk-tabs-nav {
        min-width: 1px
    }
}

@media screen and (max-width:768px) {
    .brk-tabs-simple-smooth {
        flex-direction: column
    }

        .brk-tabs-simple-smooth .brk-tabs-nav {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            flex-wrap: wrap
        }

        .brk-tabs-simple-smooth .brk-tabs-content {
            margin-left: 0 !important
        }
}

.brk-tabs_canted .brk-tabs-nav {
    display: flex;
    flex-grow: 1;
    border-bottom: 1px solid #ebebeb;
    padding: 0
}

@media screen and (max-width:768px) {
    .brk-tabs_canted .brk-tabs-nav {
        flex-direction: column;
        border: 0
    }
}

.brk-tabs_canted .brk-tab {
    padding: 18px 50px 17px;
    margin-left: -35px;
    -webkit-clip-path: polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%);
    clip-path: polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%);
    cursor: pointer;
    transition: .3s ease all;
    color: #585858
}

    .brk-tabs_canted .brk-tab:first-child {
        border-top-left-radius: 5px;
        -webkit-clip-path: polygon(0 0,calc(100% - 35px) 0,100% 100%,0% 100%);
        clip-path: polygon(0 0,calc(100% - 35px) 0,100% 100%,0% 100%);
        padding-left: 33px;
        margin-left: 0
    }

    .brk-tabs_canted .brk-tab:last-child {
        -webkit-clip-path: polygon(0 0,100% 0,100% 100%,35px 100%);
        clip-path: polygon(0 0,100% 0,100% 100%,35px 100%);
        border-top-right-radius: 5px;
        padding-right: 30px
    }

    .brk-tabs_canted .brk-tab.active, .brk-tabs_canted .brk-tab:hover {
        background-image: linear-gradient(to top,#f2f4f8 0%,#f0f2f8 100%);
        color: #272727
    }

@media screen and (max-width:768px) {
    .brk-tabs_canted .brk-tab {
        margin-left: 0;
        text-align: center;
        -webkit-clip-path: polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%) !important;
        clip-path: polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%) !important
    }
}

@supports not ((-webkit-clip-path:polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%)) or (clip-path:polygon(0 0,calc(100% - 35px) 0,100% 100%,35px 100%))) {
    .brk-tabs_canted .brk-tab {
        margin-left: 0
    }

        .brk-tabs_canted .brk-tab:first-child, .brk-tabs_canted .brk-tab:last-child {
            padding: 18px 50px 17px
        }
}

.brk-tabs_rounded {
    position: relative
}

    .brk-tabs_rounded .brk-tabs-nav {
        min-height: 58px;
        margin-top: -58px;
        box-shadow: 0 5px 16px rgba(0,0,0,.2);
        background-color: #fff;
        border: 4px solid #fff;
        border-radius: 30px;
        transform: translateY(50%);
        z-index: 1
    }

    .brk-tabs_rounded .brk-tabs-content {
        padding-top: 71px;
        padding-bottom: 40px;
        position: relative;
        box-shadow: 0 5px 10px rgba(0,0,0,.08)
    }

    .brk-tabs_rounded .brk-tabs-content__img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        z-index: -2
    }

    .brk-tabs_rounded .brk-tab:before, .brk-tabs_rounded .brk-tabs-content__overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1
    }

    .brk-tabs_rounded .brk-tab {
        height: 50px;
        opacity: .7;
        position: relative;
        color: var(--brand-primary);
        transition: .3s ease color,.3s ease opacity,.3s ease box-shadow;
        cursor: pointer;
        z-index: 1;
        border-radius: 25px
    }

@media screen and (max-width:992px) {
    .brk-tabs_rounded .brk-tab {
        width: 100%;
        justify-content: center
    }
}

.brk-tabs_rounded .brk-tab i {
    margin-right: 10px;
    margin-top: -4px
}

.brk-tabs_rounded .brk-tab:before {
    content: "";
    background-color: #fff;
    border-radius: 25px;
    transition: .3s ease background-color
}

.brk-tabs_rounded .brk-tab:hover {
    opacity: 1
}

.brk-tabs_rounded .brk-tab.active {
    opacity: 1;
    color: #fff;
    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb),.5);
    z-index: 2
}

.brk-safari .brk-tabs_rounded .brk-tab.active {
    box-shadow: none
}

.brk-tabs_rounded .brk-tab.active:before {
    background-color: var(--brand-primary)
}

.brk-tabs_rounded .brk-tab-item, .btn {
    z-index: 1
}

.brk-tabs_rounded .slick-list {
    margin-left: -15px;
    margin-right: -15px
}

.brk-tabs_rounded .slick-slide {
    padding: 25px 15px
}

.brk-tabs_rounded .brk-slider__control {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,50%)
}

.brk-tabs_rounded .brk-slider__next, .brk-tabs_rounded .brk-slider__prev {
    padding: 5px 7px;
    cursor: pointer;
    margin-top: -4px
}

.brk-tabs_rounded .brk-slider__prev {
    order: -1;
    margin-right: -45px;
    z-index: 10
}

.brk-tabs_rounded .brk-slider__next {
    order: 2;
    margin-left: -45px;
    z-index: 10
}

.brk-tabs_rounded .slick-dots {
    position: relative;
    transform: none;
    left: auto;
    max-width: none;
    padding: 0 50px
}

.btn {
    display: inline-block;
    text-align: center;
    line-height: inherit;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    margin: 10px
}

.btn-shadow {
    box-shadow: 0 5px 10px -2px var(--brk-base-1) !important
}

.btn-shadow-small {
    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb),.5)
}

.brk-safari .btn-shadow-small {
    box-shadow: 0 5px 16px var(--brk-base-6)
}

.btn-dark-shadow {
    box-shadow: 0 5px 10px -2px rgba(0,0,0,.4) !important
}

.btn-dark-shadow-small {
    box-shadow: 0 5px 16px rgba(0,0,0,.1)
}

.btn-no-shadow {
    box-shadow: none !important
}

.invert, .invert .bsk-btn {
    color: #fff !important
}

.btn-min-width-200 {
    min-width: 200px
}

.btn-min-width-110 {
    min-width: 110px
}

@media screen and (max-width:767px) {
    .btn-xs-max-width {
        width: 100%
    }
}

.btn-sm {
    padding: 4px 22px
}

    .btn-sm, .btn-sm i.icon-inside, .btn-sm-1, .btn-sm-1 i.icon-inside {
        font-size: 13px
    }

        .btn-sm.btn-inside-out > .before {
            padding-top: 4px
        }

        .btn-sm-1.btn-simple, .btn-sm.btn-simple {
            min-width: 130px
        }

.btn-sm-1 {
    padding: 8px 26px
}

    .btn-sm-1.btn-inside-out > .before {
        padding-top: 8px
    }

.btn-sm-2 {
    padding: 7px 22px
}

    .btn-md, .btn-md i.icon-inside, .btn-md-1 i.icon-inside, .btn-md-5 i, .btn-sm-2, .btn-sm-2 i.icon-inside {
        font-size: 14px
    }

        .btn-sm-2.btn-inside-out > .before {
            padding-top: 7px
        }

        .btn-sm-2.btn-simple {
            min-width: 110px
        }

.btn-md {
    padding: 10px 33px
}

    .btn-md-1.btn-inside-out > .before, .btn-md.btn-inside-out > .before {
        padding-top: 10px
    }

.btn-md-1 {
    letter-spacing: 3.5px;
    min-height: 44px;
    font-size: 14px
}

.btn-md-1, .btn-md-2 {
    padding: 10px 33px
}

    .btn-md-2, .btn-md-2 i.icon-inside {
        font-size: 16px
    }

        .btn-md-2.btn-inside-out > .before {
            padding-top: 12px
        }

.btn-md-3 {
    padding: 9px 22px 9px 26px;
    font-size: 14px
}

.btn-md-4, .btn-md-4 i.icon-inside {
    font-size: 12px
}

.btn-md-5 {
    font-size: 10px;
    padding: 12px 33px
}

.btn-lg {
    padding: 15px 33px
}

    .btn-lg, .btn-lg i.icon-inside {
        font-size: 16px
    }

        .btn-lg.btn-inside-out > .before {
            padding-top: 15px
        }

.btn-lg-1 {
    padding: 13px 33px
}

    .btn-lg-1, .btn-lg-1 i.icon-inside {
        font-size: 12px
    }

        .btn-lg-1.btn-inside-out > .before {
            padding-top: 13px
        }

.btn-xl {
    padding: 17px 42px
}

    .btn-xl, .btn-xl i.icon-inside {
        font-size: 19px
    }

        .btn-xl.btn-inside-out > .before {
            padding-top: 17px
        }

.btn__full_width {
    width: 100%
}

.btn [class*=fa-].icon-left {
    margin: 0 0 0 10px;
    position: relative;
    z-index: 3
}

.border-radius-50 {
    border-radius: 50px
}

.border-radius-30, .border-radius-30.btn-prime .border-btn {
    border-radius: 30px
}

.border-radius-25, .border-radius-25.btn-prime .border-btn {
    border-radius: 25px
}

.border-radius-10, .border-radius-10.btn-prime .border-btn {
    border-radius: 10px
}

.border-radius-5, .border-radius-5.btn-prime .border-btn {
    border-radius: 5px
}

.border-radius-0, .border-radius-0.btn-prime .border-btn {
    border-radius: 0
}

.btn-box {
    text-align: center
}

    .btn-box + .btn-box {
        margin-top: 49px
    }

.brk-bordered-theme .btn, .brk-bordered-theme .btn.btn-prime .border-btn {
    border-radius: var(--b-radius)
}

.btn:focus {
    box-shadow: none;
    color: #fff
}

.btn [class*=fa-] {
    margin-right: 10px;
    vertical-align: baseline
}

[dir=rtl] .btn [class*=fa-] {
    margin-right: 0;
    margin-left: 10px
}

.btn-icon:after, .btn-icon:before {
    padding-left: 10px
}

.btn-icon [class*=fa-] {
    position: relative;
    color: #fff;
    font-size: 16px;
    z-index: 1
}

.btn-icon-right i {
    position: absolute !important;
    right: 20px;
    margin-right: 0 !important;
    top: 50%;
    transform: translateY(-50%)
}

.btn-icon-right:after, .btn-icon-right:before {
    padding-left: 0
}

.btn.btn-icon-abs [class*=fa-] {
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translateY(-50%);
    font-size: 48px;
    color: #e0e0ff;
    opacity: .3;
    z-index: 1
}

.btn-simple {
    position: relative;
    background: #fff;
    color: var(--brand-primary);
    box-shadow: 0 5px 16px 0 rgba(0,0,0,.2);
    padding: 10px 15px;
    min-width: 110px;
    vertical-align: middle;
    line-height: 16px
}

    .btn-simple:hover {
        color: #fff !important;
        background: var(--brand-primary)
    }

    .btn-simple, .btn-simple i.icon-inside {
        font-size: 24px
    }

        .btn-simple [class*=fa-]:not(.icon-inside) {
            margin-right: 0;
            font-size: 24px;
            font-weight: 700
        }

        .btn-simple.btn-circle {
            min-width: 0;
            width: 52px;
            height: 52px;
            color: var(--brand-primary) !important
        }

            .btn-simple.btn-circle > .after, .btn-simple.btn-circle > .before {
                display: none
            }

            .btn-inside-out_dark:hover, .btn-simple.btn-circle:hover {
                background: var(--brk-base-4) !important
            }

                .btn-simple.btn-circle:hover .text {
                    color: var(--brand-primary) !important
                }

            .btn-simple.btn-circle i.icon-inside {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%)
            }

[dir=rtl] .btn-simple.btn-circle i.icon-inside {
    margin-left: 0
}

.btn-simple.btn-circle i.icon-inside:before {
    line-height: 24px;
    vertical-align: top
}

.btn-simple.btn-circle.btn-md {
    width: 44px;
    height: 44px
}

.btn-inside-out {
    overflow: hidden;
    border: 0;
    transition: background .4s ease .3s,\box-shadow .4s;
    will-change: background
}

.btn-inside-out_dark:hover {
    color: #272727 !important
}

.btn-inside-out_dark, .btn-inside-out_dark > .after, .btn-inside-out_dark > .before {
    background: #272727 !important
}

    .btn-inside-out_dark:hover i, .btn-inside-out_text-dark, .btn-inside-out_text-dark > .after, .btn-inside-out_text-dark > .before {
        color: #272727 !important
    }

.btn-inside-out_blue:hover {
    background-color: var(--brk-base-1) !important;
    color: #fff
}

.btn-inside-out_blue, .btn-inside-out_blue > .after, .btn-inside-out_blue > .before {
    background: #000243 !important
}

.btn-inside-out .icon-inside {
    margin-right: 8px
}

[dir=rtl] .btn-inside-out .icon-inside {
    margin-right: 0;
    margin-left: 8px
}

.btn-inside-out .icon-inside ~ .after, .btn-inside-out .icon-inside ~ .before {
    padding-left: 24px
}

[dir=rtl] .btn-inside-out .icon-inside ~ .after, [dir=rtl] .btn-inside-out .icon-inside ~ .before {
    padding-left: 0;
    padding-right: 24px
}

.btn-inside-out.btn-icon-right .icon-inside ~ .after, .btn-inside-out.btn-icon-right .icon-inside ~ .before, .btn-inside-out.btn-icon-right .icon-inside ~ .text {
    padding-right: 20px;
    padding-left: 0
}

[dir=rtl] .btn-inside-out.btn-icon-right .icon-inside ~ .after, [dir=rtl] .btn-inside-out.btn-icon-right .icon-inside ~ .before, [dir=rtl] .btn-inside-out.btn-icon-right .icon-inside ~ .text {
    padding-left: 20px;
    padding-right: 0
}

.btn-inside-out > .after, .btn-inside-out > .before {
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    overflow: hidden;
    background: var(--brand-primary);
    color: #fff;
    transition: \transform .3s
}

.btn-inside-out > .before {
    top: 0;
    padding-top: 8px
}

.btn-inside-out > .after {
    bottom: 0;
    line-height: 0
}

.btn-inside-out > span.text {
    display: inline-block;
    transform: scale(.1);
    will-change: transform;
    opacity: 0;
    color: #fff;
    transition: \transform .3s,opacity .3s
}

.btn-inside-out:hover {
    background: var(--brk-base-1);
    transition: background .4s;
    transition-delay: 0s;
    color: #fff;
    box-shadow: 0 5px 10px -2px var(--brk-base-1)
}

    .btn-inside-out:hover > .before {
        transform: translateY(-105%)
    }

    .btn-inside-out:hover > .after {
        transform: translateY(105%)
    }

    .btn-inside-out:hover > span.text {
        opacity: 1;
        transform: scale(1)
    }

    .btn-inside-out:hover.btn-shadow {
        box-shadow: 0 5px 10px -2px rgba(var(--brk-base-1-rgb),.8) !important
    }

    .btn-inside-out:hover.btn-shadow-small {
        box-shadow: 0 5px 16px rgba(var(--brk-base-1-rgb),.8) !important
    }

    .btn-inside-out:hover.btn-dark-shadow {
        box-shadow: 0 5px 10px -2px rgba(var(--brk-base-1-rgb),.8) !important
    }

    .btn-inside-out:hover.btn-dark-shadow-small {
        box-shadow: 0 5px 16px rgba(var(--brk-base-1-rgb),.8) !important
    }

.btn-inside-out-invert {
    border: 0;
    box-shadow: 0 5px 16px rgba(0,0,0,.15)
}

    .btn-inside-out-invert-light > .after, .btn-inside-out-invert-light > .before, .btn-inside-out-invert > .after, .btn-inside-out-invert > .before {
        background: #fff;
        color: var(--brand-primary)
    }

    .btn-inside-out-invert:hover span.text, .btn-inside-out-invert:hover.btn-icon [class*=fa-]:before {
        color: #fff
    }

    .btn-inside-out-invert span.text, .btn-inside-out-invert-light span.text, .btn-inside-out-invert-light.btn-icon [class*=fa-]:before, .btn-inside-out-invert-light:hover.btn-icon [class*=fa-]:before, .btn-inside-out-invert.btn-icon [class*=fa-]:before {
        color: var(--brand-primary)
    }

.btn-inside-out-invert-light {
    border: 0;
    box-shadow: 0 5px 21px var(--brk-base-1)
}

    .btn-inside-out-invert-light:hover {
        background-color: rgba(255,255,255,.9)
    }

.btn-inside-out-light-hover:hover {
    background-color: #fff;
    color: #222
}

.btn-prime {
    color: var(--brand-primary);
    background: #fff;
    border: 0;
    box-shadow: 0 5px 16px rgba(0,0,0,.2);
    position: relative;
    overflow: hidden;
    z-index: 1
}

    .btn-prime .border-btn {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: 2px solid var(--brand-primary);
        z-index: -1
    }

    .btn-prime > .after, .btn-prime > .before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        height: 0;
        background: var(--brand-primary);
        transition: background .4s,height .4s;
        z-index: -1
    }

    .btn-prime > .before {
        top: 0
    }

    .btn-prime > .after {
        bottom: 0
    }

    .btn-prime:hover {
        color: var(--brand-primary) !important
    }

        .btn-prime:hover > .after, .btn-prime:hover > .before {
            height: 50%;
            background: var(--brk-base-4) !important
        }

.btn-prime-white > .after, .btn-prime-white > .before {
    background: #fff
}

.btn-prime-white .border-btn {
    border-color: #fff
}

.btn-prime-white:hover {
    color: var(--brand-primary) !important
}

.btn-prime-primary-transparent, .btn-prime-white-transparent {
    background: 0 0;
    color: #fff
}

    .btn-prime-primary-text-transparent:hover > .after, .btn-prime-primary-text-transparent:hover > .before, .btn-prime-primary-transparent:hover > .after, .btn-prime-primary-transparent:hover > .before, .btn-prime-white-transparent:hover > .after, .btn-prime-white-transparent:hover > .before {
        background: #fff !important
    }

    .btn-prime-white-transparent .border-btn {
        border-color: #fff
    }

    .btn-prime-primary-text-transparent .border-btn, .btn-prime-primary-transparent .border-btn {
        border-color: var(--brand-primary)
    }

.btn-prime-primary-text-transparent {
    background: 0 0;
    color: var(--brand-primary)
}

.all-light .btn-prime:hover [class*=fa-].icon-left, .btn-prime.btn-invert {
    color: #fff
}

    .btn-prime.btn-invert > .after, .btn-prime.btn-invert > .before {
        background: 0 0
    }

    .btn-prime.btn-invert .border-btn {
        border-color: var(--brk-base-2)
    }

.btn-prime_thin .border-btn {
    border-width: 1px
}

.all-light .btn-prime {
    background: 0 0;
    color: #fff;
    box-shadow: 0 5px 16px rgba(0,0,0,.3)
}

    .all-light .btn-prime [class*=fa-].icon-left {
        color: var(--brand-primary);
        font-size: 24px;
        vertical-align: sub;
        float: right;
        line-height: 1;
        margin: -2px 6px 0 0
    }

.btn-gradient, .btn-pos {
    overflow: hidden;
    position: relative
}

.btn-gradient {
    background: var(--brand-primary);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    --x: 190px;
    --y: 30px;
    --size: 200px;
    transition: background .3s;
    color: #fff
}

    .btn-gradient i, .btn-gradient span {
        z-index: 1;
        position: relative;
        pointer-events: none
    }

    .btn-gradient::before, .btn-pos span {
        position: absolute;
        transform: translate(-50%,-50%)
    }

    .btn-gradient::before {
        content: '';
        left: var(--x);
        top: var(--y);
        width: var(--size);
        height: var(--size);
        background: radial-gradient(circle closest-side,var(--secondary),transparent);
        transition: width .2s,height .2s;
        z-index: 0
    }

    .btn-gradient:hover, .btn-pos:hover {
        color: #fff
    }

        .btn-gradient:hover::before {
            --size: 200px
        }

.btn-pos {
    color: #333;
    background: #f6f6f6
}

    .btn-pos span {
        left: 0;
        display: block;
        width: 0;
        height: 0;
        border-radius: 50%;
        background-color: var(--brand-primary);
        transition: width .4s ease-in-out,height .4s ease-in-out;
        z-index: -1
    }

    .btn-pos:hover span {
        width: 250%;
        height: 250%
    }

.icon__btn, .icon__btn .spike {
    background: var(--brand-primary)
}

.icon__btn {
    display: inline-block;
    margin: 10px;
    border-radius: 50%;
    color: #fff;
    position: relative;
    z-index: 3
}

.brk-bordered-theme .icon__btn {
    border-radius: var(--b-radius)
}

.icon__btn .spike {
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    z-index: -1
}

    .icon__btn .spike:nth-child(1) {
        transform: rotate(0deg)
    }

    .icon__btn .spike:nth-child(2) {
        transform: rotate(10deg)
    }

    .icon__btn .spike:nth-child(3) {
        transform: rotate(20deg)
    }

    .icon__btn .spike:nth-child(4) {
        transform: rotate(30deg)
    }

    .icon__btn .spike:nth-child(5) {
        transform: rotate(40deg)
    }

    .icon__btn .spike:nth-child(6) {
        transform: rotate(50deg)
    }

    .icon__btn .spike:nth-child(7) {
        transform: rotate(60deg)
    }

    .icon__btn .spike:nth-child(8) {
        transform: rotate(70deg)
    }

    .icon__btn .spike:nth-child(9) {
        transform: rotate(80deg)
    }

    .icon__btn .spike:nth-child(10) {
        transform: rotate(90deg)
    }

.icon__btn > .after, .icon__btn > .before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--brand-primary);
    border-radius: 50%;
    z-index: -1
}

.icon__btn > .before {
    transform: scale(1.35);
    opacity: .1
}

.brk-bordered-theme .icon__btn > .after, .brk-bordered-theme .icon__btn > .before {
    border-radius: var(--b-radius)
}

.icon__btn > .after {
    opacity: .2
}

.icon__btn_clear > .before {
    transform: scale(1)
}

.icon__btn:hover {
    color: #fff
}

    .icon__btn:hover > .before {
        -webkit-animation: 1.5s brk-pulse .3s infinite;
        animation: 1.5s brk-pulse .3s infinite
    }

    .icon__btn:hover > .after {
        -webkit-animation: brk-pulse 1.5s infinite;
        animation: brk-pulse 1.5s infinite
    }

.icon__btn-circled > .before {
    top: -33px;
    left: -33px;
    right: -33px;
    bottom: -33px;
    transform: scale(1)
}

.icon__btn-circled > .after {
    top: -16px;
    left: -16px;
    right: -16px;
    bottom: -16px
}

.icon__btn-circled:hover > .before, .icon__btn-circled_active > .before {
    -webkit-animation: 1s brk-pulse-paused .2s ease-in infinite;
    animation: 1s brk-pulse-paused .2s ease-in infinite
}

.icon__btn-circled:hover > .after, .icon__btn-circled_active > .after {
    -webkit-animation: brk-pulse-paused 1s ease-in infinite;
    animation: brk-pulse-paused 1s ease-in infinite
}

.icon__btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.icon__btn-invert > .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 100%;
    background: #fff
}

.brk-bordered-theme .icon__btn-invert > .bg {
    border-radius: var(--b-radius)
}

.icon__btn-invert, .icon__btn-invert:hover, .icon__btn-white {
    background: #fff;
    color: var(--brand-primary)
}

    .icon__btn-white > .after, .icon__btn-white > .before {
        background-color: #fff
    }

    .icon__btn-white:hover {
        background: #fff;
        color: var(--brand-primary)
    }

.icon__btn-sm {
    font-size: 14px;
    width: 41px;
    height: 41px
}

.icon__btn-md {
    font-size: 16px;
    width: 52px;
    height: 52px
}

.icon__btn-md_1 {
    font-size: 26px;
    width: 70px;
    height: 70px
}

.icon__btn-lg, .icon__btn-xl {
    font-size: 21px;
    width: 68px;
    height: 68px
}

.icon__btn-xl {
    width: 86px;
    height: 86px
}

.icon__btn-center [class*=fa-] {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    text-align: center
}

.icon__btn.icon__btn-svg {
    background: 0 0 !important
}

.btn__dropdown {
    text-align: center
}

.btn__dropdown_wrap {
    position: relative;
    display: inline-block;
    padding-right: 41px;
    list-style: none;
    min-width: 170px;
    padding-left: 0;
    margin-bottom: 0;
    overflow: hidden;
    transition: all 300ms
}

.brk-bordered-theme .btn__dropdown_wrap {
    border-radius: var(--b-radius)
}

.btn__dropdown_wrap:not(.open) {
    height: 41px
}

.btn__dropdown_wrap:hover {
    cursor: pointer
}

.btn__dropdown_wrap.btn__primary {
    background-color: var(--brand-primary)
}

.btn__dropdown_wrap.btn__white {
    background-color: #eff5ff;
    color: var(--brand-primary);
    box-shadow: 0 5px 21px var(--brk-base-1)
}

.btn__dropdown_wrap:before {
    position: absolute;
    font-family: 'Font Awesome\ 5 Free';
    font-size: 13px;
    content: '\f0dd';
    top: calc(50% - 2px);
    right: 19px;
    line-height: 1;
    transform: translateY(-50%);
    font-weight: 600
}

.btn__dropdown_wrap.open {
    transition: all 300ms
}

    .btn__dropdown_wrap.open:before {
        content: '\f0de';
        top: 50%
    }

.btn__dropdown_wrap button:focus, .btn__dropdown_wrap button:hover {
    background: 0 0 !important
}

.btn__dropdown_item {
    border-bottom: 1px solid;
    border-right: 1px solid;
    padding-left: 18px;
    text-align: left
}

.btn__primary .btn__dropdown_item {
    border-color: var(--brk-base-3);
    background: var(--brand-primary)
}

    .btn__primary .btn__dropdown_item a, .btn__primary .btn__dropdown_item a:hover, .btn__primary .btn__dropdown_item button, .btn__primary .btn__dropdown_item button:hover {
        color: #fff
    }

.btn__white .btn__dropdown_item {
    border-color: #dee9fc;
    background: #fff
}

    .btn__white .btn__dropdown_item a, .btn__white .btn__dropdown_item a:hover, .btn__white .btn__dropdown_item button, .btn__white .btn__dropdown_item button:hover {
        color: var(--brand-primary)
    }

.btn__dropdown_item:first-child {
    padding-top: 2px
}

.btn__dropdown_item:last-child {
    border-bottom: none
}

.btn__dropdown_btn {
    text-transform: uppercase;
    font-weight: inherit;
    text-align: left;
    font-size: 14px;
    padding: 9px;
    margin: 0;
    border: 0;
    background-color: transparent
}

.btn__dropdown_item .btn__dropdown_btn {
    box-shadow: none
}

.margin-box__btn-round {
    margin: 25px 0
}

@media (min-width:768px) {
    .margin-box__btn-round {
        margin: 0
    }
}

.margin-box__btn-dropdown {
    margin-top: 30px;
    margin-bottom: 1em
}

@media (min-width:768px) {
    .margin-box__btn-dropdown {
        margin-bottom: 63px
    }
}

@media (max-width:767px) {
    .col-lg-3:first-child .margin-box__btn-dropdown {
        margin-top: 0
    }
}

.btn--square {
    border: 2px solid var(--brand-primary);
    border-radius: 0;
    padding: 12px 42px;
    overflow: hidden;
    margin: 0
}

    .btn--square .angle {
        width: 10px;
        height: 300%;
        position: absolute;
        display: block;
        transform: translate(-50%,-50%) rotate(-45deg);
        top: 0;
        left: 100%;
        transition: top .2s,left .2s
    }

    .btn--square:hover .angle {
        top: 3%;
        left: 97%
    }

.btn-backgrounds {
    display: inline-block;
    min-width: 260px;
    height: 56px;
    border-radius: 28px;
    background-color: #fff;
    position: relative;
    letter-spacing: -.06em;
    padding-right: 25px;
    font-size: .8125rem;
    line-height: 56px
}

    .btn-backgrounds .before {
        position: absolute;
        top: 50%;
        right: 7px;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding-right: 23px;
        letter-spacing: -.06em
    }

.brk-bordered-theme .btn-backgrounds, .brk-bordered-theme .btn-backgrounds .before {
    border-radius: var(--b-radius)
}

.btn-backgrounds .before i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    vertical-align: 0;
    font-size: 1.125rem
}

.btn-backgrounds_wauto {
    min-width: 1px;
    white-space: nowrap
}

.btn-backgrounds_md {
    height: 46px;
    line-height: 46px
}

.btn-backgrounds_280 {
    min-width: 280px
}

.btn-backgrounds_200 {
    min-width: 200px
}

.btn-backgrounds_white {
    box-shadow: 0 5px 16px rgba(0,0,0,.2);
    color: #272727
}

    .btn-backgrounds_white .before {
        background-color: #eee
    }

.btn-backgrounds_dark {
    box-shadow: 0 0 26px rgba(0,0,0,.3);
    color: #fff
}

    .btn-backgrounds_dark .before {
        border: solid 2px rgba(255,255,255,.4)
    }

        .btn-backgrounds_dark .before i {
            color: #fff
        }

.btn-backgrounds_dark-classic {
    background-color: var(--brand-primary);
    color: #fff;
    overflow: hidden
}

    .btn-backgrounds_dark-classic:after, .btn-backgrounds_dark-classic:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        background-color: rgba(255,255,255,.1);
        height: 50%;
        z-index: 0
    }

    .btn-backgrounds_dark-classic:before {
        top: -100%;
        transition: top .3s
    }

    .btn-backgrounds_dark-classic:after {
        bottom: -100%;
        transition: bottom .3s
    }

    .btn-backgrounds_dark-classic .text {
        position: relative;
        z-index: 2
    }

    .btn-backgrounds_dark-classic:hover {
        color: #fff
    }

        .btn-backgrounds_dark-classic:hover:before {
            top: 0
        }

        .btn-backgrounds_dark-classic:hover:after {
            bottom: 0
        }

    .btn-backgrounds_dark-classic:active, .btn-backgrounds_dark-classic:focus {
        color: #fff
    }

    .btn-backgrounds_dark-classic .before {
        width: 34px;
        height: 34px;
        background-color: rgba(0,0,0,.1);
        z-index: 2
    }

        .btn-backgrounds_dark-classic .before i, .btn-backgrounds_white-classic .before i {
            font-size: .9375rem
        }

.btn-backgrounds_white-classic {
    background-color: #fff;
    color: #272727;
    overflow: hidden
}

    .btn-backgrounds_white-classic:after, .btn-backgrounds_white-classic:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        background-color: rgba(0,0,0,.05);
        height: 50%;
        z-index: 0
    }

    .btn-backgrounds_white-classic:before {
        top: -100%;
        transition: top .3s
    }

    .btn-backgrounds_white-classic:after {
        bottom: -100%;
        transition: bottom .3s
    }

    .btn-backgrounds_white-classic .text {
        position: relative;
        z-index: 2
    }

    .btn-backgrounds_white-classic:hover {
        color: #272727
    }

        .btn-backgrounds_white-classic:hover:before {
            top: 0
        }

        .btn-backgrounds_white-classic:hover:after {
            bottom: 0
        }

    .btn-backgrounds_white-classic:active, .btn-backgrounds_white-classic:focus {
        color: #272727
    }

    .btn-backgrounds_white-classic .before {
        width: 34px;
        height: 34px;
        background-color: rgba(0,0,0,.1);
        z-index: 2
    }

.btn-backgrounds_transparent {
    background-color: transparent;
    box-shadow: none;
    color: #fff;
    border: 1px solid rgba(255,255,255,.16)
}

    .btn-backgrounds_transparent .before {
        background-color: #fff
    }

        .btn-backgrounds_transparent .before i {
            color: var(--brand-primary)
        }

    .btn-backgrounds_transparent:hover {
        color: #fff;
        text-decoration: underline
    }

.btn-backgrounds_left-icon {
    padding-right: 0;
    padding-left: 25px
}

    .btn-backgrounds_left-icon .before {
        right: auto;
        left: 7px
    }

.btn-backgrounds_right-icon {
    padding-right: 25px;
    padding-left: 0
}

.btn-backgrounds_no-icon {
    padding-left: 25px;
    padding-right: 25px;
    text-align: center
}

.btn-bottom-position {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%,50%);
    margin: 0
}

.btn-violet {
    font-size: .75rem;
    box-shadow: 0 25px 50px rgba(0,0,0,.1) !important
}

    .btn-violet:hover {
        background: rgba(114,2,187,.05)
    }

    .btn-violet .after, .btn-violet .before {
        padding-left: 0 !important;
        padding-right: 10px;
        color: var(--secondary)
    }

    .btn-violet .text {
        margin-right: 10px
    }

    .btn-violet i {
        position: absolute !important;
        top: 50%;
        right: 20px;
        margin-right: 0 !important;
        transform: translateY(-50%)
    }

        .btn-violet .text, .btn-violet i:before {
            color: var(--secondary) !important
        }

.brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header::after, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header::after, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header::after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header::after {
    background: url(../../img/sprite.png) 0 0;
    height: 1px
}

.brk-pricing-light__item:hover .brk-pricing-light__header::after {
    background: url(../../img/sprite.png) 0 0;
    width: 100px;
    height: 1px
}

.brk-pricing-light__header::after {
    background: url(../../img/sprite.png) 0 -11px;
    height: 1px
}

.colored-slider .swiper-slide {
    position: relative;
    opacity: .2;
    transition: opacity .3s
}

    .colored-slider .swiper-slide .brk-pricing-colored__layer {
        top: 45px;
        bottom: 45px
    }

    .colored-slider .swiper-slide.swiper-slide-active {
        opacity: 1
    }

        .brk-pricing-colored.activet .brk-pricing-colored__layer, .colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__layer {
            top: 0;
            bottom: 0
        }

        .brk-pricing-colored.activet .brk-pricing-colored__content, .colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__content {
            padding-top: 115px
        }

@media (max-width:575px) {
    .colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__content {
        padding-top: 35px
    }
}

.brk-pricing-colored.activet .brk-pricing-colored__description, .colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__description {
    margin-top: 46px
}

.brk-pricing-colored.activet .brk-pricing-colored__btn, .colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__btn {
    bottom: 60px
}

.colored-slider .swiper-slide.swiper-slide-prev .brk-pricing-colored__layer {
    border-radius: 26px 0 0 26px
}

.brk-bordered-theme .colored-slider .swiper-slide.swiper-slide-prev .brk-pricing-colored__layer {
    border-radius: var(--b-radius) 0 0 var(--b-radius)
}

.colored-slider .swiper-slide.swiper-slide-next .brk-pricing-colored__layer {
    border-radius: 0 26px 26px 0
}

.brk-bordered-theme .colored-slider .swiper-slide.swiper-slide-next .brk-pricing-colored__layer {
    border-radius: 0 var(--b-radius) var(--b-radius) 0
}

.colored-slider .button-prev {
    left: 16.66667%;
    transform: translate(-50%,-50%)
}

@media (max-width:575px) {
    .colored-slider .button-prev {
        left: 35px
    }
}

.colored-slider .button-next {
    right: 16.66667%;
    transform: translate(50%,-50%)
}

@media (max-width:575px) {
    .colored-slider .button-next {
        right: 35px
    }
}

.brk-pricing-colored {
    min-height: 690px;
    max-width: 400px;
    margin: 0 auto;
    position: relative
}

@media (max-width:575px) {
    .brk-pricing-colored {
        min-height: 600px
    }
}

.brk-pricing-colored__layer {
    position: absolute;
    left: 0;
    width: 100%;
    border-radius: 26px;
    transition: all .5s ease-in-out;
    color: #fff;
    overflow: hidden;
    background-repeat: repeat
}

.brk-bordered-theme .brk-pricing-colored__layer {
    border-radius: var(--b-radius)
}

.brk-pricing-colored__content, .brk-pricing-colored__overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.brk-pricing-colored__content {
    z-index: 2;
    padding-top: 57px;
    transition: all .5s ease-in-out
}

.brk-pricing-colored__title {
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 5px
}

.brk-pricing-colored__price {
    padding: 0
}

    .brk-pricing-colored__price span {
        font-size: 6rem;
        line-height: 96px
    }

    .brk-pricing-colored__price .period {
        font-size: 1rem;
        line-height: 24px;
        margin-top: 7px;
        color: var(--brk-base-2)
    }

.brk-pricing-colored__description {
    font-size: .875rem;
    margin-top: 37px;
    transition: all .5s ease-in-out
}

    .brk-pricing-colored__description ul li {
        line-height: 42px
    }

.brk-pricing-colored__btn {
    position: absolute !important;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 190px;
    height: 48px;
    border-radius: 24px;
    margin: 0 !important;
    overflow: hidden;
    transition: all .5s ease-in-out;
    line-height: 32px;
    background-color: var(--white);
    color: var(--brand-primary)
}

    .brk-pricing-colored__btn:after, .brk-pricing-colored__btn:before {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 0;
        transition: all .3s ease-in-out;
        z-index: -1;
        background-color: var(--brk-base-4)
    }

    .brk-pricing-colored__btn:before {
        top: 0
    }

    .brk-pricing-colored__btn:after {
        bottom: 0
    }

    .brk-pricing-colored__btn i {
        line-height: inherit
    }

    .brk-pricing-colored__btn:hover:after, .brk-pricing-colored__btn:hover:before {
        height: 50%
    }

.brk-pricing-doubled {
    position: relative;
    z-index: 2;
    max-width: 370px;
    margin: 15px auto;
    padding-bottom: 60px
}

    .brk-pricing-doubled.act .brk-pricing-doubled__front, .brk-pricing-doubled:hover .brk-pricing-doubled__front {
        transform: translate(40px,60px);
        transition: all .4s ease
    }

    .brk-pricing-doubled.act .brk-pricing-doubled__back, .brk-pricing-doubled:hover .brk-pricing-doubled__back {
        transform: translate(-40px,-60px);
        transition: all .4s ease;
        z-index: 3
    }

.brk-pricing-doubled__icon-container {
    min-height: 91px
}

    .brk-pricing-doubled__icon-container svg {
        height: 91px;
        stroke: var(--brk-base-1)
    }

    .brk-pricing-doubled__icon-container i {
        line-height: 91px;
        font-size: 60px;
        color: var(--brk-base-1)
    }

.brk-pricing-doubled__icon-container_back svg {
    stroke: #fff
}

.brk-pricing-doubled__icon-container_back i {
    color: #fff
}

.brk-pricing-doubled__front {
    position: relative;
    z-index: 2;
    width: calc(100% - 40px);
    max-width: 330px;
    height: auto;
    min-height: 555px;
    transition: all .8s ease;
    border-radius: 0 0 27px;
    background-color: #fff;
    box-shadow: 0 6px 30px rgba(0,0,0,.2);
    padding-top: 33px
}

    .brk-pricing-doubled__back .pd-icon-back i, .brk-pricing-doubled__front .pd-icon i {
        font-size: 4.5rem;
        margin: 10px 0 15px
    }

    .brk-pricing-doubled__front .pd-title {
        margin: 15px 0 28px;
        padding: 0 15px
    }

    .brk-pricing-doubled__front .pd-price {
        height: 96px
    }

        .brk-pricing-doubled__front .pd-price span, .brk-pricing-doubled__front .pd-price strong {
            line-height: 96px;
            padding: 0 2px
        }

    .brk-pricing-doubled__front .pb-list {
        padding: 10px 0;
        text-align: left
    }

        .brk-pricing-colored__description ul, .brk-pricing-doubled__front .pb-list ul {
            margin: 0 !important;
            list-style: none !important
        }

        .brk-pricing-doubled__front .pb-list li {
            line-height: 20px;
            color: #9f9f9f;
            padding: 13px 15px 13px 30px;
            font-size: .9375rem;
            letter-spacing: .02em;
            display: flex;
            align-items: center
        }

@media (max-width:767px) {
    .brk-pricing-doubled__front .pb-list li {
        padding: 13px 15px
    }
}

.brk-pricing-doubled__front .pb-list li:nth-child(2n) {
    background-color: #f7f7f7
}

.brk-pricing-doubled__front .pb-list li i {
    margin-right: 24px
}

@media (max-width:767px) {
    .brk-pricing-doubled__front .pb-list li i {
        margin-right: 15px
    }
}

.brk-pricing-doubled__back {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: calc(100% - 50px);
    max-width: 320px;
    height: calc(100% - 60px);
    min-height: 555px;
    transition: all .8s ease;
    border-radius: 0 0 27px;
    overflow: hidden;
    background: #fff no-repeat center center;
    background-size: cover
}

    .brk-pricing-doubled__back svg line, .brk-pricing-doubled__back svg path {
        stroke: #fff !important
    }

    .brk-pricing-doubled__back svg rect {
        fill: #fff !important
    }

    .brk-pricing-doubled__back .pd-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1
    }

    .brk-pricing-doubled__back .pb-content {
        position: relative;
        z-index: 2;
        padding-top: 91px
    }

    .brk-pricing-doubled__back .pd-title {
        margin-top: 87px;
        padding: 0 15px
    }

    .brk-pricing-doubled__back .pd-price {
        margin-top: 11px
    }

        .brk-pricing-doubled__back .pd-price span, .brk-pricing-doubled__back .pd-price strong {
            padding: 0 2px;
            line-height: 32px
        }

.brk-pricing-doubled__link {
    display: block;
    text-align: left;
    position: absolute;
    bottom: 19px;
    padding-left: 29px;
    letter-spacing: .04em;
    left: 0;
    right: 0;
    z-index: 3;
    color: var(--white)
}

    .brk-pricing-doubled__link i {
        position: absolute;
        top: 50%;
        right: 23px;
        transform: translateY(-50%)
    }

    .brk-pricing-doubled__link:hover {
        color: var(--white)
    }

        .brk-pricing-doubled__link:hover i {
            -webkit-animation: doubled-button-left 1s infinite ease-in-out;
            animation: doubled-button-left 1s infinite ease-in-out
        }

.brk-pricing-doubled .pd-icon i {
    color: var(--brk-base-1)
}

.brk-pricing-doubled .pb-content, .brk-pricing-doubled .pd-icon-back i, .brk-pricing-doubled .pd-price, .brk-pricing-horizontal:hover .brk-pricing-horizontal__viewed span {
    color: var(--white)
}

.brk-pricing-doubled .pb-list i {
    color: var(--brand-primary)
}

.brk-pricing-horizontal {
    margin: 0 15px;
    position: relative;
    background-color: #fff;
    transition: all .3s ease;
    overflow: hidden
}

@media (max-width:991px) {
    .brk-pricing-horizontal {
        margin: 0
    }
}

.brk-pricing-horizontal > .before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 1;
    transition: all .3s ease
}

.brk-pricing-horizontal:hover {
    border-radius: 5px;
    margin: 0 -15px;
    box-shadow: 0 6px 25px rgba(0,0,0,.32);
    z-index: 1
}

@media (max-width:991px) {
    .brk-pricing-horizontal:hover {
        margin: 0
    }
}

.brk-pricing-horizontal:hover > .before {
    opacity: 1
}

.brk-pricing-horizontal:hover .brk-pricing-horizontal__title {
    color: #fff
}

.brk-pricing-horizontal:hover .brk-pricing-horizontal__viewed {
    background-color: #363152
}

.brk-pricing-horizontal:hover .brk-pricing-horizontal__viewed_darken {
    background-color: rgba(0,0,0,.08)
}

    .brk-pricing-horizontal:hover .brk-pricing-horizontal__viewed_darken > * {
        color: #fff
    }

.brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-active, .brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-active i, .brk-pricing-horizontal:hover .brk-pricing-horizontal__price {
    color: var(--white)
}

.brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-deactive, .brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-deactive i {
    color: rgba(var(--white-rgb),.4)
}

.brk-pricing-horizontal:hover .h-button {
    box-shadow: 0 0 0 6px rgba(var(--white-rgb),.14);
    background-image: linear-gradient(#fff,#fff);
    border: 0;
    color: var(--brand-primary)
}

.brk-bordered-theme .brk-pricing-horizontal .h-button, .brk-bordered-theme .brk-pricing-horizontal:hover .h-button {
    border-radius: var(--b-radius)
}

.brk-pricing-horizontal__container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 160px;
    background-color: transparent;
    position: relative;
    z-index: 2
}

@media (max-width:991px) {
    .brk-pricing-horizontal__container {
        flex-direction: column
    }
}

.brk-pricing-horizontal__info {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-right: 30px
}

@media (max-width:1229px) {
    .brk-pricing-horizontal__info {
        margin-right: 0
    }
}

@media (max-width:991px) {
    .brk-pricing-horizontal__info {
        width: 100%;
        justify-content: space-around;
        padding-top: 15px
    }
}

@media (max-width:767px) {
    .brk-pricing-horizontal__info {
        justify-content: center
    }
}

@media (max-width:575px) {
    .brk-pricing-horizontal__info {
        flex-direction: column
    }
}

.brk-pricing-horizontal__viewed {
    align-self: stretch;
    width: 48px;
    position: relative;
    overflow: hidden;
    background-color: rgba(var(--black-rgb),.01);
    transition: .3s ease all
}

@media (max-width:991px) {
    .brk-pricing-horizontal__viewed {
        width: 100%;
        height: 48px
    }
}

.brk-pricing-horizontal__viewed > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(-90deg);
    transform-origin: 50% 50%;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    color: #999
}

@media (max-width:991px) {
    .brk-pricing-horizontal__viewed > * {
        transform: translate(-50%,-50%) rotate(0)
    }
}

.brk-pricing-horizontal__img-icon {
    position: relative;
    margin-right: 50px;
    width: 188px;
    text-align: center
}

@media (max-width:1229px) {
    .brk-pricing-horizontal__img-icon {
        margin: 0 15px
    }
}

@media (max-width:767px) {
    .brk-pricing-horizontal__img-icon {
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (max-width:575px) {
    .brk-pricing-horizontal__img-icon {
        flex-basis: 100%;
        max-width: 100%;
        margin: 0 15px 15px
    }
}

.brk-pricing-horizontal__price {
    position: relative;
    padding-left: 18px;
    padding-right: 75px;
    transition: all .2s ease-in-out;
    color: #282b35
}

@media (max-width:1229px) {
    .brk-pricing-horizontal__price {
        padding-right: 15px
    }
}

.brk-pricing-horizontal__price .sign {
    font-size: .75rem;
    position: absolute;
    top: 2px;
    left: 0;
    font-weight: 700
}

.brk-pricing-horizontal__list-options {
    -moz-column-gap: 97px;
    column-gap: 97px;
    -moz-column-count: 2;
    column-count: 2
}

@media (max-width:1229px) {
    .brk-pricing-horizontal__list-options {
        -moz-column-count: 1;
        column-count: 1;
        padding: 15px
    }
}

@media (max-width:991px) {
    .brk-pricing-horizontal__list-options {
        -moz-column-gap: 15px;
        column-gap: 15px;
        -moz-column-count: 2;
        column-count: 2
    }
}

@media (max-width:767px) {
    .brk-pricing-horizontal__list-options {
        flex-basis: 80%;
        max-width: 80%;
        padding: 25px 0 15px
    }
}

@media (max-width:575px) {
    .brk-pricing-horizontal__list-options {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (max-width:479px) {
    .brk-pricing-horizontal__list-options {
        -moz-column-gap: 0;
        column-gap: 0;
        -moz-column-count: 1;
        column-count: 1;
        flex-basis: auto;
        max-width: none
    }
}

.brk-pricing-horizontal__list-options span {
    display: block;
    text-align: left
}

.brk-pricing-horizontal__list-options i {
    margin-right: 8px;
    line-height: inherit
}

.brk-pricing-horizontal__list-options .options-active {
    transition: all .2s ease-in-out
}

    .brk-pricing-horizontal__list-options .options-active i {
        transition: all .2s ease-in-out;
        color: var(--brk-secondary-4)
    }

.brk-pricing-horizontal__list-options .options-deactive, .brk-pricing-horizontal__list-options .options-deactive i {
    transition: all .2s ease-in-out;
    color: #7d7d7d
}

.brk-pricing-horizontal .h-button {
    width: 164px;
    height: 44px;
    font-size: .75rem;
    line-height: 28px;
    margin-right: 43px;
    color: var(--white);
    border-radius: 0;
    background-image: linear-gradient(to right,var(--brk-base-2) 0%,var(--brk-base-6) 100%);
    box-shadow: 0 5px 5px -2px var(--brk-base-1);
    border: 0
}

@media (max-width:1229px) {
    .brk-pricing-horizontal .h-button {
        margin-right: 20px
    }
}

@media (max-width:991px) {
    .brk-pricing-horizontal .h-button {
        margin: 10px 0 20px
    }
}

.brk-pricing-horizontal .h-button strong {
    position: relative;
    z-index: 3
}

.brk-pricing-horizontal .h-button i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 9px;
    font-size: 15px;
    z-index: 4
}

.brk-pricing-horizontal .h-button:hover {
    color: var(--brand-primary);
    background-color: #fff
}

    .brk-pricing-horizontal .h-button:hover i {
        -webkit-animation: button-left 1s infinite ease-in-out;
        animation: button-left 1s infinite ease-in-out
    }

.brk-bordered-theme .brk-pricing-horizontal:first-child {
    border-top-right-radius: var(--b-radius);
    border-top-left-radius: var(--b-radius)
}

.brk-bordered-theme .brk-pricing-horizontal:last-child {
    border-bottom-right-radius: var(--b-radius);
    border-bottom-left-radius: var(--b-radius)
}

.brk-bordered-theme .brk-pricing-horizontal:hover {
    border-radius: var(--b-radius);
    background-color: transparent
}

.brk-pricing-horizontal_rounded-5 .h-button {
    border-radius: 5px;
    background-image: linear-gradient(to right,var(--brand-primary) 0%,var(--secondary) 100%)
}

.brk-pricing-horizontal__title {
    position: relative;
    z-index: 4
}

.brk-pricing-horizontal_mini .brk-pricing-horizontal__info {
    margin-right: 0
}

.brk-pricing-horizontal_mini .h-button {
    margin-right: 20px;
    width: 130px
}

.brk-pricing-horizontal_mini .brk-pricing-horizontal__img-icon {
    margin-right: 15px;
    width: 130px
}

.brk-pricing-horizontal_mini .brk-pricing-horizontal__price {
    padding-right: 30px
}

.brk-pricing-horizontal_mini .brk-pricing-horizontal__list-options {
    -moz-column-gap: 25px;
    column-gap: 25px
}

.brk-pricing-rounded {
    position: relative;
    margin: 40px auto 0;
    max-width: 400px;
    transition: margin-top .3s
}

    .brk-pricing-rounded:hover {
        margin-top: 0
    }

        .brk-pricing-rounded:hover .brk-pricing-rounded__icon {
            width: 121px;
            height: 121px
        }

            .brk-pricing-rounded:hover .brk-pricing-rounded__icon .before {
                -webkit-animation: 1s brk-pulse-paused .2s ease-in infinite;
                animation: 1s brk-pulse-paused .2s ease-in infinite
            }

            .brk-pricing-rounded:hover .brk-pricing-rounded__icon .after {
                -webkit-animation: brk-pulse-paused 1s ease-in infinite;
                animation: brk-pulse-paused 1s ease-in infinite
            }

        .brk-pricing-rounded:hover .brk-pricing-rounded__content {
            min-height: 680px;
            box-shadow: 0 0 0 3px var(--brand-primary)
        }

        .brk-pricing-rounded:hover .rd-view {
            top: 119px
        }

        .brk-pricing-rounded:hover .rd-circl-overlay {
            width: 510px;
            height: 555px
        }

.brk-pricing-rounded__icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 88px;
    height: 88px;
    transition-property: width,height;
    transition-duration: .3s;
    z-index: 2
}

.brk-pricing-rounded__icon-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 2.25rem
}

    .brk-pricing-rounded__icon-wrap svg {
        width: 50px;
        height: 50px
    }

.brk-pricing-rounded__icon i {
    color: var(--white)
}

.brk-pricing-rounded__icon .after, .brk-pricing-rounded__icon .before {
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    background-color: var(--brand-primary)
}

.brk-pricing-rounded__icon .before {
    transform: scale(1);
    top: -26px;
    left: -26px;
    right: -26px;
    bottom: -26px;
    opacity: .1
}

.brk-pricing-rounded__icon .after {
    top: -12px;
    left: -12px;
    right: -12px;
    bottom: -12px;
    opacity: .2
}

.brk-pricing-rounded__content {
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    width: 100%;
    min-height: 640px;
    z-index: 1;
    transition-property: min-height,box-shadow;
    transition-duration: .3s;
    background-color: var(--white)
}

.brk-pricing-rounded .rd-view {
    position: absolute;
    top: 102px;
    left: 0;
    width: 100%;
    transition: top .3s
}

.brk-pricing-rounded .rd-view__title, .brk-pricing-shop:hover .price-icon i {
    color: var(--brand-primary)
}

.brk-pricing-rounded .rd-view__price {
    position: relative;
    margin-top: 10px
}

    .brk-pricing-rounded .rd-view__price .old-price {
        position: relative;
        bottom: -28px;
        text-decoration: line-through;
        margin-left: 6px;
        color: var(--brand-primary)
    }

.brk-pricing-rounded .rd-description {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 40px
}

.brk-pricing-rounded .rd-description__list {
    margin-bottom: 24px
}

    .brk-pricing-rounded .rd-description__list li, .brk-pricing-strict__description li {
        padding: 0 15px
    }

        .brk-pricing-rounded .rd-description__list li:nth-child(2n), .brk-pricing-strict__description li:nth-child(2n-1) {
            background-color: #f8fafe
        }

.brk-pricing-rounded .rd-circl-overlay {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 480px;
    height: 480px;
    border-radius: 50%;
    transition-property: width,height;
    transition-duration: .3s;
    background-color: #f8fafe
}

.brk-pricing-rounded .btn .text {
    line-height: 28px
}

.brk-pricing-rounded .btn i, .brk-pricing-strict .btn i {
    margin-top: 4px
}

.brk-pricing-strict {
    max-width: 400px;
    min-height: 608px;
    position: relative;
    margin: 0 auto;
    z-index: 1
}

    .brk-pricing-strict:hover {
        z-index: 2
    }

        .brk-pricing-strict:hover .brk-pricing-strict__title {
            font-size: 1.3125rem;
            color: #fff
        }

            .brk-pricing-strict:hover .brk-pricing-strict__title span:not(.before) {
                top: -14px
            }

            .brk-pricing-strict:hover .brk-pricing-strict__title .before {
                height: 100px;
                top: calc(50% - 14px)
            }

        .brk-pricing-strict:hover::before {
            top: 0;
            height: 50%
        }

        .brk-pricing-strict:hover::after {
            bottom: 0;
            height: 50%
        }

    .brk-pricing-strict::after, .brk-pricing-strict::before {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        z-index: -1;
        box-shadow: 0 6px 25px rgba(0,0,0,.12);
        transition: .3s ease-in-out top,.3s ease-in-out bottom,.3s ease-in-out height
    }

    .brk-pricing-strict::before {
        top: 28px;
        height: calc(50% - 28px);
        background-color: transparent
    }

    .brk-pricing-strict::after {
        bottom: 20px;
        height: calc(50% - 20px);
        background-color: #fff
    }

.brk-pricing-strict__content {
    position: absolute;
    top: 28px;
    bottom: 20px;
    left: 0;
    width: 100%;
    transition: all .3s ease-in-out;
    background-color: var(--white)
}

.brk-pricing-strict__title {
    position: relative;
    font-size: 1.125rem;
    text-transform: uppercase;
    transition: all .3s ease-in-out;
    background-color: var(--brk-base-4);
    color: var(--brand-primary);
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .brk-pricing-strict__title span {
        position: relative;
        top: 0;
        z-index: 2;
        transition: .2s ease-in-out top
    }

    .brk-pricing-strict__title .before {
        position: absolute;
        width: calc(100% + 1px);
        height: 0;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        transition: all .2s ease-in-out;
        z-index: 1
    }

.brk-pricing-strict__description, .brk-pricing-strict__price {
    margin-top: 36px
}

    .brk-pricing-strict__price .st-sign {
        font-size: 1.125rem;
        line-height: 30px;
        position: relative;
        bottom: -31px;
        color: var(--brand-primary)
    }

    .brk-pricing-strict__price .st-price {
        font-size: 4rem;
        line-height: 64px;
        padding-right: 5px
    }

.brk-pricing-strict .btn {
    position: absolute;
    left: 50%;
    bottom: 30px;
    margin: 0;
    transform: translateX(-50%);
    transition: all .3s ease-in-out
}

    .brk-pricing-strict .btn .text {
        line-height: 28px
    }

.brk-pricing-shop {
    max-width: 320px;
    min-height: 448px;
    margin: 0 auto;
    position: relative;
    background-color: var(--white);
    border-bottom: 3px solid var(--brand-primary);
    transition: .3s border-color
}

.brk-pricing-shop_style-1 {
    border-bottom: 3px solid #000243
}

.brk-pricing-shop > *, .brk-pricing-shop__view {
    transition: all .3s ease-in-out
}

.brk-pricing-shop:hover {
    border-color: var(--brand-primary)
}

    .brk-pricing-shop:hover .brk-pricing-shop__view {
        background-color: var(--brand-primary)
    }

    .brk-pricing-shop:hover .brk-pricing-shop__title, .brk-pricing-shop:hover .price-item {
        color: var(--white)
    }

    .brk-pricing-shop:hover .price-icon {
        background-color: var(--white)
    }

        .brk-pricing-shop:hover .price-icon .before {
            -webkit-animation: 1.5s brk-pulse .3s infinite;
            animation: 1.5s brk-pulse .3s infinite;
            background-color: rgba(var(--white-rgb),.14)
        }

        .brk-pricing-shop:hover .price-icon .after {
            -webkit-animation: brk-pulse 1.5s infinite;
            animation: brk-pulse 1.5s infinite;
            background-color: rgba(var(--white-rgb),.24)
        }

.brk-pricing-shop__view {
    min-height: 178px;
    text-align: left;
    padding: 33px 0 0 31px;
    border-bottom: 1px solid #e9f0fb
}

.brk-pricing-shop__title {
    margin-bottom: 24px;
    transition: all .3s ease-in-out;
    color: var(--brand-primary)
}

.brk-pricing-shop_style-1 .brk-pricing-shop__title {
    color: #000243
}

.brk-pricing-shop__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10px 0
}

    .brk-pricing-shop__price .price-item {
        transition: all .3s ease-in-out
    }

        .brk-pricing-shop__price .price-item .price {
            font-size: 2.25rem;
            line-height: 36px
        }

        .brk-pricing-shop__price .price-item .period {
            font-size: .875rem;
            line-height: 14px;
            position: relative;
            bottom: -18px
        }

    .brk-pricing-shop__price .price-icon {
        position: relative;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        margin-left: 28px;
        z-index: 1;
        transition: all .3s ease-in-out;
        background-color: var(--brand-primary)
    }

        .brk-pricing-shop__price .price-icon i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            font-size: 1.5rem;
            color: #fff;
            transition: all .3s ease-in-out
        }

        .brk-pricing-shop__price .price-icon .before {
            transform: scale(1.35);
            background-color: rgba(var(--brand-primary-rgb),.05)
        }

        .brk-pricing-shop__price .price-icon .after, .brk-pricing-shop__price .price-icon .before {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border-radius: 50%;
            z-index: -1
        }

.brk-pricing-shop__description {
    color: #9f9f9f;
    min-height: 158px
}

    .brk-pricing-shop__description ul {
        list-style: none !important;
        margin: 0 !important;
        text-align: left
    }

        .brk-pricing-shop__description ul li {
            font-size: .875rem;
            line-height: 52px;
            border-bottom: 1px solid #e9f0fb;
            padding-left: 30px
        }

            .brk-pricing-shop__description ul li:last-child {
                border: 0
            }

    .brk-pricing-shop__description p {
        padding: 15px
    }

.brk-pricing-shop__block-info {
    min-height: 109px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 32px 31px 0 32px;
    border-top: 1px solid #e9f0fb;
    background-color: #f7fafe
}

    .brk-pricing-shop__block-info .info-link {
        font-size: 1rem;
        line-height: 16px
    }

        .brk-pricing-shop__block-info .info-link i {
            margin-left: 8px;
            position: relative;
            bottom: -1px
        }

.brk-pricing-shop__btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%);
    width: 209px;
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 5px 16px rgba(0,0,0,.1);
    margin: 0;
    line-height: 32px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    background-color: var(--white);
    color: var(--brand-primary)
}

.brk-pricing-shop__btn_style-1 {
    border-radius: 5px;
    color: #000243
}

.brk-pricing-shop__btn:after, .brk-pricing-shop__btn:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    transition: all .3s ease-in-out;
    z-index: -1;
    background-color: var(--brand-primary)
}

.brk-pricing-shop__btn:before {
    top: 0
}

.brk-pricing-shop__btn:after {
    bottom: 0
}

.brk-pricing-shop__btn:hover {
    color: var(--white)
}

    .brk-pricing-plan__btn:hover:after, .brk-pricing-plan__btn:hover:before, .brk-pricing-shop__btn:hover:after, .brk-pricing-shop__btn:hover:before {
        height: 50%
    }

.brk-pricing-plan {
    min-height: 603px;
    max-width: 400px;
    margin: 5px auto;
    position: relative
}

    .brk-pricing-plan:hover .brk-pricing-plan__bg {
        top: 0;
        bottom: 0;
        opacity: 1
    }

    .brk-pricing-plan:hover .brk-pricing-plan__content {
        box-shadow: 0 5px 25px var(--brk-base-1);
        top: 0;
        bottom: 0;
        color: #fff
    }

    .brk-pricing-plan:hover .brk-pricing-plan__included, .brk-pricing-plan:hover .brk-pricing-plan__included i {
        color: #fff
    }

    .brk-pricing-plan:hover .brk-pricing-plan__btn {
        width: 166px;
        height: 42px;
        box-shadow: none;
        bottom: 63px
    }

.brk-pricing-plan__bg, .brk-pricing-plan__content {
    position: absolute;
    top: 22px;
    bottom: 22px;
    left: 0;
    width: 100%;
    transition: all .3s ease-in-out;
    border-radius: 5px
}

.brk-pricing-plan__bg {
    background: var(--brand-primary) no-repeat center center;
    background-size: cover;
    opacity: 0;
    overflow: hidden;
    z-index: 1
}

.brk-pricing-plan__content {
    background-color: transparent;
    box-shadow: 0 0 0 2px #eaeaea;
    padding-top: 19px;
    z-index: 9
}

.brk-pricing-plan__title {
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 28px;
    margin-bottom: 24px
}

.brk-pricing-plan__price {
    margin-bottom: 28px
}

    .brk-pricing-plan__price .sign {
        position: relative;
        top: 6px;
        margin-right: 5px;
        font-size: 1rem;
        line-height: 16px
    }

    .brk-pricing-plan__price .price {
        font-size: 2.5rem;
        line-height: 40px
    }

    .brk-pricing-plan__price .period {
        position: relative;
        top: 21px;
        left: -3px;
        font-size: 1rem;
        line-height: 16px
    }

.brk-pricing-plan__description {
    font-size: 1rem;
    line-height: 28px;
    margin-bottom: 20px
}

.brk-pricing-plan__included {
    transition: all .3s ease-in-out;
    text-align: left;
    padding-left: 25%;
    color: #666
}

    .brk-pricing-plan__included ul {
        margin: 0 !important;
        list-style: none !important
    }

        .brk-pricing-plan__included ul li {
            font-size: .875rem;
            line-height: 36px
        }

    .brk-pricing-plan__included i {
        color: #bdbdbd;
        margin-right: 13px;
        line-height: inherit
    }

.brk-pricing-plan__btn {
    position: absolute !important;
    bottom: 69px;
    left: 50%;
    transform: translateX(-50%);
    font-size: .75rem;
    border-radius: 23px;
    width: 162px;
    height: 38px;
    box-shadow: 0 0 0 2px var(--brand-primary);
    color: var(--brand-primary);
    background-color: #fff;
    overflow: hidden;
    margin: 0 !important;
    transition: all .3s ease-in-out
}

    .brk-pricing-plan__btn:after, .brk-pricing-plan__btn:before {
        content: '';
        position: absolute;
        background-color: var(--brk-base-4);
        width: 100%;
        height: 0;
        left: 0;
        z-index: -1;
        transition: all .3s ease-in-out
    }

    .brk-pricing-plan__btn:before {
        top: 0
    }

    .brk-pricing-plan__btn:after {
        bottom: 0
    }

.brk-pricing-light {
    position: relative
}

    .brk-pricing-light > .container > .row, .brk-pricing-light > .container > .vc_row {
        align-items: center
    }

    .brk-pricing-light > .container [class*=col-]:nth-child(2), .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) {
        z-index: 4
    }

        .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__stick, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__stick {
            top: -45px
        }

@media (max-width:767px) {
    .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__stick, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__stick {
        top: -35px
    }
}

.brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item {
    z-index: 2
}

    .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item::after, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item::after {
        top: -40px;
        height: calc(100% + 60px);
        opacity: 1;
        box-shadow: 0 6px 20px var(--brk-base-1);
        background-image: linear-gradient(40deg,rgba(var(--brand-primary-rgb),.94) 0%,rgba(var(--brk-base-2-rgb),.94) 100%)
    }

@supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))) {
    .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item::after, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item::after {
        background-image: none;
        background-color: var(--brand-primary);
        top: 0;
        height: 100%
    }
}

@media (max-width:767px) {
    .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item::after, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item::after {
        top: -30px
    }
}

.brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__old-price, .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__period, .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__price, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__old-price, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__period, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__price {
    color: #fff
}

.brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header {
    padding-bottom: 50px
}

@supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))) {
    .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header {
        padding-bottom: 30px
    }
}

.brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header::after, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header::after, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header::after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header::after {
    width: 100%
}

.brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn {
    box-shadow: 0 0 0 2px rgba(255,255,255,.3)
}

    .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn > .after, .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn > .before, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn > .after, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn > .before, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn > .after, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn > .before, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn > .after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn > .before {
        background-color: var(--brk-base-6)
    }

.brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__list-indicator > i, .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__list-item, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__list-indicator > i, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__list-item, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__header .btn > .after, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__header .btn > .before, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__header .btn > .after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__header .btn > .before {
    color: #fff
}

.brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__body::after, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__body::after, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__body::after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__body::after {
    bottom: -23px;
    background-image: linear-gradient(to right,var(--brk-base-2),var(--brk-base-2))
}

@media (max-width:767px) {
    .brk-pricing-light > .container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__body::after, .brk-pricing-light > .container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__body::after {
        bottom: -30px
    }
}

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__stick, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__stick {
    top: -5px
}

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item {
    z-index: 1
}

    .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item::after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        transition: .3s ease-in-out top,.3s ease-in-out height;
        box-shadow: 0 6px 30px rgba(0,0,0,.12);
        background-color: #fff;
        background-image: none;
        z-index: -1
    }

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__list-indicator > i, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__old-price, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__list-indicator > i, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__old-price {
    color: var(--brand-primary)
}

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__period, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__price, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__period, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__price {
    color: #292b2c
}

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__header, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__header {
    padding-bottom: 0
}

    .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__header::after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__header::after {
        background-image: url(../../img/dashed-border-primary.png)
    }

    .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__header .btn, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__header .btn {
        box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb),.5)
    }

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__list-item, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__list-item {
    color: #9f9f9f
}

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__body::after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__body::after {
    bottom: 0;
    background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94) 0%,rgba(var(--secondary-rgb),.94) 100%)
}

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover {
    z-index: 2
}

    .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover::after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover::after {
        top: -40px;
        bottom: 30px;
        height: calc(100% + 60px);
        opacity: 1;
        box-shadow: 0 6px 20px var(--brk-base-1);
        background-image: linear-gradient(40deg,rgba(var(--brand-primary-rgb),.94) 0%,rgba(var(--brk-base-2-rgb),.94) 100%)
    }

@media (max-width:767px) {
    .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover::after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover::after {
        top: -30px
    }
}

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__stick, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__stick {
    top: -45px
}

@media (max-width:767px) {
    .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__stick, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__stick {
        top: -35px
    }
}

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__old-price, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__period, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__price, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__old-price, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__period, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__price {
    color: #fff
}

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header {
    padding-bottom: 50px
}

@supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))) {
    .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header {
        padding-bottom: 30px
    }
}

.brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__list-indicator > i, .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__list-item, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__list-indicator > i, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__list-item {
    color: #fff
}

@media (max-width:767px) {
    .brk-pricing-light > .container > [class*=row]:hover > [class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__body::after, .brk-pricing-light > .container > [class*=vc_row]:hover > [class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__body::after {
        bottom: -30px
    }
}

.brk-pricing-light > .container [class*=vc_col-]:hover {
    z-index: 5
}

.brk-pricing-light__stick {
    position: absolute;
    top: -5px;
    right: -5px;
    width: 105px;
    height: 105px;
    overflow: hidden;
    transition: top .3s ease-in-out;
    z-index: 9
}

    .brk-pricing-light__stick:after, .brk-pricing-light__stick:before {
        content: '';
        position: absolute;
        width: 5px;
        height: 5px;
        background-color: var(--brk-base-6)
    }

    .brk-pricing-light__stick:before {
        top: 0;
        left: 0
    }

    .brk-pricing-light__stick:after {
        right: 0;
        bottom: 0
    }

    .brk-pricing-light__stick span {
        position: absolute;
        bottom: 0;
        right: 0;
        width: calc(100% + 54px);
        height: 36px;
        text-align: center;
        color: #fff;
        transform: rotate(45deg);
        transform-origin: right bottom;
        z-index: 9;
        padding-left: 11px;
        background-color: var(--brk-base-7)
    }

.brk-pricing-light__item {
    position: relative;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
    max-width: 420px
}

    .brk-pricing-light__item::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        transition: .3s ease-in-out top,.3s ease-in-out height;
        box-shadow: 0 6px 30px rgba(0,0,0,.12);
        background-color: #fff;
        z-index: -1
    }

.brk-pricing-light__header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 220px;
    transition: .3s ease-in-out padding-bottom;
    padding-bottom: 30px
}

@media (max-width:767px) {
    .brk-pricing-light__header {
        min-height: 150px
    }
}

.brk-pricing-light__header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.brk-pricing-light__header .btn {
    position: absolute;
    bottom: 0;
    margin: 0;
    transform: translateY(50%);
    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb),.5);
    transition: .3s ease border,.3s ease box-shadow
}

    .brk-pricing-light__header .btn:hover {
        color: var(--brand-primary) !important;
        background-color: #fff !important
    }

        .brk-pricing-light__header .btn:hover > span.text {
            color: var(--brand-primary) !important
        }

.brk-pricing-light__header .added_to_cart {
    margin: 10px 0;
    padding: 10px 40px;
    font-size: .875rem
}

.brk-pricing-light__list-indicator > i, .brk-pricing-light__old-price {
    color: var(--brand-primary)
}

.brk-pricing-light__list-indicator {
    position: absolute;
    left: 0;
    top: 3px
}

    .brk-pricing-light__list-indicator > i:first-child {
        display: none
    }

[dir=rtl] .brk-pricing-light__list-indicator {
    left: auto;
    right: 0
}

.brk-pricing-light__list-item {
    position: relative;
    width: 100%;
    text-align: center;
    transition: .2s ease color;
    opacity: .8;
    color: #4e4e4e
}

    .brk-pricing-light__list-item span {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left: 20px;
        padding-right: 20px
    }

    .brk-pricing-light__list-item.active {
        opacity: 1
    }

        .brk-pricing-light__list-item.active .brk-pricing-light__list-indicator > i:first-child {
            display: inline-block
        }

        .brk-pricing-light__list-item.active .brk-pricing-light__list-indicator > i:last-child {
            display: none
        }

.brk-pricing-light__body {
    position: relative
}

    .brk-pricing-light__body::after {
        content: '';
        background-image: linear-gradient(to right,rgba(var(--brand-primary-rgb),.94) 0%,rgba(var(--secondary-rgb),.94) 100%);
        position: absolute;
        bottom: 0;
        left: 0;
        height: 3px;
        width: 100%;
        transition: .3s ease-in-out bottom,.3s ease-in-out background
    }

.brk-pricing-light__item:hover {
    z-index: 5
}

    .brk-pricing-light__item:hover::after {
        top: -40px;
        height: calc(100% + 60px);
        opacity: 1;
        box-shadow: 0 6px 20px var(--brk-base-1);
        background-image: linear-gradient(40deg,rgba(var(--brand-primary-rgb),.94) 0%,rgba(var(--brk-base-2-rgb),.94) 100%)
    }

@media (max-width:767px) {
    .brk-pricing-light__item:hover::after {
        top: -30px
    }
}

.brk-pricing-light__item:hover .brk-pricing-light__stick {
    top: -45px
}

@media (max-width:767px) {
    .brk-pricing-light__item:hover .brk-pricing-light__stick {
        top: -35px
    }
}

.brk-pricing-light__item:hover .brk-pricing-light__old-price, .brk-pricing-light__item:hover .brk-pricing-light__period, .brk-pricing-light__item:hover .brk-pricing-light__price {
    color: #fff
}

.brk-pricing-light__item:hover .brk-pricing-light__header {
    padding-bottom: 50px
}

@supports not ((-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%)) or (clip-path:polygon(50% 0%,0% 100%,100% 100%))) {
    .brk-pricing-light__item:hover .brk-pricing-light__header {
        padding-bottom: 30px
    }
}

.brk-pricing-light__item:hover .brk-pricing-light__header::after {
    width: 100%
}

.brk-pricing-light__item:hover .brk-pricing-light__header .btn {
    box-shadow: 0 0 0 2px rgba(255,255,255,.3)
}

    .brk-pricing-light__item:hover .brk-pricing-light__header .btn > .after, .brk-pricing-light__item:hover .brk-pricing-light__header .btn > .before {
        background-color: var(--brk-base-6)
    }

.brk-pricing-light__item:hover .brk-pricing-light__list-indicator > i, .brk-pricing-light__item:hover .brk-pricing-light__list-item {
    color: #fff
}

.brk-pricing-light__item:hover .brk-pricing-light__body::after {
    bottom: -23px;
    background-image: linear-gradient(to right,var(--brk-base-2),var(--brk-base-2))
}

@media (max-width:767px) {
    .brk-pricing-light__item:hover .brk-pricing-light__body::after {
        bottom: -30px
    }
}

.dash-one-slider {
    width: 1000px;
    max-width: 100%;
    margin: 0 auto
}

.brk-testimonials-dash-one {
    max-width: 970px;
    margin: 58px 15px 0;
    padding-top: 69px;
    position: relative;
    text-align: left;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

@media (max-width:575px) {
    .brk-testimonials-dash-one {
        margin: 58px 0 0
    }
}

.brk-testimonials-dash-one:before {
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    width: 100%;
    height: 1px;
    background: url(../../img/hatch_1.png) repeat-x
}

.brk-testimonials-dash-one__btn {
    position: absolute;
    right: 140px;
    top: 31px;
    margin: 0;
    z-index: 9;
    box-shadow: 0 5px 16px var(--brk-base-1)
}

@media (max-width:479px) {
    .brk-testimonials-dash-one__btn {
        position: relative;
        top: auto;
        left: 15px;
        width: calc(100% - 30px);
        margin: 20px 0
    }
}

.brk-testimonials-dash-one__img {
    position: absolute;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    overflow: hidden;
    top: 0;
    left: 47px;
    transform: translateY(-50%)
}

@media (max-width:767px) {
    .brk-testimonials-dash-one__img {
        position: static;
        transform: none;
        margin: 0 auto 15px
    }
}

.brk-testimonials-dash-one__info {
    flex-basis: 160px;
    min-width: 160px;
    text-align: center;
    padding-top: 10px
}

@media (max-width:767px) {
    .brk-testimonials-dash-one__info {
        flex-basis: 160px;
        min-width: 160px;
        padding-top: 0
    }
}

@media (max-width:575px) {
    .brk-testimonials-dash-one__info {
        flex-basis: 100%;
        min-height: 0
    }
}

.brk-testimonials-dash-one__info .brk-rating {
    margin: 0 auto
}

.brk-testimonials-dash-one__info h4 {
    font-size: 1rem;
    line-height: 20px;
    margin-top: 10px
}

.brk-testimonials-dash-one__position {
    display: block;
    font-size: .875rem;
    line-height: 22px;
    color: #585858
}

.brk-testimonials-dash-one__description {
    flex-basis: calc(100% - 215px);
    font-size: 1rem;
    line-height: 26px;
    padding-left: 12px;
    color: #585858
}

@media (max-width:767px) {
    .brk-testimonials-dash-one__description {
        flex-basis: calc(100% - 160px)
    }
}

@media (max-width:575px) {
    .brk-testimonials-dash-one__description {
        flex-basis: 100%;
        margin-top: 15px;
        padding-left: 0
    }
}

.brk-testimonials-dash-two {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

    .brk-testimonials-dash-two .slick-track, .brk-testimonials-dash-two .swiper-container {
        margin-left: 0;
        margin-right: 0
    }

    .brk-testimonials-dash-two .dash-two-pagination {
        flex-basis: 100px;
        min-width: 100px;
        height: 340px !important;
        margin-top: 20px;
        margin-bottom: 20px;
        display: flex;
        overflow: visible;
        flex-direction: column;
        align-items: center
    }

@media (max-width:767px) {
    .brk-testimonials-dash-two .dash-two-pagination {
        flex-basis: 100%;
        min-width: 100%;
        height: 100px !important;
        margin: 0 auto;
        flex-direction: row;
        justify-content: center
    }
}

.brk-testimonials-dash-two .dash-two-pagination-bullet {
    width: 0;
    height: 0;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: scale(0);
    position: relative;
    z-index: 1;
    transition: all .4s ease-in-out;
    cursor: pointer;
    top: 0 !important;
    left: 0 !important;
    outline: 0
}

    .brk-testimonials-dash-two .dash-two-pagination-bullet:before {
        content: '';
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        border-radius: 50%;
        background-color: #fff;
        transition: all .4s ease-in-out
    }

.brk-testimonials-dash-two .dash-two-pagination-bullet-active {
    width: 64px;
    height: 64px;
    transform: scale(1.5625);
    z-index: 4
}

    .brk-testimonials-dash-two .dash-two-pagination-bullet-active:before {
        background-color: rgba(var(--white-rgb),0)
    }

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next, .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev {
    width: 64px;
    height: 64px;
    z-index: 3;
    outline: 0
}

    .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next:before, .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev:before {
        background-color: rgba(var(--white-rgb),.6)
    }

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next, .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-prev, .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-next, .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev {
    width: 64px;
    height: 64px;
    z-index: 2
}

    .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next:before, .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-prev:before, .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-next:before, .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev:before {
        background-color: rgba(var(--white-rgb),.9)
    }

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev {
    transform: translateY(-10px) scale(1.21875)
}

@media (max-width:767px) {
    .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev {
        transform: translateX(-10px) scale(1.21875)
    }
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev {
    transform: translateY(-10px) scale(1)
}

@media (max-width:767px) {
    .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev {
        transform: translateX(-10px) scale(1)
    }
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next {
    transform: translateY(10px) scale(1.21875)
}

@media (max-width:767px) {
    .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next {
        transform: translateX(10px) scale(1.21875)
    }
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next {
    transform: translateY(10px) scale(1)
}

@media (max-width:767px) {
    .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next {
        transform: translateX(10px) scale(1)
    }
}

.brk-testimonials-dash-two .dash-two-slider {
    flex-basis: calc(100% - 105px);
    margin-right: -20px
}

@media (max-width:767px) {
    .brk-testimonials-dash-two .dash-two-slider {
        flex-basis: 100%;
        max-width: 100%;
        margin-right: 0
    }
}

.brk-testimonials-dash-two__dots-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    z-index: 1;
    transition: all .4s ease
}

    .brk-testimonials-dash-two__dots-img:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

.brk-testimonials-dash-two__text-reviews {
    margin: 20px;
    min-height: 320px;
    text-align: left;
    padding: 45px 47px 45px 50px
}

    .brk-testimonials-dash-two__text-reviews:after, .brk-testimonials-dash-two__text-reviews:before {
        content: " ";
        display: table
    }

    .brk-testimonials-dash-two__text-reviews:after {
        clear: both
    }

.brk-testimonials-dash-two__name, .brk-testimonials-dash-two__service {
    font-size: 1rem;
    line-height: 18px
}

.brk-testimonials-dash-two__service {
    margin-left: 3px;
    color: #9f9f9f
}

.brk-testimonials-dash-two__description {
    font-size: 1rem;
    line-height: 28px;
    margin-top: 24px;
    letter-spacing: -.001em;
    color: #9f9f9f
}

.brk-testimonials-dash-two__link-video {
    float: right;
    font-size: 1rem;
    line-height: 42px;
    margin-top: 27px;
    color: var(--brand-primary)
}

    .brk-testimonials-dash-two__link-video span {
        display: inline-block;
        position: relative;
        width: 42px;
        height: 42px;
        border-radius: 21px;
        margin-right: 14px;
        background-color: var(--brand-primary);
        box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb),.5)
    }

        .brk-testimonials-dash-two__link-video span i {
            position: absolute;
            top: 50%;
            left: calc(50% + 1px);
            transform: translate(-50%,-50%);
            font-size: 1.25rem;
            color: var(--white)
        }

.brk-testimonials-dash-three {
    position: relative
}

    .brk-testimonials-dash-three svg {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        transform: translateY(-100%)
    }

    .brk-testimonials-dash-three .swiper-slide {
        height: auto
    }

    .brk-testimonials-dash-three .swiper-pagination-base .swiper-pagination-bullet {
        flex-basis: 10px;
        min-width: 10px;
        height: 10px;
        outline: 0
    }

    .brk-testimonials-dash-three .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 8px
    }

    .brk-testimonials-dash-three .dash-three-slider {
        padding: 50px 0 0
    }

        .brk-testimonials-dash-three .dash-three-slider .swiper-slide {
            border-radius: 7px;
            overflow: hidden;
            transition: all .3s ease-in-out
        }

@media (max-width:991px) {
    .brk-testimonials-dash-three .dash-three-slider .swiper-slide {
        max-width: none
    }
}

.brk-testimonials-dash-three .dash-three-slider .swiper-slide:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition-property: background-color,visibility,opacity;
    transition-duration: .3s;
    background-color: rgba(var(--white-rgb),.8)
}

.brk-testimonials-dash-three .dash-three-slider .swiper-slide.swiper-slide-active {
    transform: translateY(-10px);
    box-shadow: 0 20px 60px rgba(0,0,0,.1)
}

@media (max-width:767px) {
    .brk-testimonials-dash-three .dash-three-slider .swiper-slide.swiper-slide-active {
        transform: translateY(0)
    }
}

.brk-testimonials-dash-three .dash-three-slider .swiper-slide.swiper-slide-active:before, .brk-testimonials-dash-three .dash-three-slider_single .swiper-slide:before {
    background-color: transparent;
    visibility: hidden;
    opacity: 0
}

.brk-testimonials-dash-three .dash-three-slider_single {
    padding-top: 10px
}

    .brk-testimonials-dash-three .dash-three-slider_single .swiper-slide {
        box-shadow: none;
        background-color: #fff
    }

        .brk-testimonials-dash-three .dash-three-slider_single .swiper-slide.swiper-slide-active {
            box-shadow: none;
            background-color: #fff;
            transform: translateY(0)
        }

.brk-bordered-theme .brk-testimonials-dash-three .dash-three-slider_single .swiper-slide {
    border-radius: var(--b-radius);
    overflow: hidden
}

.brk-testimonials-dash-three__item {
    width: 100%;
    min-height: 280px;
    height: 100%;
    padding: 40px 40px 30px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: flex-start
}

[dir=rtl] .brk-testimonials-dash-three__item {
    text-align: right
}

.brk-testimonials-dash-three__img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
    float: left
}

    .brk-testimonials-dash-five__img img, .brk-testimonials-dash-four__dots-img img, .brk-testimonials-dash-three__img img {
        max-width: 100%;
        max-height: 100%
    }

.brk-testimonials-dash-three__caption {
    width: calc(100% - 48px);
    padding-left: 19px
}

[dir=rtl] .brk-testimonials-dash-three__caption {
    padding-left: 0;
    padding-right: 19px
}

.brk-testimonials-dash-three__desc {
    width: 100%;
    margin-top: 22px
}

.brk-testimonials-dash-three_transparent {
    background-color: transparent
}

.brk-testimonials-dash-three_dark .swiper-slide .brk-testimonials-dash-three__item {
    background-color: var(--brk-base-2)
}

.brk-testimonials-dash-three_dark .swiper-slide-active .brk-testimonials-dash-three__item {
    background-color: var(--secondary)
}

.brk-testimonials-dash-three_dark .brk-testimonials-dash-three__desc, .brk-testimonials-dash-three_dark .brk-testimonials-dash-three__name {
    color: #fff
}

.brk-testimonials-dash-three_dark .brk-testimonials-dash-three__classes {
    color: rgba(255,255,255,.2)
}

.brk-testimonials-dash-three_dark .swiper-pagination-bullet {
    background-color: rgba(255,255,255,.3)
}

.brk-testimonials-dash-three_dark .swiper-pagination-bullet-active {
    background-color: #fff
}

.brk-testimonials-dash-four {
    min-height: 406px;
    box-shadow: 0 5px 16px rgba(0,0,0,.1);
    position: relative;
    padding-bottom: 120px;
    background-color: var(--white)
}

    .brk-testimonials-dash-four .dash-four-pagination {
        position: absolute;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9
    }

    .brk-testimonials-dash-four .dash-four-pagination-bullet {
        width: 42px;
        height: 42px;
        border-radius: 50%;
        margin: 0 5px;
        background: no-repeat center center;
        background-size: cover;
        cursor: pointer;
        transition: all .3s ease-in-out;
        border: 2px solid var(--white);
        outline: 0
    }

        .brk-testimonials-dash-four .dash-four-pagination-bullet-active, .brk-testimonials-dash-four .dash-four-pagination-bullet:hover {
            width: 70px;
            height: 70px
        }

    .brk-testimonials-dash-four .dash-four-pagination_large .dash-four-pagination-bullet {
        width: 48px;
        height: 48px;
        margin: 0 25px
    }

        .brk-testimonials-dash-four .dash-four-pagination_large .dash-four-pagination-bullet-active, .brk-testimonials-dash-four .dash-four-pagination_large .dash-four-pagination-bullet:hover {
            width: 80px;
            height: 80px
        }

.brk-testimonials-dash-four__item i {
    margin-top: 42px;
    color: #e8e8e8
}

.brk-testimonials-dash-four__title {
    margin-top: 25px;
    font-size: 1.125rem;
    line-height: 24px
}

.brk-testimonials-dash-four__text {
    font-size: .875rem;
    line-height: 24px;
    max-width: 1000px;
    margin: 20px auto 0;
    padding: 0 15px;
    color: #88909c
}

.brk-testimonials-dash-four__dots-img {
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--white)
}

.brk-testimonials-dash-four__layout {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    background: no-repeat center center;
    background-size: cover
}

    .brk-testimonials-dash-four__layout .before {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(var(--brand-primary-rgb),.94)
    }

.brk-testimonials-dash-four_transparent {
    background-color: transparent;
    box-shadow: none
}

    .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__layout {
        display: none
    }

    .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__item i {
        background-color: #fff;
        padding: 14px;
        font-size: 36px;
        border-radius: 6px;
        color: var(--brk-base-2)
    }

    .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__item::after, .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__item::before {
        content: '';
        position: absolute;
        left: 0;
        top: 76px;
        width: calc(50% - 52px);
        height: 1px;
        background-color: rgba(255,255,255,.1)
    }

    .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__item::before {
        left: auto;
        right: 0
    }

    .brk-form-btn-inside button i, .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__text, .brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__title {
        color: #fff
    }

.brk-testimonials-dash-four_corner-pagination .dash-four-pagination {
    bottom: 0;
    transform: translate(-50%,50%)
}

.brk-testimonials-dash-five {
    position: relative
}

    .brk-testimonials-dash-five .swiper-wrapper {
        padding-top: 70px;
        padding-bottom: 30px
    }

    .brk-testimonials-dash-five .swiper-slide {
        z-index: 1
    }

        .brk-testimonials-dash-five .swiper-slide:before {
            content: '';
            position: absolute;
            left: -15px;
            top: 0;
            width: calc(100% + 30px);
            height: 100%;
            transition: .3s ease all;
            background-color: #fff
        }

        .brk-testimonials-dash-five .swiper-slide:after {
            content: '';
            position: absolute;
            left: -15px;
            bottom: 0;
            height: 3px;
            width: calc(100% + 30px);
            background-image: linear-gradient(to right,var(--brand-primary) 0%,var(--secondary) 100%);
            opacity: 0;
            transition: .3s ease opacity,.3s ease bottom
        }

        .brk-testimonials-dash-five .swiper-slide .brk-testimonials-dash-five__icon {
            height: 0;
            top: 0
        }

    .brk-testimonials-dash-five .swiper-slide-active {
        z-index: 2
    }

        .brk-testimonials-dash-five .swiper-slide-active:before {
            content: "";
            position: absolute;
            left: -15px;
            top: -15px;
            width: calc(100% + 30px);
            height: calc(100% + 30px);
            box-shadow: 0 6px 30px rgba(0,0,0,.12);
            background-color: #fff
        }

        .brk-testimonials-dash-five .swiper-slide-active:after {
            bottom: -15px;
            opacity: 1
        }

        .brk-testimonials-dash-five .swiper-slide-active .brk-testimonials-dash-five__icon {
            height: 90px;
            top: -62px
        }

.brk-testimonials-dash-five__item {
    min-height: 452px;
    padding-top: 94px;
    transition: all .7s ease-in-out;
    background-color: var(--white);
    color: #546887;
    position: relative
}

.brk-testimonials-dash-five__img {
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden
}

.brk-testimonials-dash-five__name {
    font-size: .875rem;
    line-height: 24px;
    margin-top: 21px
}

    .brk-testimonials-dash-five__name span {
        color: var(--brand-primary)
    }

.brk-testimonials-dash-five__desc {
    font-size: .875rem;
    line-height: 24px;
    margin: 8px auto 0;
    max-width: 320px;
    padding: 15px;
    max-height: 150px
}

.brk-testimonials-dash-five__icon {
    position: absolute;
    left: 50%;
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(40deg,var(--brand-primary) 0%,var(--secondary) 100%);
    border-radius: 100%;
    transform: translateX(-50%);
    transition: .3s ease all;
    overflow: hidden
}

    .brk-testimonials-dash-five__icon i {
        color: #fff;
        font-size: 32px
    }

.brk-testimonials-dash-six {
    position: relative;
    padding: 38px 47px 35px;
    border: 2px solid #e8e8e8
}

.brk-testimonials-dash-six__title-slider {
    font-size: 2.625rem;
    line-height: 48px;
    text-align: left;
    max-width: 200px;
    text-transform: uppercase;
    margin-bottom: 33px;
    padding-left: 5px
}

.brk-testimonials-dash-six__item {
    text-align: left;
    max-width: 270px;
    padding-left: 5px
}

.brk-testimonials-dash-six__comment {
    font-size: 1rem;
    line-height: 26px;
    margin-bottom: 27px;
    min-height: 78px;
    color: #868686
}

.brk-testimonials-dash-six__photo {
    width: 100px;
    height: 100px;
    background: no-repeat center center;
    background-size: cover;
    position: relative
}

    .brk-testimonials-dash-six__photo:before {
        content: '';
        position: absolute;
        width: 94px;
        height: 94px;
        top: 3px;
        left: 3px;
        border: 3px solid var(--white)
    }

.brk-testimonials-dash-six__name {
    letter-spacing: -.03em;
    font-size: .875rem;
    line-height: 18px;
    margin-top: 17px
}

.brk-testimonials-dash-six__job {
    font-size: .875rem;
    line-height: 18px;
    color: #868686;
    display: flex;
    align-items: center
}

    .brk-testimonials-dash-six__job i {
        font-size: 9px;
        margin-right: 4px
    }

.brk-testimonials-double {
    position: relative;
    z-index: 8
}

.brk-testimonials-double__slider {
    margin-top: 35px;
    padding: 42px 40px 10px;
    min-height: 340px;
    background: var(--white) no-repeat center;
    background-size: cover;
    position: relative
}

    .brk-testimonials-double__slider:before {
        content: ''
    }

    .brk-testimonials-double__slider.double-white:before {
        background-color: rgba(var(--white-rgb),.9)
    }

    .brk-testimonials-double__slider.double-white .brk-testimonials-double__type-reviews {
        background-color: var(--brand-primary);
        color: var(--white)
    }

    .brk-testimonials-double__slider.double-white .brk-testimonials-double__name span {
        color: #9f9f9f
    }

    .brk-testimonials-double__slider.double-white .double-pagination-bullet:before {
        background-color: var(--brk-base-3)
    }

    .brk-testimonials-double__slider.double-white .double-pagination-bullet-active {
        border: 1px solid var(--brand-primary)
    }

    .brk-testimonials-double__slider.double-dark:before {
        background-color: rgba(var(--brand-primary-rgb),.9)
    }

    .brk-testimonials-double__slider.double-dark .brk-testimonials-double__type-reviews {
        background-color: var(--white);
        color: var(--brand-primary)
    }

    .brk-testimonials-double__slider.double-dark .brk-testimonials-double__name strong, .brk-testimonials-double__slider.double-dark .brk-testimonials-double__title {
        color: var(--white)
    }

    .brk-testimonials-double__slider.double-dark .brk-rating__layer i, .brk-testimonials-double__slider.double-dark .brk-testimonials-double__name span, .brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__name span {
        color: rgba(var(--white-rgb),.5)
    }

    .brk-testimonials-double__slider.double-dark .double-pagination-bullet:before, .brk-testimonials-double__slider.double-dark-blue .double-pagination-bullet:before {
        background-color: var(--white)
    }

    .brk-testimonials-double__slider.double-dark .double-pagination-bullet-active {
        border: 1px solid #fff
    }

    .brk-testimonials-double__slider.double-dark-blue:before {
        background-color: rgba(0,2,67,.78)
    }

    .brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__type-reviews {
        background-color: var(--white);
        color: var(--brand-primary)
    }

    .brk-testimonials-double__slider.double-dark .brk-rating__imposition i, .brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__name strong, .brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__title {
        color: var(--white)
    }

    .brk-testimonials-double__slider.double-dark-blue .double-pagination-bullet-active {
        border: 1px solid #fff
    }

    .brk-testimonials-double__slider.double-dark-blue .brk-rating__layer i, .brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__name span {
        color: rgba(var(--white-rgb),.5)
    }

    .brk-testimonials-double__slider.double-dark-light:before {
        background-color: rgba(0,0,0,.7)
    }

    .brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__type-reviews {
        background-color: var(--brand-primary);
        color: var(--white)
    }

    .brk-testimonials-double__slider.double-dark-blue .brk-rating__imposition i, .brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__name strong, .brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__title {
        color: var(--white)
    }

    .brk-testimonials-double__slider.double-dark-light .double-pagination-bullet:before {
        background-color: var(--brk-base-3)
    }

    .brk-testimonials-double__slider.double-dark-light .double-pagination-bullet-active {
        border: 1px solid #dbdbdb
    }

.brk-testimonials-double__item {
    min-height: 240px;
    display: flex;
    flex-direction: column
}

.brk-testimonials-double__type-reviews {
    position: relative;
    min-width: 100px;
    padding-left: 10px;
    padding-right: 10px;
    height: 32px;
    border-radius: 16px;
    text-align: center;
    font-size: .875rem;
    line-height: 32px;
    z-index: 2;
    display: inline-block
}

.brk-testimonials-double__type-reviews_squared {
    border-radius: 0;
    font-size: .8125rem;
    height: 22px;
    line-height: 22px;
    min-width: 90px;
    font-weight: 400
}

.brk-testimonials-double__title {
    font-size: 1.5rem;
    line-height: 32px;
    text-transform: uppercase;
    margin-top: 37px;
    padding-right: 5px;
    margin-bottom: 32px
}

.brk-testimonials-double__contant {
    display: flex;
    align-items: center
}

.brk-testimonials-double__photo {
    flex-basis: 86px;
    width: 86px;
    height: 86px;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.brk-testimonials-double__name {
    flex-basis: calc(100% - 86px);
    width: calc(100% - 86px);
    padding-left: 25px;
    padding-top: 7px
}

    .brk-testimonials-double__name span, .brk-testimonials-double__name strong {
        display: block
    }

    .brk-testimonials-double__name strong {
        margin-top: 16px;
        font-size: 1rem;
        line-height: 16px
    }

    .brk-testimonials-double__name span {
        margin-top: 5px;
        font-size: .875rem;
        line-height: 14px
    }

.brk-testimonials-layered-horizontal {
    min-height: 420px;
    background: no-repeat center;
    background-size: cover;
    position: relative;
    padding-bottom: 106px
}

    .brk-testimonials-double__slider:before, .brk-testimonials-layered-horizontal .before-layer {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1
    }

    .brk-testimonials-layered-horizontal .after-layer {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 104px;
        z-index: 1;
        background-color: var(--white)
    }

    .brk-testimonials-layered-horizontal svg {
        position: absolute;
        top: 103px;
        left: 0;
        right: 0;
        z-index: 2
    }

.brk-testimonials-layered-horizontal__container {
    max-width: 920px;
    margin: 0 auto;
    position: relative;
    z-index: 9
}

    .brk-testimonials-layered-horizontal__container .layered-horizontal-slider {
        width: calc(100% - 150px)
    }

@media (max-width:575px) {
    .brk-testimonials-layered-horizontal__container .layered-horizontal-slider {
        width: calc(100% - 50px)
    }
}

.brk-testimonials-layered-horizontal__container .swiper-base-arrow-md {
    top: 50%;
    transform: translateY(-50%);
    outline: 0
}

    .brk-testimonials-layered-horizontal__container .swiper-base-arrow-md i {
        font-size: 1rem
    }

    .brk-testimonials-layered-horizontal__container .swiper-base-arrow-md.button-prev {
        left: 4px;
        outline: 0
    }

    .brk-testimonials-layered-horizontal__container .swiper-base-arrow-md.button-next {
        right: 4px;
        outline: 0
    }

.brk-testimonials-layered-horizontal__item {
    width: 100%;
    min-height: 420px;
    border-radius: 16px;
    position: relative;
    padding-top: 52px;
    box-shadow: 0 12px 31px rgba(0,0,0,.24);
    background-color: var(--white)
}

.brk-bordered-theme .brk-testimonials-layered-horizontal .overlay-horizontal, .brk-bordered-theme .brk-testimonials-layered-horizontal__item {
    border-radius: var(--b-radius)
}

.brk-testimonials-layered-horizontal .overlay-horizontal {
    position: absolute;
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 12px 31px rgba(0,0,0,.24);
    border-radius: 16px;
    transition: all .8s ease;
    z-index: 1;
    background-color: rgba(255,255,255,.8)
}

@media (max-width:575px) {
    .brk-testimonials-layered-horizontal .overlay-horizontal {
        display: none
    }
}

.brk-testimonials-layered-horizontal .overlay-horizontal.deactive {
    width: calc(100% - 400px);
    height: calc(100% - 400px);
    opacity: 0
}

.brk-testimonials-layered-horizontal__photo {
    width: 119px;
    height: 119px;
    border-radius: 50%;
    box-shadow: 0 0 0 16px rgba(0,0,0,.02);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    position: relative
}

    .brk-testimonials-layered-horizontal__photo:before {
        content: '';
        position: absolute;
        border-radius: 50%;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 0 7px rgba(0,0,0,.06)
    }

.brk-testimonials-layered-horizontal__name {
    font-size: 1.125rem;
    line-height: 18px;
    margin-top: 41px
}

.brk-testimonials-layered-horizontal__job {
    font-size: .9375rem;
    line-height: 17px;
    margin-top: 6px;
    color: #9f9f9f
}

.brk-testimonials-layered-horizontal__comment {
    font-size: 1rem;
    line-height: 26px;
    padding: 0 15px;
    max-width: 700px;
    margin: 28px auto 0;
    color: #9f9f9f
}

@media (max-width:767px) {
    .brk-testimonials-layered-horizontal__comment {
        padding: 0 15px 15px
    }
}

.brk-testimonials-layered-vertical {
    max-width: 970px;
    margin: 0 auto;
    position: relative;
    padding: 0 100px
}

@media (max-width:767px) {
    .brk-testimonials-layered-vertical {
        padding: 0 15px
    }
}

.brk-testimonials-layered-vertical__container {
    max-width: 770px;
    padding: 40px 0
}

@media (max-width:767px) {
    .brk-testimonials-layered-vertical__container {
        padding: 100px 0 40px
    }
}

.brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical {
    top: 50%;
    transform: translateY(-50%);
    width: 64px;
    height: 72px
}

@media (max-width:767px) {
    .brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical {
        top: 5px;
        transform: translateY(0)
    }
}

.brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical i {
    font-size: 4rem;
    line-height: 64px;
    color: var(--brand-primary)
}

.brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical.button-prev {
    left: 19px;
    outline: 0
}

.brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical.button-next {
    right: 19px;
    outline: 0
}

.brk-testimonials-layered-vertical .overlay-vertical {
    position: absolute;
    width: calc(100% - 280px);
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 12px 31px rgba(0,0,0,.24);
    border-radius: 16px;
    transition: all .8s ease-in-out;
    z-index: 1;
    background-color: var(--white)
}

@media (max-width:767px) {
    .brk-testimonials-layered-vertical .overlay-vertical {
        display: none
    }
}

.brk-testimonials-layered-vertical .overlay-vertical.deactive {
    width: 100px;
    height: 100px;
    opacity: 0
}

.brk-testimonials-layered-vertical .swiper-wrapper {
    height: 370px
}

@media (max-width:767px) {
    .brk-testimonials-layered-vertical .swiper-wrapper {
        height: 500px
    }
}

@media (max-width:575px) {
    .brk-testimonials-layered-vertical .swiper-wrapper {
        height: 540px
    }
}

@media (max-width:375px) {
    .brk-testimonials-layered-vertical .swiper-wrapper {
        height: 580px
    }
}

.brk-testimonials-layered-vertical__item {
    width: 100%;
    height: 100%;
    min-height: 370px;
    border-radius: 16px;
    position: relative;
    text-align: left;
    box-shadow: 0 12px 31px rgba(0,0,0,.24);
    background-color: var(--white)
}

.brk-testimonials-layered-vertical__person {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-bottom: 1px solid #f4f4f4
}

@media (max-width:767px) {
    .brk-testimonials-layered-vertical__person {
        flex-direction: column
    }
}

.brk-testimonials-layered-vertical__person-info {
    flex-basis: 60%;
    width: 60%;
    padding-left: 41px
}

    .brk-testimonials-layered-vertical__person-info:after, .brk-testimonials-layered-vertical__person-info:before {
        content: " ";
        display: table
    }

    .brk-testimonials-layered-vertical__person-info:after {
        clear: both
    }

@media (max-width:767px) {
    .brk-testimonials-layered-vertical__person-info {
        flex-basis: 100%;
        width: 100%;
        padding-left: 0;
        text-align: center
    }
}

.brk-testimonials-layered-vertical__photo {
    width: 91px;
    height: 91px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    margin-right: 23px;
    box-shadow: 0 0 0 3px #f0f0f0;
    float: left
}

@media (max-width:767px) {
    .brk-testimonials-layered-vertical__photo {
        float: none;
        margin: 0 auto
    }
}

.brk-testimonials-layered-vertical__name {
    font-size: 1.3125rem;
    line-height: 21px;
    margin-top: 27px
}

.brk-testimonials-layered-vertical__job {
    font-size: .9375rem;
    line-height: 17px;
    margin-top: 5px;
    color: #9f9f9f
}

.brk-testimonials-layered-vertical__comment {
    font-size: 1rem;
    line-height: 26px;
    padding: 36px 15px 15px;
    max-width: 700px;
    margin: 0 auto;
    color: #9f9f9f
}

@media (max-width:767px) {
    .brk-testimonials-layered-vertical__comment {
        text-align: center
    }
}

.brk-testimonials-layered-vertical .brk-rating {
    right: 40px;
    top: 6px
}

@media (max-width:767px) {
    .brk-testimonials-layered-vertical .brk-rating {
        right: auto;
        top: 15px
    }
}

.brk-testimonials-circle {
    height: 700px;
    position: relative;
    margin-bottom: 45px;
    text-align: center
}

@media (max-width:575px) {
    .brk-testimonials-circle {
        height: 500px
    }
}

.brk-testimonials-circle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    z-index: 9;
    border-top: 15px solid var(--white)
}

.brk-testimonials-circle .circle-slider {
    width: 100%;
    height: 100%
}

.brk-testimonials-circle__parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

    .brk-testimonials-circle__parallax-bg:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.7)
    }

.brk-testimonials-circle__item {
    position: absolute;
    top: calc(50% - 20px);
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 0 15px;
    max-width: 800px;
    color: var(--white)
}

    .brk-testimonials-circle__item i {
        font-size: 2.75rem;
        line-height: 30px;
        margin-bottom: 45px;
        color: rgba(var(--white-rgb),.3)
    }

.brk-testimonials-circle__comment {
    font-size: 1.625rem;
    line-height: 44px;
    letter-spacing: -.025em
}

@media (max-width:575px) {
    .brk-testimonials-circle__comment {
        font-size: 1rem;
        line-height: 28px
    }
}

.brk-testimonials-circle__name {
    font-size: .75rem;
    line-height: 14px;
    margin-top: 40px;
    letter-spacing: .03em
}

    .brk-testimonials-circle__name span {
        text-transform: uppercase
    }

.brk-testimonials-circle .circle-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(50%);
    width: 100%;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 99
}

.brk-testimonials-circle .circle-pagination-bullet {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin: 0 25px;
    background: no-repeat center center;
    background-size: cover;
    cursor: pointer;
    transition: all .4s ease-in-out;
    border: 2px solid var(--white);
    outline: 0
}

@media (max-width:575px) {
    .brk-testimonials-circle .circle-pagination-bullet {
        width: 30px;
        height: 30px;
        margin: 0 8px
    }
}

.brk-testimonials-circle .circle-pagination-bullet-active, .brk-testimonials-circle .circle-pagination-bullet:hover {
    transform: scale(1.66667);
    border-width: 1px
}

@media (max-width:575px) {
    .brk-testimonials-circle .circle-pagination-bullet-active, .brk-testimonials-circle .circle-pagination-bullet:hover {
        transform: scale(1.4)
    }
}

.swiper-pagination-base {
    margin: 43px auto 0;
    transform: none !important;
    display: flex;
    width: 100px
}

.swiper-pagination-base_lite-white .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: #fff;
    opacity: 1
}

.swiper-pagination-base .swiper-pagination-bullet {
    flex-basis: 8px;
    min-width: 8px;
    height: 8px;
    outline: 0
}

.dash-six-arrow {
    width: 68px;
    height: 68px;
    position: absolute;
    bottom: -2px;
    right: -2px;
    z-index: 9;
    background-color: var(--brand-primary);
    color: var(--white)
}

.dash-six-arrow-next, .dash-six-arrow-prev {
    position: absolute;
    width: 50%;
    height: 100%;
    cursor: pointer;
    outline: 0
}

    .dash-six-arrow-next i, .dash-six-arrow-prev i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -1px
    }

.dash-six-arrow-prev {
    left: 0
}

    .dash-six-arrow-prev i {
        right: 7px
    }

.dash-six-arrow-next {
    right: 0
}

    .dash-six-arrow-next i {
        left: 7px
    }

.double-pagination {
    position: absolute;
    top: 54px;
    right: 33px;
    display: flex;
    z-index: 3
}

.double-pagination-bullet {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid transparent;
    position: relative;
    margin: 0 7px;
    cursor: pointer;
    transition: all .3s ease-in-out;
    outline: 0
}

    .double-pagination-bullet:before {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        transition: all .3s ease-in-out
    }

.double-pagination-bullet-active:before {
    opacity: 0
}

.swiper-pagination-bullet-active {
    background-color: var(--brand-primary)
}

.indent__1 {
    padding: 70px 30px 60px
}

@media (min-width:768px) {
    .indent__1 {
        padding: 100px 50px 70px 110px
    }
}

.cfa__container {
    padding: 17px 25px
}

@media (min-width:992px) {
    .cfa__container p {
        margin-left: 30px;
        margin-right: 30px
    }

    .cfa__container {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.cfa__container > * {
    margin: 10px 20px
}

.cfa__minimal {
    padding: 17px 25px;
    position: relative;
    z-index: 1
}

    .cfa__minimal:before {
        content: '';
        position: absolute;
        width: 6px;
        height: 36px;
        top: 50%;
        transform: translateY(-50%);
        left: -3px;
        background: var(--secondary);
        border-radius: 50px
    }

@media (min-width:992px) {
    .cfa__minimal p {
        margin-left: 30px;
        margin-right: 30px
    }

    .cfa__minimal {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.cfa__minimal .btn {
    box-shadow: 0 5px 21px rgba(0,0,0,.3)
}

.cfa__minimal > * {
    margin: 10px 20px
}

@media (max-width:991px) {
    .cfa__hot {
        text-align: center
    }
}

@media (min-width:992px) {
    .cfa__hot {
        display: flex;
        justify-content: space-around;
        align-items: center
    }
}

.cfa__hot > * {
    margin: 10px 0
}

.cfa__hot .btn:not(.btn-inside-out-invert) {
    background: 0 0;
    color: #fff
}

    .cfa__hot .btn:not(.btn-inside-out-invert) > .after, .cfa__hot .btn:not(.btn-inside-out-invert) > .before {
        background: var(--brk-base-2)
    }

    .cfa__hot .btn:not(.btn-inside-out-invert) .border-btn {
        border-color: var(--brk-base-2)
    }

.cfa__hot .btn.btn-prime-white-transparent .border-btn {
    border-color: #fff
}

.brk-form-strict .jq-select-multiple ul:hover, .cfa__hot_primary .btn .border-btn {
    border-color: var(--brand-primary)
}

.cfa__outer .cfa__heading {
    padding: 40px 20px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.cfa__outer p {
    max-width: 1010px;
    margin: 0 auto;
    padding: 40px 15px 8px
}

.cfa__outer .btn {
    transform: translateY(50%);
    margin: 0
}

.cfa__email * + p {
    margin-top: 27px
}

.cfa__trend {
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}

@media (min-width:768px) {
    .cfa__trend {
        margin-right: 50px
    }
}

.cfa__trend h1, .cfa__trend h2 {
    font-size: 35px
}

@media (min-width:768px) {
    .cfa__trend h1, .cfa__trend h2 {
        font-size: 56px
    }
}

.cfa__trend .maxw-770 {
    margin-left: 0
}

.cfa__trend .icon-go {
    display: block;
    text-align: right;
    font-size: 36px;
    margin-top: 10px
}

@media (min-width:1200px) {
    .cfa__trend .icon-go {
        position: absolute;
        bottom: 80px;
        right: 80px
    }
}

.cfa__trend .grad-border {
    border-left: 12px solid var(--brk-base-2);
    border-right: 12px solid var(--secondary);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

    .cfa__trend .grad-border:after, .cfa__trend .grad-border:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 12px;
        background: linear-gradient(to right,var(--brk-base-2),var(--secondary))
    }

    .cfa__trend .grad-border:after {
        top: auto;
        bottom: 0
    }

.cfa__trend .divider-layers {
    margin-left: 0
}

    .cfa__trend .divider-layers > .before {
        left: 0;
        transform: none
    }

.cfa__trend .bg-after {
    display: none;
    position: absolute;
    top: 60px;
    left: 60px;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -2
}

@media (min-width:768px) {
    .cfa__trend .bg-after {
        display: block
    }
}

.cfa__image .bg-after:after, .cfa__trend .bg-after:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.cfa__trend .bg-after:before {
    background: rgba(255,255,255,.88)
}

.cfa__video {
    padding: 150px 0 50px;
    margin-top: -90px
}

.cfa__video_style-1 {
    padding: 275px 0 65px;
    margin-top: -215px
}

.cfa__video .border-left {
    padding: 10px 35px;
    display: inline-block;
    vertical-align: middle;
    border-left: 3px solid var(--brk-base-2)
}

.cfa__image {
    z-index: 1
}

    .cfa__image .btn {
        margin: 20px 0 0
    }

    .cfa__image .bg-after {
        content: '';
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        background-size: cover;
        z-index: -1
    }

        .cfa__image .bg-after:after {
            background: linear-gradient(to right,#fff,transparent)
        }

[dir=rtl] .cfa__image .bg-after:after {
    background: linear-gradient(to left,#fff,transparent)
}

.cfa__image.overlay__gradient > .overlay_after {
    z-index: -2
}

.cfa-card, .cfa__image {
    position: relative
}

.cfa-card__img-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

@media screen and (max-width:767px) {
    .cfa-card__img-container {
        position: relative
    }
}

.cfa-card__img {
    margin-left: 30px;
    max-width: calc(100% - 30px);
    height: auto
}

@media screen and (max-width:767px) {
    .cfa-card__img {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block
    }
}

.cfa-card__btn {
    box-shadow: 0 5px 16px rgba(0,0,0,.2) !important;
    background-color: #fff !important;
    color: var(--brand-primary) !important
}

    .cfa-card__btn .border-btn {
        display: none
    }

.cfa-lined__line {
    height: 46px;
    width: 3px;
    flex-grow: 0
}

.brk-form-checkbox, .brk-form-checkbox-label, .brk-form-radio, .brk-form-radio-label, .brk-form-strict .brk-form-date-wrap, .brk-form-strict .jq-selectbox, .brk-form-wrap, .title-box h1 + h6, .title-box h1 + p, .title-box h2 + h6, .title-box h2 + p, [type=file] ~ .file-info {
    margin-top: 30px
}

.no-margin .brk-form-checkbox, .no-margin .brk-form-checkbox-label {
    margin-top: 0
}

.brk-form [type=email], .brk-form [type=password], .brk-form [type=search], .brk-form [type=tel], .brk-form [type=text] {
    height: 58px
}

.brk-form [type=date]::-webkit-calendar-picker-indicator, .brk-form [type=date]::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none
}

.brk-form-file-wrap {
    width: 100%;
    display: block;
    position: relative
}

.brk-form-file-wrap-transparent {
    width: calc(100% - 110px);
    display: block;
    position: relative
}

.brk-form-strict_bd-white [type=email], .brk-form-strict_bd-white [type=password], .brk-form-strict_bd-white [type=search], .brk-form-strict_bd-white [type=tel], .brk-form-strict_bd-white [type=text] {
    border-bottom: 1px solid #fff !important
}

.brk-form-strict_bd-white .brk-form-wrap-active [type=email], .brk-form-strict_bd-white .brk-form-wrap-active [type=password], .brk-form-strict_bd-white .brk-form-wrap-active [type=search], .brk-form-strict_bd-white .brk-form-wrap-active [type=tel], .brk-form-strict_bd-white .brk-form-wrap-active [type=text] {
    border-bottom-color: #fff !important
}

.brk-form-strict [type=email]:not([disabled]), .brk-form-strict [type=password]:not([disabled]), .brk-form-strict [type=search]:not([disabled]), .brk-form-strict [type=tel]:not([disabled]), .brk-form-strict [type=text]:not([disabled]), .brk-form-strict textarea:not([disabled]) {
    width: 100%;
    font-size: .875rem;
    background-color: transparent
}

.brk-form-strict [type=date]:not([disabled]) {
    background-color: transparent
}

.brk-form-strict [type=email], .brk-form-strict [type=password], .brk-form-strict [type=search], .brk-form-strict [type=tel], .brk-form-strict [type=text] {
    width: 100%;
    height: 54px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0 15px 0 21px;
    transition: all .4s ease-in-out;
    border-bottom: 1px solid var(--form-color-1);
    color: var(--brk-dark-base)
}

    .brk-form-strict [type=email] + .input-label, .brk-form-strict [type=password] + .input-label, .brk-form-strict [type=search] + .input-label, .brk-form-strict [type=tel] + .input-label, .brk-form-strict [type=text] + .input-label, .brk-form-strict textarea + .input-label {
        position: absolute;
        top: 22px;
        left: 21px;
        display: block;
        font-size: .875rem;
        line-height: 14px;
        transition: all .4s ease-in-out;
        color: #a2a5ad;
        white-space: nowrap
    }

    .brk-form-strict [type=email][disabled], .brk-form-strict [type=password][disabled], .brk-form-strict [type=search][disabled], .brk-form-strict [type=tel][disabled], .brk-form-strict [type=text][disabled] {
        border-bottom: 1px solid #e9e9e9
    }

        .brk-form-strict [type=email][disabled] + .input-label, .brk-form-strict [type=password][disabled] + .input-label, .brk-form-strict [type=search][disabled] + .input-label, .brk-form-strict [type=tel][disabled] + .input-label, .brk-form-strict [type=text][disabled] + .input-label {
            cursor: default
        }

    .brk-form-strict [type=email].transparent-border, .brk-form-strict [type=password].transparent-border, .brk-form-strict [type=search].transparent-border, .brk-form-strict [type=tel].transparent-border, .brk-form-strict [type=text].transparent-border {
        border-bottom: 1px solid rgba(255,255,255,.8)
    }

    .brk-form-strict [type=email][required] + .input-label:after, .brk-form-strict [type=password][required] + .input-label:after, .brk-form-strict [type=search][required] + .input-label:after, .brk-form-strict [type=tel][required] + .input-label:after, .brk-form-strict [type=text][required] + .input-label:after {
        content: "*";
        position: absolute;
        color: var(--brand-primary);
        padding-left: 5px
    }

.brk-form-strict textarea {
    min-height: 170px;
    padding: 10px 15px;
    line-height: 18px;
    transition: all .4s ease-in-out;
    border: 1px solid var(--form-color-1)
}

    .brk-form-strict textarea + .input-label {
        top: 21px
    }

    .brk-form-strict textarea.bordered-bottom {
        border-left: 0;
        border-top: 0;
        border-right: 0
    }

    .brk-form-strict textarea.resizable-none {
        resize: none
    }

.brk-form-strict .jq-selectbox {
    width: 100%;
    text-align: left;
    cursor: pointer
}

.brk-form-strict .jq-selectbox__select {
    width: 100%;
    height: 54px;
    transition: all .4s ease-in-out;
    border-bottom: 1px solid var(--brk-base-4);
    color: rgba(var(--brk-dark-base-rgb),.4)
}

.brk-form-strict .jq-selectbox__select-text {
    line-height: 54px;
    padding: 0 15px 0 21px
}

.brk-form-strict .jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 41px
}

.brk-form-strict .jq-selectbox__trigger-arrow {
    position: absolute;
    top: 27px;
    left: 18px;
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-top: 6px solid var(--brand-primary)
}

.brk-form-strict .jq-selectbox__dropdown {
    width: 100%;
    border-top: transparent;
    background-color: var(--white);
    border: 1px solid var(--brand-primary)
}

    .brk-form-strict .jq-selectbox__dropdown ul {
        max-height: 170px;
        padding: 12px 0
    }

        .brk-form-round .jq-select-multiple ul li, .brk-form-round .jq-selectbox__dropdown ul li, .brk-form-strict .jq-select-multiple ul li, .brk-form-strict .jq-selectbox__dropdown ul li, .brk-form-strict [type=file] ~ .file-info, .brk-form-transparent .jq-selectbox__dropdown ul li {
            padding: 0 10px 0 30px;
            line-height: 34px;
            color: rgba(var(--brk-dark-base-rgb),.4)
        }

            .brk-form-strict .jq-selectbox__dropdown ul li.sel {
                color: var(--brk-base-4)
            }

            .brk-form-strict .jq-select-multiple ul li.selected, .brk-form-strict .jq-select-multiple ul li:hover, .brk-form-strict .jq-selectbox__dropdown ul li.selected, .brk-form-strict .jq-selectbox__dropdown ul li:hover {
                color: var(--brand-primary)
            }

.brk-form-strict .jq-selectbox.opened .jq-selectbox__select {
    border-bottom-color: var(--brand-primary)
}

.brk-form-strict .jq-selectbox.opened .jq-selectbox__select-text {
    color: var(--brk-dark-base)
}

.brk-form-strict .jq-select-multiple {
    width: 100%;
    height: 170px;
    text-align: left;
    cursor: pointer;
    margin-top: 30px
}

    .brk-form-strict .jq-select-multiple ul {
        height: 100% !important;
        padding: 12px 0;
        transition: all .4s ease-in-out;
        border: 1px solid var(--brk-base-4)
    }

.brk-form-strict [type=file] {
    display: none
}

    .brk-form-strict [type=file] ~ .file-info {
        width: 100%;
        display: block;
        font-size: .875rem;
        height: 42px;
        text-align: left;
        box-shadow: none;
        padding: 0 20px 0 13px;
        transition: all .4s ease-in-out;
        cursor: pointer;
        border-bottom: 1px solid var(--brk-base-4)
    }

        .brk-form-strict [type=file] ~ .file-info:active, .brk-form-strict [type=file] ~ .file-info:focus {
            border-bottom-color: var(--brand-primary)
        }

    .brk-form-strict [type=file] ~ .icon-before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        width: 14px
    }

        .brk-form-strict [type=file] ~ .icon-before i {
            position: absolute;
            top: 7px;
            left: 50%;
            transform: translateX(-50%);
            font-size: .875rem;
            line-height: 14px;
            color: var(--brand-primary)
        }

.brk-form-strict .brk-form-date-wrap, .brk-form-wrap {
    position: relative
}

    .brk-form-strict .brk-form-date-wrap input {
        width: 100%;
        height: 54px;
        border: 0;
        font-size: .875rem;
        border-radius: 0;
        box-shadow: none;
        padding: 0 15px 0 21px;
        transition: all .4s ease-in-out;
        cursor: pointer;
        border-bottom: 1px solid var(--brk-base-4);
        color: var(--brk-dark-base)
    }

        .brk-form-strict .brk-form-date-wrap input::-webkit-input-placeholder {
            color: rgba(var(--brk-dark-base-rgb),.4);
            opacity: 1
        }

        .brk-form-strict .brk-form-date-wrap input::-moz-placeholder {
            color: rgba(var(--brk-dark-base-rgb),.4);
            opacity: 1
        }

        .brk-form-strict .brk-form-date-wrap input:-ms-input-placeholder, .brk-form-strict .brk-form-date-wrap input::-ms-input-placeholder {
            color: rgba(var(--brk-dark-base-rgb),.4);
            opacity: 1
        }

        .brk-form-strict .brk-form-date-wrap input::placeholder {
            color: rgba(var(--brk-dark-base-rgb),.4);
            opacity: 1
        }

        .brk-form-strict .brk-form-date-wrap input:active, .brk-form-strict .brk-form-date-wrap input:focus {
            border-bottom-color: var(--brand-primary)
        }

        .brk-form-strict .brk-form-date-wrap input ~ .icon-before {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 12px;
            width: 14px
        }

            .brk-form-strict .brk-form-date-wrap input ~ .icon-before i {
                position: absolute;
                left: 50%;
                bottom: 19px;
                transform: translateX(-50%);
                font-size: .875rem;
                line-height: 14px;
                color: var(--brand-primary)
            }

.brk-form-strict .brk-form-checkbox {
    display: inline-block
}

    .brk-form-strict .brk-form-checkbox input, .brk-form-strict .brk-form-radio input {
        display: none
    }

    .brk-form-strict .brk-form-checkbox .checkbox-custom {
        width: 20px;
        height: 20px;
        display: block;
        position: relative;
        vertical-align: middle;
        transition: all .2s ease-in-out;
        margin-top: 1px;
        cursor: pointer;
        border: 1px solid #e7e7e7;
        background-color: var(--white)
    }

        .brk-form-strict .brk-form-checkbox .checkbox-custom i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            font-size: .875rem;
            line-height: 14px;
            opacity: 0;
            visibility: hidden;
            transition: all .2s ease-in-out;
            color: var(--white)
        }

    .brk-form-strict .brk-form-checkbox input:checked + .checkbox-custom {
        border-color: var(--brand-primary);
        background-color: var(--brand-primary)
    }

        .brk-form-round .brk-form-checkbox input:checked + .checkbox-custom i, .brk-form-round .brk-form-radio input:checked + .radio-custom:before, .brk-form-strict .brk-form-checkbox input:checked + .checkbox-custom i, .brk-form-strict .brk-form-radio input:checked + .radio-custom:before, .brk-form-transparent .brk-form-checkbox input:checked + .checkbox-custom i, .brk-form-transparent .brk-form-radio input:checked + .radio-custom i {
            opacity: 1;
            visibility: visible
        }

.brk-form-strict .brk-form-checkbox-label {
    font-size: .875rem;
    line-height: 22px;
    padding-left: 8px;
    cursor: pointer;
    color: var(--brk-dark-base)
}

.brk-form-strict .brk-form-radio {
    display: inline-block
}

    .brk-form-strict .brk-form-radio .radio-custom {
        width: 20px;
        height: 20px;
        display: block;
        border-radius: 50%;
        position: relative;
        float: left;
        vertical-align: middle;
        margin-top: 1px;
        cursor: pointer;
        transition: all .2s ease-in-out;
        border: 1px solid #e7e7e7;
        background-color: var(--white)
    }

        .brk-form-strict .brk-form-radio .radio-custom:before {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            opacity: 0;
            visibility: hidden;
            transition: all .2s ease-in-out;
            background-color: var(--brand-primary)
        }

    .brk-form-strict .brk-form-radio input:checked + .radio-custom, .comment-subscription-form input:checked + .subscribe-label:before {
        border-color: var(--brand-primary)
    }

.brk-form-strict .brk-form-radio-label {
    font-size: .875rem;
    line-height: 24px;
    padding-left: 8px;
    vertical-align: middle;
    cursor: pointer;
    color: var(--brk-dark-base)
}

.brk-form-strict_silver [type=email], .brk-form-strict_silver [type=password], .brk-form-strict_silver [type=search], .brk-form-strict_silver [type=tel], .brk-form-strict_silver [type=text] {
    border-bottom: 2px solid rgba(255,255,255,.2) !important;
    color: #868686
}

    .brk-form-strict_silver [type=email] + .input-label, .brk-form-strict_silver [type=password] + .input-label, .brk-form-strict_silver [type=search] + .input-label, .brk-form-strict_silver [type=tel] + .input-label, .brk-form-strict_silver [type=text] + .input-label, .brk-form-strict_silver textarea + .input-label {
        color: #868686
    }

.brk-form-strict_silver textarea {
    border: 2px solid rgba(255,255,255,.2)
}

    .brk-form-strict_silver textarea.bordered-bottom {
        border-left: 0;
        border-top: 0;
        border-right: 0
    }

    .brk-form-strict_silver textarea.resizable-none {
        resize: none
    }

.brk-form-row .brk-form-wrap, .cfa_footer form {
    flex-grow: 1
}

.brk-form-wrap .input-label {
    cursor: text
}

.brk-form-wrap-active [type=email], .brk-form-wrap-active [type=password], .brk-form-wrap-active [type=search], .brk-form-wrap-active [type=tel], .brk-form-wrap-active [type=text] {
    border-bottom-color: var(--brand-primary)
}

    .brk-form-wrap-active [type=email] + .input-label, .brk-form-wrap-active [type=password] + .input-label, .brk-form-wrap-active [type=search] + .input-label, .brk-form-wrap-active [type=tel] + .input-label, .brk-form-wrap-active [type=text] + .input-label, .brk-form-wrap-active textarea + .input-label {
        top: 0;
        left: 12px;
        font-size: .75rem;
        letter-spacing: -.06em;
        white-space: nowrap
    }

.brk-form-wrap-active textarea {
    border: 1px solid var(--brand-primary)
}

    .brk-form-wrap-active textarea + .input-label {
        top: -25px
    }

.brk-form-round .brk-form-label {
    display: block;
    width: 100%;
    text-align: left;
    font-size: .875rem;
    padding-left: 31px;
    margin-bottom: 19px
}

.brk-form-round [type=email], .brk-form-round [type=password], .brk-form-round [type=search], .brk-form-round [type=tel], .brk-form-round [type=text] {
    width: 100%;
    height: 54px;
    border-radius: 27px;
    font-size: .875rem;
    padding: 0 20px 0 30px;
    box-shadow: none;
    background-color: var(--white);
    border: 2px solid rgba(205,205,205,.2);
    color: var(--brk-dark-base)
}

    .brk-form-round .brk-form-date-wrap input::-webkit-input-placeholder, .brk-form-round [type=email]::-webkit-input-placeholder, .brk-form-round [type=password]::-webkit-input-placeholder, .brk-form-round [type=search]::-webkit-input-placeholder, .brk-form-round [type=tel]::-webkit-input-placeholder, .brk-form-round [type=text]::-webkit-input-placeholder, .brk-form-round textarea::-webkit-input-placeholder {
        color: rgba(var(--brk-dark-base-rgb),.4);
        opacity: 1
    }

    .brk-form-round .brk-form-date-wrap input::-moz-placeholder, .brk-form-round [type=email]::-moz-placeholder, .brk-form-round [type=password]::-moz-placeholder, .brk-form-round [type=search]::-moz-placeholder, .brk-form-round [type=tel]::-moz-placeholder, .brk-form-round [type=text]::-moz-placeholder, .brk-form-round textarea::-moz-placeholder {
        color: rgba(var(--brk-dark-base-rgb),.4);
        opacity: 1
    }

    .brk-form-round .brk-form-date-wrap input:-ms-input-placeholder, .brk-form-round .brk-form-date-wrap input::-ms-input-placeholder, .brk-form-round [type=email]:-ms-input-placeholder, .brk-form-round [type=email]::-ms-input-placeholder, .brk-form-round [type=password]:-ms-input-placeholder, .brk-form-round [type=password]::-ms-input-placeholder, .brk-form-round [type=search]:-ms-input-placeholder, .brk-form-round [type=search]::-ms-input-placeholder, .brk-form-round [type=tel]:-ms-input-placeholder, .brk-form-round [type=tel]::-ms-input-placeholder, .brk-form-round [type=text]:-ms-input-placeholder, .brk-form-round [type=text]::-ms-input-placeholder, .brk-form-round textarea:-ms-input-placeholder, .brk-form-round textarea::-ms-input-placeholder {
        color: rgba(var(--brk-dark-base-rgb),.4);
        opacity: 1
    }

    .brk-form-round .brk-form-date-wrap input::placeholder, .brk-form-round [type=email]::placeholder, .brk-form-round [type=password]::placeholder, .brk-form-round [type=search]::placeholder, .brk-form-round [type=tel]::placeholder, .brk-form-round [type=text]::placeholder, .brk-form-round textarea::placeholder {
        color: rgba(var(--brk-dark-base-rgb),.4);
        opacity: 1
    }

    .brk-form-round .brk-form-date-wrap input:active, .brk-form-round .brk-form-date-wrap input:focus, .brk-form-round [type=email]:active, .brk-form-round [type=email]:focus, .brk-form-round [type=password]:active, .brk-form-round [type=password]:focus, .brk-form-round [type=search]:active, .brk-form-round [type=search]:focus, .brk-form-round [type=tel]:active, .brk-form-round [type=tel]:focus, .brk-form-round [type=text]:active, .brk-form-round [type=text]:focus, .brk-form-round textarea:active, .brk-form-round textarea:focus {
        box-shadow: 0 5px 16px rgba(165,165,165,.5);
        border-color: var(--brk-base-2)
    }

    .brk-form-round [type=email][disabled], .brk-form-round [type=password][disabled], .brk-form-round [type=search][disabled], .brk-form-round [type=tel][disabled], .brk-form-round [type=text][disabled] {
        border: 2px solid rgba(205,205,205,.2);
        background-color: #f6f6f6
    }

        .brk-form-round [type=email][disabled]:active, .brk-form-round [type=email][disabled]:focus, .brk-form-round [type=email][readonly]:active, .brk-form-round [type=email][readonly]:focus, .brk-form-round [type=password][disabled]:active, .brk-form-round [type=password][disabled]:focus, .brk-form-round [type=password][readonly]:active, .brk-form-round [type=password][readonly]:focus, .brk-form-round [type=search][disabled]:active, .brk-form-round [type=search][disabled]:focus, .brk-form-round [type=search][readonly]:active, .brk-form-round [type=search][readonly]:focus, .brk-form-round [type=tel][disabled]:active, .brk-form-round [type=tel][disabled]:focus, .brk-form-round [type=tel][readonly]:active, .brk-form-round [type=tel][readonly]:focus, .brk-form-round [type=text][disabled]:active, .brk-form-round [type=text][disabled]:focus, .brk-form-round [type=text][readonly]:active, .brk-form-round [type=text][readonly]:focus {
            box-shadow: none;
            border-color: rgba(205,205,205,.2)
        }

.brk-form-round .brk-form-date-wrap input, .brk-form-round textarea {
    width: 100%;
    border-radius: 27px;
    font-size: .875rem;
    border: 2px solid rgba(205,205,205,.2);
    color: var(--brk-dark-base)
}

.brk-form-round textarea {
    min-height: 170px;
    line-height: 18px;
    transition: all .4s ease-in-out;
    padding: 26px 15px 15px 29px
}

    .brk-form-round textarea.resizable-none {
        resize: none
    }

.brk-form-round .jq-selectbox {
    width: 100%;
    text-align: left;
    cursor: pointer
}

.brk-form-round .jq-selectbox__select {
    width: 100%;
    height: 54px;
    border-radius: 27px;
    border: 2px solid rgba(205,205,205,.2);
    color: rgba(var(--brk-dark-base-rgb),.4)
}

.brk-form-round .jq-selectbox__select-text {
    line-height: 50px;
    padding: 0 15px 0 29px
}

.brk-form-round .jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 41px
}

.brk-form-round .jq-selectbox__trigger-arrow {
    position: absolute;
    top: 24px;
    left: 12px;
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 5px solid var(--brk-base-2)
}

    .brk-form-round .jq-selectbox__trigger-arrow:before {
        content: '';
        position: absolute;
        top: -7px;
        left: -4px;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        border-top: 5px solid var(--white)
    }

.brk-form-round .jq-selectbox__dropdown {
    width: 100%;
    border-top: transparent;
    border-radius: 0 0 27px 27px;
    padding: 0 1px 21px 0;
    top: 52px;
    background-color: var(--white);
    border: 2px solid var(--brk-base-2);
    box-shadow: 0 5px 16px rgba(165,165,165,.5)
}

    .brk-form-round .jq-selectbox__dropdown:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        top: -2px;
        left: 0;
        background-color: var(--white)
    }

    .brk-form-round .jq-selectbox__dropdown ul {
        max-height: 170px;
        padding: 12px 0
    }

        .brk-form-round .jq-selectbox__dropdown ul li.sel, .brk-form-round .jq-selectbox__dropdown ul li.selected, .brk-form-round .jq-selectbox__dropdown ul li:hover {
            color: var(--brk-base-2)
        }

.brk-form-round .jq-selectbox.opened .jq-selectbox__select {
    border-color: var(--brk-base-2);
    border-bottom-color: transparent;
    border-radius: 27px 27px 0 0
}

.brk-form-round .jq-selectbox.opened .jq-selectbox__select-text {
    color: var(--brk-dark-base)
}

.brk-form-round .jq-select-multiple {
    width: 100%;
    height: 170px;
    text-align: left;
    cursor: pointer;
    border-radius: 27px;
    transition: all .4s ease-in-out;
    padding: 11px 5px 11px 0;
    border: 2px solid rgba(205,205,205,.2);
    color: rgba(var(--brk-dark-base-rgb),.4)
}

    .brk-form-round .jq-select-multiple:hover {
        border-color: var(--brk-base-2);
        box-shadow: 0 5px 16px rgba(165,165,165,.5)
    }

    .brk-form-round .jq-select-multiple ul {
        height: 100% !important;
        padding: 12px 0;
        transition: all .4s ease-in-out
    }

        .brk-form-round .jq-select-multiple ul li.selected, .brk-form-round .jq-select-multiple ul li:hover {
            color: var(--brand-primary)
        }

.brk-form-round [type=file] {
    display: none
}

    .brk-form-round [type=file] ~ .file-info {
        width: 100%;
        display: block;
        font-size: .875rem;
        line-height: 50px;
        height: 54px;
        border-radius: 27px;
        text-align: left;
        box-shadow: none;
        padding: 0 20px 0 29px;
        transition: all .4s ease-in-out;
        cursor: pointer;
        margin: 0;
        background-color: var(--white);
        border: 2px solid rgba(205,205,205,.2);
        color: rgba(var(--brk-dark-base-rgb),.4)
    }

    .brk-form-round [type=file] ~ .icon-before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 18px;
        width: 18px
    }

        .brk-form-round [type=file] ~ .icon-before i {
            position: absolute;
            top: 19px;
            left: 50%;
            transform: translateX(-50%);
            font-size: .875rem;
            line-height: 18px;
            color: var(--brk-base-2)
        }

.brk-form-btn-inside, .brk-form-round .brk-form-date-wrap, .brk-form-round-btn-inside-full {
    position: relative
}

    .brk-form-round .brk-form-date-wrap input {
        height: 54px;
        padding: 0 20px 0 30px;
        box-shadow: none;
        cursor: pointer;
        background-color: var(--white)
    }

        .brk-form-round .brk-form-date-wrap input + .icon-before {
            position: absolute;
            top: 7px;
            bottom: 0;
            right: 7px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-image: linear-gradient(to top,var(--brk-base-2),var(--brk-base-5))
        }

            .brk-form-round .brk-form-checkbox .checkbox-custom i, .brk-form-round .brk-form-date-wrap input + .icon-before i {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%,-50%);
                font-size: .875rem;
                line-height: 14px;
                color: var(--white)
            }

.brk-form-round .brk-form-checkbox {
    display: inline-block
}

    .brk-form-round .brk-form-checkbox input, .brk-form-round .brk-form-radio input {
        display: none
    }

    .brk-form-round .brk-form-checkbox .checkbox-custom {
        width: 20px;
        height: 20px;
        display: block;
        position: relative;
        vertical-align: middle;
        transition: all .2s ease-in-out;
        margin-top: 1px;
        cursor: pointer;
        border: 1px solid #e7e7e7;
        background-color: var(--white)
    }

        .brk-form-round .brk-form-checkbox .checkbox-custom i {
            font-size: .5625rem;
            opacity: 0;
            visibility: hidden;
            transition: all .2s ease-in-out
        }

    .brk-form-round .brk-form-checkbox input:checked + .checkbox-custom {
        border: 0;
        background-image: linear-gradient(to top,var(--brk-base-2),var(--brk-base-5))
    }

.brk-form-round .brk-form-checkbox-label {
    font-size: .875rem;
    line-height: 24px;
    padding-left: 8px;
    vertical-align: middle;
    cursor: pointer;
    color: var(--brk-dark-base)
}

.brk-form-round .brk-form-radio {
    display: inline-block
}

    .brk-form-round .brk-form-radio .radio-custom {
        width: 20px;
        height: 20px;
        display: block;
        border-radius: 50%;
        position: relative;
        float: left;
        vertical-align: middle;
        margin-top: 1px;
        cursor: pointer;
        transition: all .2s ease-in-out;
        border: 1px solid #e7e7e7;
        background-color: var(--white)
    }

        .brk-form-round .brk-form-radio .radio-custom:before {
            content: '';
            position: absolute;
            top: 2px;
            left: 2px;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            opacity: 0;
            visibility: hidden;
            transition: all .2s ease-in-out;
            background-image: linear-gradient(to top,var(--brk-base-2),var(--brk-base-5))
        }

    .brk-form-round .brk-form-radio input:checked + .radio-custom {
        border-color: var(--brk-base-2)
    }

.brk-form-round .brk-form-radio-label {
    font-size: .875rem;
    line-height: 24px;
    padding-left: 8px;
    vertical-align: middle;
    cursor: pointer;
    color: var(--brk-dark-base)
}

.brk-form-round-btn-inside-full button {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}

.brk-form-transparent .brk-form-wrap {
    margin-top: 0;
    display: flex
}

.brk-form-transparent .brk-form-label {
    display: block;
    width: 110px;
    text-align: right;
    font-size: .875rem;
    padding-right: 20px;
    margin-top: 15px
}

.brk-form-transparent [type=email], .brk-form-transparent [type=password], .brk-form-transparent [type=search], .brk-form-transparent [type=tel], .brk-form-transparent [type=text] {
    width: calc(100% - 110px);
    height: 54px;
    border-radius: 27px;
    font-size: .875rem;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    padding: 0 15px 0 30px;
    transition: all .4s ease-in-out;
    background-color: rgba(255,255,255,.12);
    color: #fff;
    border: 2px solid rgba(255,255,255,.2)
}

    .brk-form-transparent [type=email]::-webkit-input-placeholder, .brk-form-transparent [type=password]::-webkit-input-placeholder, .brk-form-transparent [type=search]::-webkit-input-placeholder, .brk-form-transparent [type=tel]::-webkit-input-placeholder, .brk-form-transparent [type=text]::-webkit-input-placeholder {
        color: rgba(255,255,255,.4);
        opacity: 1
    }

    .brk-form-transparent [type=email]::-moz-placeholder, .brk-form-transparent [type=password]::-moz-placeholder, .brk-form-transparent [type=search]::-moz-placeholder, .brk-form-transparent [type=tel]::-moz-placeholder, .brk-form-transparent [type=text]::-moz-placeholder {
        color: rgba(255,255,255,.4);
        opacity: 1
    }

    .brk-form-transparent [type=email]:-ms-input-placeholder, .brk-form-transparent [type=email]::-ms-input-placeholder, .brk-form-transparent [type=password]:-ms-input-placeholder, .brk-form-transparent [type=password]::-ms-input-placeholder, .brk-form-transparent [type=search]:-ms-input-placeholder, .brk-form-transparent [type=search]::-ms-input-placeholder, .brk-form-transparent [type=tel]:-ms-input-placeholder, .brk-form-transparent [type=tel]::-ms-input-placeholder, .brk-form-transparent [type=text]:-ms-input-placeholder, .brk-form-transparent [type=text]::-ms-input-placeholder {
        color: rgba(255,255,255,.4);
        opacity: 1
    }

    .brk-form-transparent [type=email]::placeholder, .brk-form-transparent [type=password]::placeholder, .brk-form-transparent [type=search]::placeholder, .brk-form-transparent [type=tel]::placeholder, .brk-form-transparent [type=text]::placeholder {
        color: rgba(255,255,255,.4);
        opacity: 1
    }

    .brk-form-transparent [type=email]:active, .brk-form-transparent [type=email]:focus, .brk-form-transparent [type=password]:active, .brk-form-transparent [type=password]:focus, .brk-form-transparent [type=search]:active, .brk-form-transparent [type=search]:focus, .brk-form-transparent [type=tel]:active, .brk-form-transparent [type=tel]:focus, .brk-form-transparent [type=text]:active, .brk-form-transparent [type=text]:focus {
        border-color: var(--white)
    }

    .brk-form-transparent [type=email][disabled], .brk-form-transparent [type=password][disabled], .brk-form-transparent [type=search][disabled], .brk-form-transparent [type=tel][disabled], .brk-form-transparent [type=text][disabled] {
        border: 2px solid rgba(var(--white-rgb),.1);
        background-color: rgba(var(--white-rgb),.04)
    }

        .brk-form-transparent [type=email][disabled]:active, .brk-form-transparent [type=email][disabled]:focus, .brk-form-transparent [type=password][disabled]:active, .brk-form-transparent [type=password][disabled]:focus, .brk-form-transparent [type=search][disabled]:active, .brk-form-transparent [type=search][disabled]:focus, .brk-form-transparent [type=tel][disabled]:active, .brk-form-transparent [type=tel][disabled]:focus, .brk-form-transparent [type=text][disabled]:active, .brk-form-transparent [type=text][disabled]:focus {
            border-color: rgba(var(--white-rgb),.1)
        }

    .brk-form-transparent [type=email][readonly], .brk-form-transparent [type=password][readonly], .brk-form-transparent [type=search][readonly], .brk-form-transparent [type=tel][readonly], .brk-form-transparent [type=text][readonly] {
        border-color: transparent
    }

        .brk-form-transparent [type=email][readonly]:active, .brk-form-transparent [type=email][readonly]:focus, .brk-form-transparent [type=password][readonly]:active, .brk-form-transparent [type=password][readonly]:focus, .brk-form-transparent [type=search][readonly]:active, .brk-form-transparent [type=search][readonly]:focus, .brk-form-transparent [type=tel][readonly]:active, .brk-form-transparent [type=tel][readonly]:focus, .brk-form-transparent [type=text][readonly]:active, .brk-form-transparent [type=text][readonly]:focus {
            border-color: transparent
        }

.brk-form-transparent textarea {
    width: calc(100% - 110px);
    min-height: 170px;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    padding: 21px 15px 15px 30px;
    border-radius: 27px;
    font-size: .875rem;
    line-height: 18px;
    transition: all .4s ease-in-out;
    border: 2px solid rgba(var(--white-rgb),.2);
    background: rgba(var(--white-rgb),.12);
    color: var(--white)
}

    .brk-form-transparent .brk-form-date-wrap input::-webkit-input-placeholder, .brk-form-transparent textarea::-webkit-input-placeholder {
        color: rgba(var(--white-rgb),.4);
        opacity: 1
    }

    .brk-form-transparent .brk-form-date-wrap input::-moz-placeholder, .brk-form-transparent textarea::-moz-placeholder {
        color: rgba(var(--white-rgb),.4);
        opacity: 1
    }

    .brk-form-transparent .brk-form-date-wrap input:-ms-input-placeholder, .brk-form-transparent .brk-form-date-wrap input::-ms-input-placeholder, .brk-form-transparent textarea:-ms-input-placeholder, .brk-form-transparent textarea::-ms-input-placeholder {
        color: rgba(var(--white-rgb),.4);
        opacity: 1
    }

    .brk-form-transparent .brk-form-date-wrap input::placeholder, .brk-form-transparent textarea::placeholder {
        color: rgba(var(--white-rgb),.4);
        opacity: 1
    }

    .brk-form-transparent .brk-form-date-wrap input:active, .brk-form-transparent .brk-form-date-wrap input:focus, .brk-form-transparent textarea:active, .brk-form-transparent textarea:focus {
        border-color: var(--white)
    }

    .brk-form-transparent textarea.resizable-none {
        resize: none
    }

.brk-form-transparent .jq-selectbox {
    width: calc(100% - 110px);
    text-align: left;
    cursor: pointer
}

.brk-form-transparent .jq-selectbox__select {
    width: 100%;
    height: 54px;
    border-radius: 27px;
    box-shadow: 0 3px 10px rgba(0,0,0,.1);
    transition: all .4s ease-in-out;
    border: 2px solid rgba(var(--white-rgb),.2);
    color: rgba(var(--white-rgb),.4);
    background: rgba(var(--white-rgb),.12)
}

.brk-form-transparent .jq-selectbox__select-text {
    line-height: 50px;
    padding: 0 15px 0 29px
}

.brk-form-transparent .jq-selectbox__trigger {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 41px
}

.brk-form-transparent .jq-selectbox__trigger-arrow {
    position: absolute;
    top: 24px;
    left: 12px;
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 5px solid var(--white);
    transition: all .4s ease-in-out
}

.brk-form-transparent .jq-selectbox__dropdown {
    width: 100%;
    border-top: transparent;
    border-radius: 0 0 27px 27px;
    padding: 0 1px 21px 0;
    top: 52px;
    background-color: var(--white);
    border: 2px solid var(--white);
    box-shadow: 0 3px 10px rgba(var(--black-rgb),.1)
}

    .brk-form-transparent .jq-selectbox__dropdown ul {
        max-height: 170px;
        padding: 12px 0
    }

        .brk-form-transparent .jq-selectbox__dropdown ul li.sel, .brk-form-transparent .jq-selectbox__dropdown ul li.selected, .brk-form-transparent .jq-selectbox__dropdown ul li:hover {
            color: var(--brk-base-2)
        }

.brk-form-transparent .jq-selectbox.opened .jq-selectbox__select {
    border-radius: 27px 27px 0 0;
    border-color: var(--white);
    border-bottom-color: transparent;
    background-color: var(--white)
}

.brk-form-transparent .jq-selectbox.opened .jq-selectbox__select-text {
    color: var(--brk-dark-base)
}

.brk-form-transparent .jq-selectbox.opened .jq-selectbox__trigger-arrow {
    border-top: 5px solid var(--brk-dark-base)
}

.brk-form-transparent .jq-select-multiple {
    width: calc(100% - 110px);
    height: 170px;
    text-align: left;
    cursor: pointer;
    border-radius: 27px;
    transition: all .4s ease-in-out;
    padding: 11px 5px 11px 0;
    border: 2px solid rgba(var(--white-rgb),.2);
    color: rgba(var(--white-rgb),.4);
    background: rgba(var(--white-rgb),.12);
    box-shadow: 0 3px 10px rgba(var(--black-rgb),.1)
}

    .brk-form-transparent .jq-select-multiple:hover {
        border-color: var(--white)
    }

    .brk-form-transparent .jq-select-multiple ul {
        height: 100% !important;
        padding: 12px 0;
        transition: all .4s ease-in-out
    }

        .brk-form-transparent .jq-select-multiple ul li {
            padding: 0 10px 0 30px;
            line-height: 34px;
            color: rgba(var(--white-rgb),.4)
        }

            .brk-form-transparent .jq-select-multiple ul li.selected, .brk-form-transparent .jq-select-multiple ul li:hover {
                color: var(--white)
            }

.brk-form-transparent [type=file] {
    display: none
}

    .brk-form-transparent [type=file] ~ .file-info {
        width: 100%;
        display: block;
        font-size: .875rem;
        line-height: 50px;
        height: 54px;
        border-radius: 27px;
        text-align: left;
        box-shadow: 0 3px 10px rgba(0,0,0,.1);
        padding: 0 20px 0 29px;
        transition: all .4s ease-in-out;
        cursor: pointer;
        margin-top: 0;
        background: rgba(var(--white-rgb),.12);
        border: 2px solid rgba(var(--white-rgb),.2);
        color: rgba(var(--white-rgb),.4)
    }

    .brk-form-transparent .brk-form-date-wrap input + .icon-before, .brk-form-transparent [type=file] ~ .icon-before {
        position: absolute;
        top: 7px;
        bottom: 0;
        right: 7px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-image: linear-gradient(to top,var(--brk-base-2),var(--brk-base-5))
    }

        .brk-form-transparent .brk-form-date-wrap input + .icon-before i, .brk-form-transparent [type=file] ~ .icon-before i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            font-size: .875rem;
            line-height: 14px;
            color: var(--white)
        }

.brk-form-transparent .brk-form-date-wrap {
    position: relative;
    width: calc(100% - 110px)
}

    .brk-form-transparent .brk-form-date-wrap input {
        width: 100%;
        height: 54px;
        border-radius: 27px;
        font-size: .875rem;
        padding: 0 20px 0 30px;
        cursor: pointer;
        box-shadow: 0 3px 10px rgba(0,0,0,.1);
        transition: all .4s ease-in-out;
        background: rgba(var(--white-rgb),.12);
        border: 2px solid rgba(var(--white-rgb),.2) !important;
        color: var(--white)
    }

.brk-form-transparent .brk-form-checkbox {
    display: inline-block
}

    .brk-form-transparent .brk-form-checkbox input, .brk-form-transparent .brk-form-radio input, select.brk-form-multiselect-strict, select.brk-form-select-strict {
        display: none
    }

    .brk-form-transparent .brk-form-checkbox .checkbox-custom {
        width: 20px;
        height: 20px;
        display: block;
        box-shadow: 0 3px 10px rgba(0,0,0,.1);
        position: relative;
        float: left;
        vertical-align: middle;
        transition: all .2s ease-in-out;
        margin-top: 1px;
        cursor: pointer;
        border: 2px solid rgba(var(--white-rgb),.2);
        background: rgba(var(--white-rgb),.12)
    }

        .brk-form-transparent .brk-form-checkbox .checkbox-custom i, .brk-form-transparent .brk-form-radio .radio-custom i {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            font-size: .5625rem;
            line-height: 14px;
            opacity: 0;
            visibility: hidden;
            transition: all .2s ease-in-out;
            color: var(--white)
        }

    .brk-form-transparent .brk-form-checkbox input:checked + .checkbox-custom, .brk-form-transparent .brk-form-radio input:checked + .radio-custom {
        border-color: var(--white)
    }

.brk-form-transparent .brk-form-checkbox-label {
    font-size: .875rem;
    line-height: 24px;
    padding-left: 8px;
    vertical-align: middle;
    cursor: pointer;
    color: var(--white)
}

.brk-form-transparent .brk-form-radio, .heading-style-left h1, .heading-style-left h2 {
    display: inline-block
}

    .brk-form-transparent .brk-form-radio .radio-custom {
        width: 20px;
        height: 20px;
        display: block;
        box-shadow: 0 3px 10px rgba(0,0,0,.1);
        border-radius: 50%;
        position: relative;
        float: left;
        vertical-align: middle;
        margin-top: 1px;
        cursor: pointer;
        transition: all .2s ease-in-out;
        border: 2px solid rgba(var(--white-rgb),.2);
        background: rgba(var(--white-rgb),.12)
    }

.brk-form-transparent .brk-form-radio-label {
    font-size: .875rem;
    line-height: 24px;
    padding-left: 8px;
    vertical-align: middle;
    cursor: pointer;
    color: var(--white)
}

.brk-form-transparent_dark [type=email], .brk-form-transparent_dark [type=password], .brk-form-transparent_dark [type=search], .brk-form-transparent_dark [type=tel], .brk-form-transparent_dark [type=text] {
    color: #434343
}

    .brk-form-transparent_dark [type=email]::-webkit-input-placeholder, .brk-form-transparent_dark [type=password]::-webkit-input-placeholder, .brk-form-transparent_dark [type=search]::-webkit-input-placeholder, .brk-form-transparent_dark [type=tel]::-webkit-input-placeholder, .brk-form-transparent_dark [type=text]::-webkit-input-placeholder {
        color: #434343;
        opacity: 1
    }

    .brk-form-transparent_dark [type=email]::-moz-placeholder, .brk-form-transparent_dark [type=password]::-moz-placeholder, .brk-form-transparent_dark [type=search]::-moz-placeholder, .brk-form-transparent_dark [type=tel]::-moz-placeholder, .brk-form-transparent_dark [type=text]::-moz-placeholder {
        color: #434343;
        opacity: 1
    }

    .brk-form-transparent_dark [type=email]:-ms-input-placeholder, .brk-form-transparent_dark [type=email]::-ms-input-placeholder, .brk-form-transparent_dark [type=password]:-ms-input-placeholder, .brk-form-transparent_dark [type=password]::-ms-input-placeholder, .brk-form-transparent_dark [type=search]:-ms-input-placeholder, .brk-form-transparent_dark [type=search]::-ms-input-placeholder, .brk-form-transparent_dark [type=tel]:-ms-input-placeholder, .brk-form-transparent_dark [type=tel]::-ms-input-placeholder, .brk-form-transparent_dark [type=text]:-ms-input-placeholder, .brk-form-transparent_dark [type=text]::-ms-input-placeholder {
        color: #434343;
        opacity: 1
    }

    .brk-form-transparent_dark [type=email]::placeholder, .brk-form-transparent_dark [type=password]::placeholder, .brk-form-transparent_dark [type=search]::placeholder, .brk-form-transparent_dark [type=tel]::placeholder, .brk-form-transparent_dark [type=text]::placeholder {
        color: #434343;
        opacity: 1
    }

.brk-form-btn-inside input {
    width: 100% !important
}

.brk-form-btn-inside button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: linear-gradient(10deg,var(--brand-primary),var(--brk-base-3))
}

    .brk-form-btn-inside button i.fa-paper-plane {
        margin-left: -2px;
        margin-top: -2px
    }

    .brk-form-btn-inside button i.fa-search {
        margin-left: 1px
    }

    .brk-form-btn-inside button.btn-white {
        background-color: #fff;
        background-image: none
    }

        .brk-form-btn-inside button.btn-white i {
            color: var(--brand-primary)
        }

.brk-form-btn-inside_left button {
    right: auto;
    left: 6px
}

.jq-select-multiple, .jq-selectbox {
    position: relative;
    display: inline-block
}

    .jq-select-multiple select, .jq-selectbox select {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        opacity: 0
    }

    .jq-select-multiple li, .jq-selectbox li {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        white-space: nowrap
    }

.jq-selectbox {
    z-index: 10
}

.jq-selectbox__select {
    position: relative
}

.jq-selectbox__select-text {
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    text-overflow: ellipsis
}

.jq-selectbox__dropdown {
    position: absolute
}

    .jq-selectbox__dropdown ul {
        overflow: auto;
        list-style: none
    }

    .jq-select-multiple ul, .jq-selectbox__dropdown ul {
        position: relative;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch
    }

div.wpcf7 {
    margin: 0;
    padding: 0
}

    div.wpcf7 .screen-reader-response {
        position: absolute;
        overflow: hidden;
        clip: rect(1px,1px,1px,1px);
        height: 1px;
        width: 1px;
        margin: 0;
        padding: 0;
        border: 0
    }

div.wpcf7-response-output {
    margin: 2em .5em 1em;
    padding: .2em 1em;
    border: 2px solid red
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #398f14
}

div.wpcf7-aborted, div.wpcf7-mail-sent-ng {
    border: 2px solid red
}

div.wpcf7-spam-blocked {
    border: 2px solid orange
}

div.wpcf7-acceptance-missing, div.wpcf7-validation-errors {
    border: 2px solid #f7e700
}

.wpcf7-form-control-wrap {
    position: relative
}

span.wpcf7-not-valid-tip {
    color: red;
    font-size: 1em;
    font-weight: 400;
    display: block
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    border: 1px solid red;
    background: #fff;
    padding: .2em .8em
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em
}

span.wpcf7-list-item-label::after, span.wpcf7-list-item-label::before {
    content: " "
}

.comment-subscription-form input, .wpcf7-display-none, div.wpcf7 div.ajax-error {
    display: none
}

div.wpcf7 .ajax-loader {
    visibility: hidden;
    display: inline-block;
    background-image: url(../../images/ajax-loader.gif);
    width: 16px;
    height: 16px;
    border: 0;
    padding: 0;
    margin: 0 0 0 4px;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0
}

    div.wpcf7 .ajax-loader.is-active {
        visibility: visible
    }

div.wpcf7 .placeheld {
    color: #888
}

div.wpcf7 input[type=file] {
    cursor: pointer
}

    div.wpcf7 input[type=file]:disabled {
        cursor: default
    }

.brk-strict-transparent-form input[type=text] {
    background-color: transparent;
    color: #fff;
    margin-right: 30px
}

.brk-strict-transparent-form .input-label {
    color: #fff !important
}

.brk-strict-transparent-form .brk-form-wrap {
    margin-top: 0;
    margin-right: 30px;
    flex-grow: 1
}

@media screen and (max-width:992px) {
    .brk-strict-transparent-form {
        flex-wrap: wrap
    }

        .brk-strict-transparent-form .brk-form-wrap, .brk-strict-transparent-form input[type=text] {
            margin-right: 0
        }

        .brk-strict-transparent-form .btn {
            width: 100%;
            margin-top: 30px;
            margin-left: 0;
            margin-right: 0
        }
}

.comment-subscription-form {
    display: inline-block;
    position: relative;
    padding: 0;
    margin: 33px 15px 0;
    cursor: pointer
}

    .comment-subscription-form input:checked + .subscribe-label:after {
        opacity: 1
    }

    .comment-subscription-form .subscribe-label {
        font-size: .875rem;
        line-height: 26px;
        padding-left: 30px;
        cursor: pointer;
        color: var(--brk-dark-base);
        position: relative
    }

.brk-form-strict .comment-subscription-form .subscribe-label {
    display: inline-block !important
}

.comment-subscription-form .subscribe-label:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    display: block;
    transition: all .2s ease-in-out;
    border: 1px solid #e7e7e7;
    background-color: var(--white)
}

.comment-subscription-form .subscribe-label:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 3px;
    width: 14px;
    height: 14px;
    opacity: 0;
    transition: all .2s ease-in-out;
    background-color: var(--brand-primary)
}

.flip-box {
    position: relative;
    width: 100%;
    max-width: 400px;
    display: inline-block;
    perspective: 600px;
    margin-bottom: 30px
}

    .flip-box:hover .flip_horizontal {
        transform: rotateY(180deg);
        z-index: 9
    }

    .flip-box:hover .flip_vertical {
        transform: rotateX(180deg);
        z-index: 9
    }

.flip-box__strict {
    height: 176px
}

@media screen and (max-width:479px) {
    .flip-box__strict {
        height: 190px
    }
}

.flip-box__strict-number {
    font-size: 13.375rem;
    line-height: 176px;
    margin-left: -10px
}

.flip-box__strict-item {
    padding-top: 17px;
    padding-bottom: 10px;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    background-color: rgba(255,255,255,.94);
    overflow: hidden;
    transition: all .3s linear
}

.flip-box__strict-title {
    position: absolute;
    background-color: #fff;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: 44px;
    padding-top: 10px
}

.flip-box__bg {
    background-position: center center;
    background-size: cover
}

.flip-box__bg_overlay {
    position: relative
}

    .flip-box__bg_overlay:before, .flip-box__multiply-decoration:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(0,0,0,.6)
    }

.flip-box__position {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 15
}

.flip-box__position_35 {
    top: 35px
}

@media screen and (max-width:479px) {
    .flip-box__position_35 {
        top: 50%;
        transform: translateY(-50%)
    }
}

.flip-box__position_75 {
    top: 75px
}

@media screen and (max-width:479px) {
    .flip-box__position_75 {
        top: 50%;
        transform: translateY(-50%)
    }
}

.flip-box__gradient {
    height: 0;
    padding-bottom: 100%;
    min-height: 300px;
    box-shadow: 0 6px 30px rgba(0,0,0,.12)
}

.flip-box__gradient-pb100 {
    padding-bottom: 100%
}

.flip-box__gradient-title {
    color: #fff;
    position: absolute;
    padding: 0 15px;
    width: 100%;
    top: 50%;
    left: 0;
    line-height: 32px;
    transform: translateY(-50%)
}

.flip-box__gradient-h4 {
    padding-left: 15px;
    padding-right: 15px;
    line-height: 32px
}

.flip-box__multiply {
    min-height: 360px;
    box-shadow: 0 6px 30px rgba(0,0,0,.12);
    display: inline-block
}

.flip-box__multiply-title {
    text-align: left;
    line-height: 74px;
    -webkit-text-fill-color: rgba(0,0,0,.3);
    color: rgba(0,0,0,.3);
    -webkit-background-clip: text;
    background-clip: text
}

[dir=rtl] .flip-box__multiply-title {
    text-align: right
}

.flip-box__multiply-h4, .flip-box__split h4 {
    color: #fff
}

.flip-box__multiply-decoration {
    background-position: center center;
    width: 56px;
    height: 56px;
    border-radius: 28px;
    color: #fff;
    position: relative;
    overflow: hidden
}

.flip-box__multiply-decoration_square {
    border-radius: 0
}

.flip-box__multiply-decoration:before {
    background-color: rgba(0,0,0,.3);
    z-index: 1
}

.flip-box__multiply-decoration i {
    position: absolute;
    top: calc(50%);
    left: calc(50% + 2px);
    transform: translate(-50%,-50%);
    z-index: 2
}

.flip-box__multiply-btn {
    min-width: 180px;
    min-height: 48px
}

    .flip-box__multiply-btn.btn-inside-out > .before {
        padding-top: 12px
    }

.flip-box__multiply_dark .flip-box__multiply-title {
    -webkit-text-fill-color: rgba(0,0,0,.76)
}

.flip-box__multiply_dark .flip-box__bg_overlay:before, .flip-box__multiply_dark .flip-box__multiply-decoration::before {
    background-color: rgba(0,0,0,.76)
}

.flip-box__split {
    min-height: 300px;
    box-shadow: 0 6px 30px rgba(0,0,0,.12)
}

.brk-bordered-theme .flip-box__split {
    border-radius: var(--b-radius)
}

.flip-box__split .flip__back {
    background: no-repeat center center;
    background-size: cover
}

.brk-bordered-theme .flip-box__split .flip__back {
    border-radius: var(--b-radius);
    overflow: hidden
}

.flip-box__split-content, .flip-box__split-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1
}

.flip-box__split-content {
    display: flex;
    flex-direction: column;
    z-index: 2
}

    .flip-box__split-content a {
        text-decoration: none !important
    }

.flip-box__split-img {
    background: var(--text-base-color-3) no-repeat center center;
    background-size: contain;
    padding-bottom: 100%
}

.brk-bordered-theme .flip-box__split-img {
    border-top-left-radius: var(--b-radius);
    border-top-right-radius: var(--b-radius)
}

.flip-box__split-img_white {
    background: #fff no-repeat center center
}

.flip-box__split-info {
    background-color: #fff
}

.brk-bordered-theme .flip-box__split-info {
    border-bottom-left-radius: var(--b-radius);
    border-bottom-right-radius: var(--b-radius)
}

.flip-box__split-price {
    color: #fff
}

    .flip-box__split-price > span:first-child {
        text-decoration: line-through;
        padding-right: 13px
    }

.flip-box__split .old-price {
    text-decoration: line-through;
    padding-right: 13px;
    color: var(--text-base-color-1)
}

.flip-box__split-list {
    border-top: 1px solid rgba(255,255,255,.1);
    border-bottom: 1px solid rgba(255,255,255,.1);
    color: #fff;
    padding-left: 20px;
    padding-right: 30px;
    overflow-y: auto;
    display: flex;
    flex-grow: 1
}

[dir=rtl] .flip-box__split-list {
    padding-left: 30px;
    padding-right: 20px
}

.flip-box__split-list::-webkit-scrollbar {
    width: 7px
}

.flip-box__split-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    border-radius: 10px
}

.flip-box__split-list::-webkit-scrollbar-thumb {
    background-color: rgba(255,255,255,.1);
    border-radius: 10px
}

@media (min-width:992px) {
    .flip-box__split-list {
        padding-left: 15%
    }

    [dir=rtl] .flip-box__split-list {
        padding-left: 30px;
        padding-right: 45px
    }
}

.flip-box__split-list_narrow {
    padding-left: 20px
}

.flip-box__split-list p, .flip-box__split-list ul {
    max-height: 100%;
    margin-top: auto;
    margin-bottom: auto
}

.flip-box__split-list li {
    padding: 5px 0 5px 35px;
    position: relative
}

[dir=rtl] .flip-box__split-list li {
    padding: 5px 35px 5px 0
}

.flip-box__split-list i {
    position: absolute;
    top: 6px;
    left: 0;
    font-weight: 100;
    color: var(--brk-base-5);
    line-height: inherit
}

[dir=rtl] .brk-footer__shop-element .brk-footer__shop-title:after, [dir=rtl] .flip-box__split-list i {
    left: auto;
    right: 0
}

.flip-box__split-actions {
    padding-top: 30px;
    padding-bottom: 30px
}

    .flip-box__split-actions .add-cart, .flip-box__split-actions .add-compare, .flip-box__split-actions .add-search, .flip-box__split-actions .add-wishlist, .flip-box__split-actions .added_to_cart {
        color: var(--brand-primary)
    }

.flip-box__overlay-shortdesc {
    min-height: 330px;
    position: relative
}

.flip-box__overlay-front, .flip-box__overlay-item {
    position: relative;
    z-index: 1
}

.flip-box__overlay-item {
    padding-top: 55px
}

    .flip-box__overlay-item h3 {
        margin-top: 24px
    }

.flip-box__overlay-description {
    padding: 0 27px;
    color: #9f9f9f
}

.flip-box__overlay-list {
    color: #272727;
    padding-left: 25px;
    padding-right: 10px;
    margin-top: 23px
}

[dir=rtl] .flip-box__overlay-list {
    padding-left: 10px;
    padding-right: 25px
}

@media screen and (min-width:992px) {
    .flip-box__overlay-list {
        padding-left: 65px
    }

    [dir=rtl] .flip-box__overlay-list {
        padding-right: 65px
    }
}

.flip-box__overlay-list i {
    font-weight: 100;
    color: var(--brk-base-5);
    top: -4px;
    position: relative;
    padding-right: 20px;
    vertical-align: middle
}

[dir=rtl] .flip-box__overlay-list i {
    padding-right: 0;
    padding-left: 20px
}

@media screen and (max-width:479px) {
    .flip-box__overlay-list i {
        padding-right: 10px
    }
}

.flip-box__overlay-btn {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%);
    margin: 0
}

.flip-box__overlay-title {
    color: var(--white)
}

.flip-box__overlay-excerpt {
    color: rgba(var(--white-rgb),.6)
}

.flip-box__overlay-bg {
    background-color: rgba(var(--white-rgb),.96)
}

.flip-box__circle {
    height: 0;
    padding-bottom: 100%;
    position: relative
}

.flip-box__circle-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 72.97297%;
    min-width: 240px;
    height: 72.97297%;
    min-height: 240px;
    perspective: 600px
}

.flip-box__circle-front {
    padding-bottom: 100%;
    border-radius: 50%;
    background-image: linear-gradient(to top,rgba(var(--brand-primary-rgb),.94),rgba(var(--brk-base-2-rgb),.94));
    box-shadow: 0 6px 30px rgba(0,0,0,.12)
}

.flip-box__circle-back {
    background-color: #fff;
    border-radius: 50%
}

.flip-box__circle-pretitle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    font-size: 8.5rem
}

@media screen and (max-width:479px) {
    .flip-box__circle-pretitle {
        font-size: 5.625rem
    }
}

.flip-box__circle-content {
    position: absolute;
    top: calc(50% + 7px);
    left: 0;
    transform: translateY(-50%);
    padding: 0 15px;
    width: 100%
}

    .flip-box__circle-content h4 {
        padding: 0 5px
    }

        .flip-box__circle-content h4 span {
            display: block;
            text-transform: none
        }

.flip-box__circle .divider-cross {
    margin: 16px auto 15px
}

.flip-box__circle-excerpt {
    color: rgba(43,44,45,.5);
    padding: 0 33px
}

@media screen and (max-width:479px) {
    .flip-box__circle-excerpt {
        padding: 0 25px
    }
}

.brk-sc-card-labels {
    position: absolute;
    z-index: 1
}

.brk-sc-card-labels_top-labels {
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between
}

[dir=rtl] .brk-sc-card-labels_top-labels {
    flex-direction: row
}

.brk-sc-card-labels_top-labels .brk-sc-card-label {
    width: 86px;
    height: 86px;
    overflow: hidden;
    position: relative
}

    .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) {
        right: -5px;
        top: -5px
    }

    .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) {
        left: -5px;
        top: -5px
    }

.brk-sc-card-labels_top-labels .brk-sc-card-label__additional-1, .brk-sc-card-labels_top-labels .brk-sc-card-label__additional-2 {
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: var(--brk-secondary-2)
}

.brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__text {
    background-image: linear-gradient(to right,var(--secondary),var(--brand-primary))
}

.brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1 {
    top: 0;
    left: 0
}

.brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2 {
    right: 0;
    bottom: 0
}

.brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1 {
    bottom: 0;
    left: 0
}

.brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2 {
    right: 0;
    top: 0
}

.brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__text {
    background-image: linear-gradient(to right,var(--brand-primary),var(--brand-primary))
}

.brk-sc-card-labels_top-labels .brk-sc-card-label__text {
    position: absolute;
    width: 122px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9
}

.brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__text {
    bottom: 0;
    right: 0;
    transform: rotate(45deg);
    transform-origin: right bottom
}

.brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__text {
    bottom: -9px;
    left: -19px;
    transform: rotate(-45deg);
    transform-origin: left top
}

.brk-sc-card-labels_side-labels, .brk-sc-card-labels_side-labels-cornered {
    position: absolute;
    right: -5px;
    top: 86px;
    width: auto;
    display: inline-flex;
    flex-direction: column
}

    .brk-sc-card-labels_side-labels .brk-sc-card-label {
        padding: 8px 10px 10px;
        display: inline-flex;
        align-items: center;
        min-width: 60px;
        justify-content: center;
        position: relative
    }

    .brk-sc-card-labels_side-labels .brk-sc-card-label__additional-1 {
        position: absolute;
        display: inline-block;
        height: 100%;
        width: 12px;
        -webkit-clip-path: polygon(0 50%,100% 100%,100% 0);
        clip-path: polygon(0 50%,100% 100%,100% 0);
        left: -12px;
        top: 0
    }

    .brk-sc-card-labels_side-labels .brk-sc-card-label__additional-2 {
        display: none
    }

    .brk-sc-card-labels_side-labels .brk-sc-card-label__additional-3 {
        position: absolute;
        right: 0;
        bottom: -6px;
        display: inline-block;
        width: 6px;
        height: 6px;
        -webkit-clip-path: polygon(0 100%,100% -1px,0 -1px);
        clip-path: polygon(0 100%,100% -1px,0 -1px)
    }

    .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label {
        padding: 8px 10px 10px;
        display: inline-flex;
        align-items: center;
        min-width: 60px;
        justify-content: center;
        position: relative
    }

    .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label__additional-1 {
        position: absolute;
        display: inline-block;
        height: 100%;
        -webkit-clip-path: polygon(0 1%,100% 0,100% 100%,0 100%,100% 50%);
        clip-path: polygon(0 1%,100% 0,100% 100%,0 100%,100% 50%);
        top: 0;
        width: 10px;
        left: -10px
    }

    .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label__additional-2 {
        display: none
    }

    .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label__additional-3 {
        position: absolute;
        right: 0;
        bottom: -6px;
        display: inline-block;
        width: 6px;
        height: 6px;
        -webkit-clip-path: polygon(0 100%,100% -1px,0 -1px);
        clip-path: polygon(0 100%,100% -1px,0 -1px)
    }

    .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1), .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1, .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2, .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1), .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1, .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2 {
        background-color: var(--brand-primary)
    }

        .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-3, .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-3 {
            background-color: var(--brk-base-3)
        }

    .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2), .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1, .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2, .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2), .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1, .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2 {
        background-color: var(--secondary)
    }

        .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-3, .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-3 {
            background-color: var(--brk-secondary-2)
        }

.flip {
    transition: \transform .6s;
    transform-style: preserve-3d;
    position: relative;
    width: 100%
}

.flip__back, .flip__front {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flip__front {
    position: relative
}

.flip__back {
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.flip__front {
    z-index: 2;
    transform: rotateY(0deg)
}

.flip__back {
    transform: rotateY(180deg);
    position: absolute
}

.flip_vertical .flip__back {
    transform: rotateX(180deg)
}

.overlay-position-full {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.flip-box__split-actions {
    display: flex;
    flex-shrink: 0;
    margin: auto;
    max-width: calc(100% - 30px)
}

    .flip-box__split-actions a {
        width: 72px;
        height: 54px;
        background-color: #fff;
        border-left: 1px solid #eaeaea
    }

[dir=rtl] .flip-box__split-actions a {
    border-left: 0;
    border-right: 1px solid #eaeaea
}

.flip-box__split-actions a.remove_from_compare, .flip-box__split-actions a.remove_from_wishlist, .flip-box__split-actions a:hover {
    background-color: #eaeaea
}

.flip-box__split-actions a:first-child {
    border-radius: 27px 0 0 27px;
    border-left: 0
}

[dir=rtl] .flip-box__split-actions a:first-child {
    border-radius: 0 27px 27px 0;
    border-right: 0
}

.flip-box__split-actions a:last-child {
    border-radius: 0 27px 27px 0
}

[dir=rtl] .flip-box__split-actions a:last-child {
    border-radius: 27px 0 0 27px
}

.flip-box__split-actions .added_to_cart {
    font-size: .9375rem;
    line-height: 16px;
    width: 72px;
    padding: 10px 5px 0
}

.flip-box__split-actions_small a {
    height: 44px;
    width: 58px
}

.brk-size-chooser__title {
    margin-bottom: 18px
}

.brk-size-chooser__item {
    min-width: 38px;
    padding-left: 14px;
    padding-right: 14px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 1px 1px 8px rgba(0,0,0,.06);
    margin-right: 10px;
    transition: .3s ease width,.3s ease background-color,.3s ease color;
    border-radius: 38px
}

    .brk-size-chooser__item:last-child {
        margin-right: 0
    }

    .brk-size-chooser__item.active {
        background-color: var(--brand-primary);
        color: #fff
    }

.brk-color-filter {
    display: flex;
    flex-direction: column
}

.brk-color-filter__title {
    position: relative;
    margin-bottom: 24px
}

.brk-color-filter__title-text {
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff;
    z-index: 1
}

.brk-color-filter__title::before {
    height: 10px;
    width: 100%;
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    z-index: -1;
    background-image: url(../../img/dotted-bg.png);
    background-repeat: repeat;
    background-position-x: -1px
}

.brk-color-filter__container {
    display: flex;
    flex-wrap: wrap
}

.brk-color-filter__item {
    margin: 5px;
    width: 24px;
    height: 24px;
    background-color: #fff;
    border: 1px solid #ececec;
    border-radius: 4px;
    position: relative;
    transition: .3s ease box-shadow
}

    .brk-color-filter__item:hover {
        box-shadow: 0 0 8px -1px rgba(0,0,0,.4)
    }

.brk-color-filter__item-bg {
    position: absolute;
    left: 2px;
    top: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 4px
}

.brk-color-filter__item-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
    opacity: 0;
    font-size: 14px
}

.brk-color-filter__item.active .brk-color-filter__item-icon {
    opacity: 1
}

.brk-sc-long-label {
    padding: 7px 15px 8px 17px;
    flex-shrink: 0;
    height: 28px;
    white-space: nowrap;
    margin-left: 10px;
    border-radius: 15px;
    margin-top: 7px;
    box-shadow: 0 5px 16px rgba(130,180,64,.5);
    background-color: #81bb35
}

    .brk-sc-long-label i {
        color: #fff;
        font-size: 14px;
        margin-right: 4px
    }

.brk-sc-item-page-header, .brk-sc-item-page-header__carousel-labels .brk-sc-card-labels {
    position: relative
}

@media screen and (max-width:992px) {
    .brk-sc-item-page-header {
        display: flex;
        flex-direction: column
    }
}

.brk-sc-item-page-header__carousel {
    width: 100%
}

@media screen and (max-width:992px) {
    .brk-sc-item-page-header__carousel {
        position: relative
    }
}

.brk-sc-item-page-header__carousel-labels {
    position: absolute;
    right: -22px;
    top: 28px;
    z-index: 2
}

    .brk-sc-item-page-header__carousel-labels .brk-sc-card-labels:nth-child(2) {
        top: -17px
    }

@media screen and (max-width:768px) {
    .brk-sc-item-page-header__carousel-labels {
        right: 0
    }
}

.brk-sc-item-page-header__carousel-items {
    z-index: 1
}

.brk-sc-item-page-header__info {
    position: relative;
    padding-bottom: 35px
}

@media (max-width:1229px) {
    .brk-sc-item-page-header__info {
        padding-bottom: 70px;
        order: -1
    }
}

@media (max-width:991px) {
    .brk-sc-item-page-header__info {
        padding-top: 40px;
        padding-bottom: 0
    }
}

.brk-sc-item-page-header__info-main {
    padding-left: 70px;
    min-height: 373px
}

@media (max-width:1229px) {
    .brk-sc-item-page-header__info-main {
        padding-left: 25px
    }
}

@media (max-width:991px) {
    .brk-sc-item-page-header__info-main {
        padding-left: 0;
        margin-top: 70px;
        min-height: 340px
    }
}

@media (max-width:767px) {
    .brk-sc-item-page-header__info-main {
        min-height: 0
    }
}

.brk-sc-item-page-header__info-secondary {
    position: relative;
    padding-left: 70px
}

@media (max-width:1229px) {
    .brk-sc-item-page-header__info-secondary {
        padding-left: 25px
    }
}

@media (max-width:991px) {
    .brk-sc-item-page-header__info-secondary {
        top: 0;
        padding-left: 0
    }
}

@media (max-width:575px) {
    .brk-sc-item-page-header__info-secondary {
        padding-top: 35px;
        margin-top: 15px;
        background-color: #fff
    }

        .brk-sc-item-page-header__info-secondary:before {
            content: '';
            position: absolute;
            z-index: 1;
            top: 0;
            right: -15px;
            left: -15px;
            bottom: 0;
            background-color: #fff
        }
}

.brk-sc-item-page-header__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.brk-sc-item-page-header__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(40deg,rgba(var(--brand-primary-rgb),.92) 15%,rgba(var(--secondary-rgb),.92) 75%)
}

.brk-sc-item-page-header__svg {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    display: block;
    background-color: #fff;
    height: 20%
}

@media (max-width:1700px) {
    .brk-sc-item-page-header__svg {
        height: 21%
    }
}

@media (max-width:1400px) {
    .brk-sc-item-page-header__svg {
        height: 23%
    }
}

@media (max-width:1229px) {
    .brk-sc-item-page-header__svg {
        height: 240px
    }
}

@media (max-width:991px) {
    .brk-sc-item-page-header__svg {
        height: 140px
    }
}

@media (max-width:767px) {
    .brk-sc-item-page-header__svg {
        height: 230px
    }
}

@media (max-width:575px) {
    .brk-sc-item-page-header__svg {
        display: none
    }
}

.brk-sc-item-page-header__svg svg {
    position: absolute;
    bottom: calc(100% - 2px);
    right: -1px;
    left: -1px
}

@media (max-width:767px) {
    .brk-sc-item-page-header__svg svg {
        display: none
    }
}

.brk-sc-item-page-header__tags .brk-sc-tags__item {
    color: rgba(255,255,255,.5);
    transition: .3s ease color
}

    .brk-sc-item-page-header__tags .brk-sc-tags__item:after {
        background-color: rgba(255,255,255,.5);
        border-radius: 100%
    }

    .brk-sc-item-page-header__tags .brk-sc-tags__item:hover {
        color: #fff
    }

.brk-sc-item-page-header__price-container {
    display: flex;
    flex-direction: column;
    min-height: 87px
}

.brk-sc-item-page-header__old-price {
    text-decoration: line-through
}

.brk-sc-item-page-header__color-filter .brk-color-filter__title {
    text-align: left !important;
    margin-right: 10px;
    margin-bottom: 19px
}

.brk-sc-item-page-header__color-filter:before {
    display: none
}

.brk-sc-item-page-header__color-filter .brk-color-filter__title-text {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent
}

.brk-sc-item-page-header__color-filter .brk-color-filter__item {
    background-color: transparent;
    border: 1px solid rgba(255,255,255,.1)
}

    .brk-sc-item-page-header__color-filter .brk-color-filter__item:first-child {
        margin-left: 0
    }

.brk-sc-item-page-header__color-filter .brk-color-filter__item-bg {
    width: 16px;
    height: 16px;
    border-radius: 0;
    left: 3px;
    top: 3px
}

.brk-footer .brk-social-links_bordered .brk-social-links__item:hover i, .brk-form_footer-5 button:hover, .brk-sc-item-page-header__rating .brk-rating__imposition, .brk-sc-item-page-header__rating .brk-rating__layer {
    color: #fff
}

.brk-sc-item-page-header__rating .brk-rating__layer {
    opacity: .4
}

.brk-sc-item-page-header__btn {
    margin: 0;
    padding: 15px 44px;
    box-shadow: none
}

    .brk-sc-item-page-header__btn .border-btn {
        border: 0
    }

@media (min-width:1230px) {
    .brk-sc-item-page-header__btn-container {
        margin-bottom: 68px
    }
}

.brk-sc-item-page-header .arrows-modern .slick-arrow {
    background-color: transparent
}

.brk-sc-item-page-header .slider-thumbnailed {
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(0,0,0,.2)
}

.brk-sc-item-page-header .slider-thumbnailed-nav {
    max-width: 340px;
    border-radius: 10px;
    box-shadow: 0 -10px 15px 0 rgba(0,0,0,.06)
}

    .brk-sc-item-page-header .slider-thumbnailed-nav .brk-slid__overlay {
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }

    .brk-sc-item-page-header .slider-thumbnailed-nav .brk-slid__img, .brk-sc-item-page-header .slider-thumbnailed-nav .brk-slid__overlay {
        border-radius: 5px
    }

.brk-sc-item-page-header .brk-slid__img {
    -o-object-position: center top;
    object-position: center top
}

.brk-sc-item-page-section-1 {
    overflow: hidden
}

.brk-sc-item-page-section-1__info {
    padding-bottom: 970px;
    padding-top: 80px
}

@media screen and (max-width:991px) {
    .brk-sc-item-page-section-1__info {
        padding-top: 0
    }
}

.brk-sc-item-page-section-1__cfa {
    border-radius: 0;
    box-shadow: none
}

.brk-sc-item-page-section-1__img-container {
    display: flex;
    height: 100%;
    position: relative
}

@media screen and (max-width:1230px) {
    .brk-sc-item-page-section-1__img-container {
        width: 750px;
        opacity: .1
    }
}

.brk-sc-item-page-section-1__img {
    position: absolute;
    left: 64px;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    object-position: left top
}

@media screen and (max-width:1230px) {
    .brk-sc-item-page-section-1__img {
        left: 0;
        -o-object-position: center top;
        object-position: center top
    }
}

.brk-sc-item-page-section-2 {
    position: relative;
    top: -1090px;
    margin-bottom: -1067px;
    overflow: hidden;
    z-index: 1;
    padding-top: 96px
}

.brk-sc-item-page-section-2__info {
    padding-bottom: 320px
}

@media screen and (min-width:992px) {
    .brk-sc-item-page-section-2__info {
        padding-top: 570px;
        padding-bottom: 463px
    }
}

.brk-sc-item-page-section-2__img-container {
    position: relative;
    height: 100%
}

@media screen and (max-width:1230px) {
    .brk-sc-item-page-section-2__img-container {
        width: 750px;
        left: -550px;
        opacity: .1
    }
}

.brk-sc-item-page-section-2__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center left;
    object-position: center left
}

@media screen and (max-width:1230px) {
    .brk-sc-item-page-section-2__img {
        -o-object-position: center top;
        object-position: center top
    }
}

.brk-sc-item-page-section-2__svg-container {
    position: absolute;
    bottom: -7px;
    left: 0
}

.brk-sc-item-page-section-2__svg-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1
}

    .brk-sc-item-page-section-2__svg-bg svg {
        stroke: #f2fcff
    }

.brk-sc-item-page-section-2__balls .brk-radial-ball {
    border-radius: 100%;
    z-index: 5;
    position: absolute;
    transform: translateY(0);
    -webkit-animation: ballTransform 5s linear infinite;
    animation: ballTransform 5s linear infinite
}

@media screen and (max-width:1230px) {
    .brk-sc-item-page-section-2__balls .brk-radial-ball {
        display: none
    }
}

.brk-sc-item-page-section-2__balls .brk-radial-ball:nth-child(1) {
    width: 202px;
    height: 202px;
    background-color: #000;
    left: 238px;
    top: 332px;
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
    background-image: radial-gradient(circle 152px at 29.68% 18.59%,var(--brk-base-5) 0%,var(--brk-base-2) 100%)
}

.brk-sc-item-page-section-2__balls .brk-radial-ball:nth-child(2) {
    width: 170px;
    height: 170px;
    background-color: #000;
    top: 706px;
    right: 119px;
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
    background-image: radial-gradient(circle 128px at 22.5% 35.93%,var(--brk-base-2) 0%,var(--brand-primary) 100%)
}

.brk-sc-item-page-section-2__balls .brk-radial-ball:nth-child(3) {
    width: 134px;
    height: 134px;
    background-color: #000;
    bottom: 357px;
    left: -67px;
    background-image: radial-gradient(circle 101px at 28.38% 38.86%,var(--brand-primary) 0%,var(--brk-base-8) 100%)
}

.mt--140 {
    margin-top: -140px
}

.brk-sc-item-page-tabs {
    z-index: 1;
    margin-top: -63px
}

    .brk-sc-item-page-tabs .brk-tabs-nav {
        z-index: 1
    }

@media screen and (max-width:1230px) {
    .brk-sc-item-page-tabs .brk-tabs-nav {
        min-width: 200px !important
    }
}

.brk-sc-item-page-tabs__title {
    position: relative;
    padding-right: 32px;
    padding-left: 25px;
    margin-bottom: 39px
}

    .brk-sc-item-page-tabs__title:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 3px;
        height: 42px;
        background-image: linear-gradient(to top,var(--brk-base-2) 0%,var(--brk-base-5) 100%)
    }

@media screen and (max-width:1230px) {
    .brk-sc-item-page-tabs__title {
        padding-left: 0
    }
}

.brk-sc-item-page-tabs .brk-tab-item {
    margin-top: -68px;
    padding-left: 17px
}

@media screen and (max-width:1230px) {
    .brk-sc-item-page-tabs .brk-tab-item {
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
    .brk-sc-item-page-tabs .brk-tab-item {
        padding-left: 0
    }
}

.brk-sc-item-page-tabs .brk-tab.active, .brk-sc-item-page-tabs .brk-tab:hover {
    color: #000 !important
}

.brk-sc-item-page-body__cfa {
    margin-bottom: 244px
}

.brk-sc-item-page-body__bg {
    position: relative;
    box-shadow: inset 0 5px 26px rgba(0,0,0,.03);
    background-color: #f9f9f9
}

.brk-sc-item-page-body__bg-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.brk-sc-item-page-body .brk-sc-bonus {
    top: -109px;
    margin-bottom: -62px
}

@media (max-width:767px) {
    .brk-sc-item-page-body .brk-sc-bonus {
        top: 0;
        margin-bottom: 0
    }
}

.brk-sc-item-page-body .brk-tabs_rounded {
    position: relative;
    z-index: 1;
    margin-top: -58px
}

.app-img-caption {
    margin-bottom: -100px
}

.brk-dashed-logo__line {
    background: url(../../img/sprite.png) 0 -22px;
    width: 100px;
    height: 1px
}

.brk-footer__wrapper {
    position: relative
}

.brk-footer_animated {
    position: fixed !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

.brk-footer__info-grid p {
    min-width: 50%;
    display: flex;
    align-items: center
}

.brk-footer__rights {
    border-top: 1px solid rgba(255,255,255,.1);
    color: #fff
}

.brk-footer__bg-container {
    position: relative
}

.brk-footer__bg-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%
}

.brk-footer__bg-left_footer-5 {
    width: 52%;
    -webkit-clip-path: polygon(0 0,100% 0,calc(100% - 120px) 100%,0% 100%);
    clip-path: polygon(0 0,100% 0,calc(100% - 120px) 100%,0% 100%);
    z-index: -1;
    background-color: #1c2124
}

.brk-footer__bg-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%
}

.brk-footer__bg-right_footer-5 {
    width: 100%;
    z-index: -2;
    background-color: #161a1d
}

.brk-footer__border-gradient, .brk-footer__border-gradient-1 {
    position: relative
}

    .brk-footer__border-gradient::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        width: 100%;
        background-image: linear-gradient(to left,var(--brk-secondary-4) 0%,var(--brk-secondary-6) 100%)
    }

    .brk-footer__border-gradient-1::after, .brk-footer__borders_footer-10::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        height: 3px;
        width: 100%;
        background-image: linear-gradient(to right,var(--secondary) 0%,var(--brand-primary) 100%)
    }

.brk-footer__rights_footer-9 {
    overflow: hidden
}

    .brk-footer__rights_footer-9 .brk-footer__socials-bg:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 1000%;
        z-index: -1;
        background-color: var(--brand-primary)
    }

@media screen and (max-width:768px) {
    .brk-footer__rights_footer-9 .brk-footer__socials-bg {
        padding-left: 0 !important;
        padding-bottom: 15px
    }

        .brk-footer__rights_footer-9 .brk-footer__socials-bg::before {
            display: none
        }
}

.brk-footer__borders_footer-10, .brk-footer__borders_footer-10 .brk-footer__bordered-col {
    position: relative
}

    .brk-footer__borders_footer-10::after {
        background-image: linear-gradient(to right,var(--brand-primary),var(--secondary))
    }

    .brk-footer__borders_footer-10::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: rgba(255,255,255,.16);
        z-index: 1
    }

@media screen and (min-width:991px) {
    .brk-footer__borders_footer-10 .brk-footer__bordered-col:after, .brk-footer__borders_footer-10 .brk-footer__bordered-col:before {
        content: "";
        position: absolute;
        top: 0;
        height: 100%;
        width: 1px;
        background-color: rgba(255,255,255,.16)
    }

    .brk-footer__borders_footer-10 .brk-footer__bordered-col:before {
        left: -30px
    }

    .brk-footer__borders_footer-10 .brk-footer__bordered-col:after {
        right: 0
    }
}

.brk-footer__light-bg {
    position: relative;
    z-index: 1
}

    .brk-footer__light-bg::after {
        content: '';
        z-index: -1;
        position: absolute;
        left: -30px;
        right: -30px;
        top: 0;
        height: 100%;
        background-color: #fff;
        box-shadow: 0 6px 30px rgba(0,0,0,.12)
    }

@media (max-width:767px) {
    .brk-footer__light-bg::after {
        left: -15px;
        right: -15px
    }
}

.brk-footer__shop-element .brk-footer__shop-title, .brk-footer__shop-element .brk-slider, .brk-footer__wide-menu {
    position: relative
}

    .brk-footer__wide-menu::after {
        content: "";
        position: absolute;
        left: -40px;
        right: -40px;
        top: 0;
        bottom: 0;
        box-shadow: 0 6px 30px rgba(0,0,0,.12);
        background-color: #fff;
        z-index: -1
    }

@media (max-width:767px) {
    .brk-footer__wide-menu::after {
        left: -15px;
        right: -15px
    }
}

.brk-footer__shop-element {
    border-bottom: 1px solid rgba(255,255,255,.2);
    overflow: hidden
}

    .brk-footer__shop-element .brk-footer__shop-title:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background-color: rgba(255,255,255,.2)
    }

@media screen and (min-width:991px) {
    .brk-footer__shop-element .brk-footer__shop-title_wide:after {
        width: calc(100% + 30px)
    }
}

[dir=rtl] .brk-footer__shop-element .brk-slider_shop-footer .slick-slide {
    padding: 0 15px
}

.brk-footer__shop-element .brk-slider__nav {
    position: absolute;
    right: 7px;
    top: -92px
}

[dir=rtl] .brk-footer__shop-element .brk-slider__nav {
    right: auto;
    left: 7px
}

.brk-footer__shop-element .brk-slider__nav-next, .brk-footer__shop-element .brk-slider__nav-prev {
    background-color: transparent;
    cursor: pointer
}

[dir=rtl] .brk-footer__shop-element .brk-slider__nav-next, [dir=rtl] .brk-footer__shop-element .brk-slider__nav-prev {
    transform: rotate(180deg)
}

.brk-footer__shop-element .brk-slider .slick-list, .brk-footer__shop-element .slick-list {
    margin-left: -15px;
    margin-right: -15px
}

.brk-footer__shop-element .brk-slider .slick-slide {
    padding-left: 15px;
    padding-right: 15px
}

.brk-footer__shop-element .flip-box {
    max-width: 420px;
    margin: 0 15px
}

[dir=rtl] .brk-footer__shop-element .flip-box {
    margin: 0
}

.brk-footer .brk-subscribe input {
    width: 100%;
    height: 54px
}

.brk-footer .brk-map__section, .brk-footer .brk-map__section > div {
    height: 100%
}

@media screen and (max-width:1230px) {
    .brk-footer .brk-map__section, .brk-footer .brk-map__section > div {
        min-height: 520px
    }
}

.brk-footer .brk-map_extra {
    box-shadow: inset -3px 3px 10px rgba(0,0,0,.1)
}

    .brk-footer .brk-map_extra .brk-map__canvas {
        width: 100%;
        min-height: 320px;
        height: 100% !important
    }

.brk-footer .brk-social-links_bordered .brk-social-links__item {
    border: 1px solid rgba(255,255,255,.2);
    transition: .3s ease border-color;
    margin-right: 6px
}

    .brk-footer .brk-social-links_bordered .brk-social-links__item i {
        color: rgba(255,255,255,.4);
        transition: .3s ease color
    }

    .brk-footer .brk-social-links_bordered .brk-social-links__item:last-child {
        margin-right: 0
    }

    .brk-footer .brk-social-links_bordered .brk-social-links__item:hover {
        border-color: #fff
    }

.brk-footer .brk-tiles-simple .before {
    background-image: linear-gradient(to right,#000 0%,rgba(0,0,0,.6) 99%,rgba(0,0,0,.6) 100%)
}

.brk-footer .brk-tiles-simple {
    min-height: 270px
}

.brk-footer-map-overflow {
    position: relative
}

    .brk-footer-map-overflow .brk-map {
        width: calc(100% - 540px);
        height: 420px
    }

@media screen and (max-width:1230px) {
    .brk-footer-map-overflow .brk-map {
        width: 100%;
        height: 350px;
        min-height: 0
    }
}

.brk-footer-map-overflow__info {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding-top: 76px;
    padding-left: 170px;
    padding-right: 65px;
    min-width: 690px;
    background-image: linear-gradient(to right,var(--brand-primary) 0%,var(--secondary) 100%);
    -webkit-clip-path: polygon(150px 0%,100% 0,100% 100%,0% 100%);
    clip-path: polygon(150px 0%,100% 0,100% 100%,0% 100%)
}

@media screen and (max-width:1230px) {
    .brk-footer-map-overflow__info {
        position: relative;
        -webkit-clip-path: none;
        clip-path: none;
        padding: 35px 15px 20px;
        text-align: center;
        min-width: 0
    }
}

@media (max-width:575px) {
    .brk-footer-nav {
        width: 100%
    }
}

.brk-footer-nav ul li {
    margin: 16px 20px
}

@media (max-width:576px) {
    .brk-footer-nav ul li {
        margin: 12px 0;
        padding: 0 15px;
        width: 33.33333%;
        text-align: center
    }
}

@media (max-width:375px) {
    .brk-footer-nav ul li {
        width: 50%
    }
}

@media (min-width:576px) {
    .brk-footer-nav ul li:first-child {
        margin-left: 0
    }

    .brk-footer-nav ul li:last-child {
        margin-right: 0
    }
}

.brk-dashed-logo {
    position: relative;
    display: flex;
    align-items: center
}

.brk-dashed-logo__line {
    flex-grow: 1;
    opacity: .8;
    background-repeat: repeat
}

.brk-dashed-logo__link {
    flex-shrink: 0
}

.brk-form-strict_footer-3, .brk-form-strict_footer-4, .brk-subscribe-squared {
    position: relative
}

    .brk-form-strict_footer-3 input[type=email], .brk-form-strict_footer-3 input[type=text], .brk-form-strict_footer-3 textarea {
        background-color: transparent;
        color: #fff;
        padding-left: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.2) !important
    }

    .brk-form-strict_footer-3 label {
        color: #fff !important;
        left: 0 !important
    }

    .brk-form-strict_footer-3 textarea {
        min-height: 130px !important
    }

    .brk-form-strict_footer-3 button {
        position: absolute;
        right: -1px;
        bottom: 0;
        transform: translateY(50%);
        box-shadow: 0 5px 16px rgba(0,2,67,.2);
        height: 54px;
        padding: 0 38px 0 44px;
        border-radius: 6px
    }

@media (max-width:767px) {
    .brk-form-strict_footer-3 button {
        position: static;
        transform: translate(0,0);
        margin: 30px auto 0
    }
}

.brk-form-strict_footer-4 input {
    background-color: transparent;
    border-bottom: 1px solid #fff !important;
    color: #fff !important
}

.brk-form-strict_footer-4 .input-label {
    color: #fff !important
}

.brk-form-strict_footer-4 button {
    width: 42px;
    height: 42px;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: -12px;
    border-radius: 100%
}

    .brk-form-strict_footer-4 button i {
        color: var(--brk-secondary-6)
    }

.brk-subscribe-squared input {
    width: 100%;
    padding: 15px 55px 15px 33px;
    background-color: #fff;
    color: var(--brand-primary);
    border: 0
}

    .brk-subscribe-squared input::-webkit-input-placeholder {
        color: var(--brand-primary)
    }

    .brk-subscribe-squared input::-moz-placeholder {
        color: var(--brand-primary)
    }

    .brk-subscribe-squared input:-ms-input-placeholder, .brk-subscribe-squared input::-ms-input-placeholder {
        color: var(--brand-primary)
    }

    .brk-subscribe-squared input::placeholder {
        color: var(--brand-primary)
    }

.brk-subscribe-squared button {
    position: absolute;
    right: 0;
    top: 0;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center
}

    .brk-subscribe-squared button i {
        color: var(--brand-primary)
    }

.btn-prime_footer-4 {
    background-color: transparent !important;
    color: #fff !important;
    font-size: 16px !important
}

    .btn-prime_footer-4 .border-btn {
        border: 2px solid #fff
    }

.brk-social-links_footer-4 .brk-social-links__item {
    margin-right: 26px
}

    .brk-social-links_footer-4 .brk-social-links__item:hover {
        color: var(--secondary)
    }

    .brk-social-links_footer-4 .brk-social-links__item:last-child {
        margin-right: 0
    }

.brk-form_footer-5 {
    position: relative
}

    .brk-form_footer-5 input {
        padding: 8px 120px 8px 18px;
        line-height: 24px;
        color: #a2a5ad;
        border-radius: 4px;
        min-width: 334px;
        border: 0;
        opacity: 1;
        background-color: rgba(255,255,255,.1)
    }

@media screen and (max-width:500px) {
    .brk-form_footer-5 input {
        width: 100%;
        min-width: 0
    }
}

.brk-form_footer-5 button {
    position: absolute;
    height: 34px;
    top: 3px;
    right: 3px;
    border-radius: 4px;
    padding: 0 18px;
    background-color: #101315;
    color: #474b54;
    box-shadow: 0;
    transition: .3s ease color
}

.brk-form_footer-5-light input {
    border-radius: 2px;
    background-color: #fff;
    color: #40406c
}

.brk-form_footer-5-light button {
    color: #fff;
    background-image: linear-gradient(to right,var(--brand-primary),var(--secondary))
}

.brk-form-transparent_footer-6 button {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 !important;
    min-width: 170px
}

.brk-form-transparent_footer-6 input {
    border: 2px solid rgba(255,255,255,.2);
    background-color: rgba(255,255,255,.12)
}

.cfa_footer {
    flex-shrink: 0
}

    .cfa_footer form .wpcf7 .ajax-loader {
        position: absolute;
        top: 0;
        left: 0
    }

@media screen and (max-width:1500px) {
    .cfa_footer {
        flex-direction: column
    }

        .cfa_footer form {
            width: 100%;
            margin-top: 15px
        }
}

@media screen and (max-width:500px) {
    .cfa_footer {
        padding-left: 15px !important;
        padding-right: 15px !important
    }

        .cfa_footer input {
            width: 100% !important
        }

        .cfa_footer button {
            width: 100%;
            margin-top: 15px !important;
            position: relative
        }
}

.brk-latest-works__item {
    width: calc(100%/3)
}

    .brk-latest-works__item::after {
        content: '';
        display: block;
        padding-top: 100%
    }

.brk-latest-works__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

@media screen and (min-width:992px) {
    .ml-lg-70 {
        margin-left: 70px
    }
}

.brk-get-in-touch {
    background-color: #fff;
    box-shadow: 0 10px 30px rgba(0,0,0,.3),inset 0 4px 0 var(--brand-primary)
}

    .brk-get-in-touch .brk-form-wrap:first-child {
        margin-top: 10px
    }

.brk-get-in-touch_footer {
    margin-bottom: 20px
}

@media screen and (min-width:991px) {
    .brk-get-in-touch_footer {
        top: -115px;
        margin-bottom: -72px
    }
}

.brk-get-in-touch_footer-svg {
    top: -171px
}

.brk-angle-list__item {
    position: relative
}

    .brk-angle-list__item i {
        position: relative;
        left: -5px;
        display: inline-block;
        margin-top: -2px;
        padding-right: 0;
        width: 0;
        overflow: hidden;
        transition: .3s ease width,.3s ease padding-right,.3s ease left;
        will-change: transition,padding-right,left;
        vertical-align: middle
    }

    .brk-angle-list__item:hover {
        color: #000
    }

        .brk-angle-list__item:hover i {
            left: 0;
            padding-right: 10px;
            width: 10px
        }

.dotted-line {
    border: 0;
    height: 8px;
    background-image: url(../../img/dotted-bg_wide.png)
}

@media (min-width:992px) {
    .brk-styled-twitter {
        margin-left: -30px
    }
}

[class*=brk-styled-twitter] {
    position: relative;
    min-height: 100px
}

    [class*=brk-styled-twitter]:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        width: 87px;
        height: 87px;
        background: url(../../img/preloader.gif) no-repeat center center;
        background-size: 100%;
        opacity: 1;
        visibility: visible;
        transition-property: opacity,visibility;
        transition-duration: .4s;
        z-index: 97
    }

.lazyloaded [class*=brk-styled-twitter]:after {
    opacity: 0;
    visibility: hidden
}

.brk-form_footer-14 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 52px 40px 40px;
    border-radius: 25px;
    box-shadow: 0 6px 30px rgba(0,0,0,.12);
    background-image: linear-gradient(to top,rgba(var(--brk-base-6-rgb),1) 0%,rgba(var(--brk-base-5-rgb),1) 100%)
}

.brk-bordered-theme .brk-form_footer-14 {
    border-radius: var(--b-radius)
}

.brk-form_footer-14 input, .brk-form_footer-14 textarea {
    background-color: transparent !important;
    color: #fff !important
}

.brk-form_footer-14 textarea {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important
}

.brk-form_footer-14 .input-label {
    color: #fff !important
}

.brk-form_footer-14 .brk-form-wrap-active input, .brk-form_footer-14 .brk-form-wrap-active textarea {
    border-color: rgba(255,255,255,.4) !important
}

.brk-form_footer-14 .brk-form-strict textarea + .input-label {
    left: 21px
}

.brk-form_footer-14 .brk-form-wrap-active textarea + .input-label {
    top: -15px;
    left: 15px
}

.brk-form_footer-9 .brk-form__textarea-container {
    height: 252px
}

    .brk-form_footer-9 .brk-form__textarea-container .brk-form-wrap {
        height: 100%
    }

        .brk-form_footer-9 .brk-form__textarea-container .brk-form-wrap textarea {
            height: calc(100% - 30px)
        }

.brk-footer-16_style-1 .brk-footer-16__form input[type=email], .brk-footer-16_style-1 .brk-footer-16__form input[type=password], .brk-footer-16_style-1 .brk-footer-16__form input[type=tel], .brk-footer-16_style-1 .brk-footer-16__form input[type=text], .brk-footer-16_style-1 .brk-footer-16__form textarea, .brk-form_footer-9 input[type=email], .brk-form_footer-9 input[type=password], .brk-form_footer-9 input[type=tel], .brk-form_footer-9 input[type=text], .brk-form_footer-9 textarea {
    background-color: transparent;
    color: #fff !important;
    border-bottom: 1px solid rgba(255,255,255,.9) !important
}

.brk-footer-16_style-1 .brk-footer-16__form textarea, .brk-form_footer-9 textarea {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important
}

.brk-form_footer-9 .input-label {
    color: rgba(255,255,255,.4) !important
}

.brk-footer-16 {
    overflow: hidden
}

.brk-footer-16__img-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 570px;
    -o-object-fit: cover;
    object-fit: cover
}

.brk-footer-16__form input {
    background-color: transparent;
    border: 0
}

    .brk-footer-16__form input::-webkit-input-placeholder {
        color: currentColor
    }

    .brk-footer-16__form input::-moz-placeholder {
        color: currentColor
    }

    .brk-footer-16__form input:-ms-input-placeholder, .brk-footer-16__form input::-ms-input-placeholder {
        color: currentColor
    }

    .brk-footer-16__form input::placeholder {
        color: currentColor
    }

.brk-footer-16_style-1 .brk-footer-16__img-overlay {
    min-height: 796px
}

.brk-footer-16_style-1 .brk-footer-16__form .brk-form-wrap {
    margin-top: 19px
}

.brk-footer-16_style-1 .brk-footer-16__form .brk-form__textarea-container, .brk-footer-16_style-1 .brk-footer-16__form .brk-form__textarea-container .brk-form-wrap {
    height: 100%
}

    .brk-footer-16_style-1 .brk-footer-16__form .brk-form__textarea-container .brk-form-wrap textarea {
        height: calc(100% - 19px)
    }

.brk-footer-16_style-1 .brk-footer-16__form .input-label {
    color: #fff !important
}

@media screen and (min-width:1600px) {
    .brk-footer-1 .row.no-gutters > .col-xl-6:nth-child(1) {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .brk-footer-1 .row.no-gutters > .col-xl-6:nth-child(2) {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
}

.brk-image-map {
    z-index: 9
}

@media (min-width:992px) {
    .brk-image-map_absolute-top {
        position: absolute;
        top: 0;
        left: 0;
        width: auto;
        max-width: 100%;
        height: auto
    }
}

.brk-image-map_full-width .imp-wrap {
    max-width: none !important;
    width: 100%
}

.brs-player-vimeo_adaptive, .brs-player-youtube_adaptive {
    width: 100%;
    position: relative
}

    .brs-player-vimeo_adaptive:after, .brs-player-youtube_adaptive:after {
        content: '';
        position: relative;
        display: block;
        padding-top: 54.4%
    }

    .brs-player-vimeo_adaptive iframe, .brs-player-youtube_adaptive iframe {
        position: absolute;
        left: 0;
        top: 0;
        width: 100% !important;
        height: 100% !important;
        z-index: 1
    }

.brs-player-html5 {
    position: relative
}

.brs-player-html5__video-container {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.brs-player-html5__btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,calc(-50% - 20px));
    z-index: 1
}

.brs-player-facebook_adaptive {
    height: auto;
    width: 100%
}

.brk-hosted-video {
    position: relative;
    z-index: 8;
    box-shadow: 0 6px 20px rgba(0,0,0,.06)
}

    .brk-hosted-video::before {
        content: "";
        display: block;
        padding-top: 55.25%
    }

@media screen and (max-width:768px) {
    .brk-hosted-video {
        min-height: 400px
    }
}

.brk-hosted-video_no-poster {
    min-height: 0
}

    .brk-hosted-video_no-poster::before {
        display: none
    }

.brk-hosted-video_large-shadow {
    box-shadow: 0 10px 15px rgba(0,0,0,.15)
}

.brk-hosted-video__date {
    margin-right: 14px
}

.brk-hosted-video__date-icon {
    margin-right: 8px;
    font-size: 10px;
    position: relative;
    left: 1px
}

.brk-hosted-video__comments {
    text-transform: uppercase
}

.brk-hosted-video__comments-icon {
    margin-right: 8px;
    font-size: 10px;
    position: relative;
    left: 1px
}

.brk-hosted-video__comments i, .brk-hosted-video__date i {
    vertical-align: middle
}

.brk-hosted-video__about {
    width: auto;
    max-width: 50%;
    flex-shrink: 0
}

@media (min-width:768px) {
    .brk-hosted-video__about {
        margin-right: 63px
    }
}

.brk-hosted-video__body, .brk-hosted-video__img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.brk-hosted-video__img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    z-index: -1
}

.brk-hosted-video__body {
    display: flex;
    flex-direction: column;
    padding: 26px 40px 35px 41px;
    z-index: 1
}

.brk-hosted-video__description {
    display: flex;
    position: relative
}

@media (min-width:768px) {
    .brk-hosted-video__description {
        justify-content: space-between;
        align-items: flex-end
    }
}

@media (max-width:767px) {
    .brk-hosted-video__description {
        flex-direction: column;
        align-items: center
    }
}

.brk-hosted-video__description .brs-post__more {
    color: #fff;
    font-size: 16px;
    font-weight: 600
}

.brk-hosted-video__information {
    display: flex
}

.brk-hosted-video__comments-icon, .brk-hosted-video__date-icon {
    bottom: 1px
}

.brk-hosted-video__title {
    margin-top: 5px;
    margin-left: 1px;
    color: #fff
}

.brk-hosted-video__paragraph {
    max-height: 80px;
    overflow: hidden;
    color: #fff;
    margin-top: 3px
}

.brk-hosted-video__btn {
    margin: auto !important;
    cursor: pointer;
    font-size: 16px !important
}

.brk-hosted-video__video-container {
    display: none;
    height: auto;
    padding: 0 !important
}

.brk-hosted-video__before, .brk-hosted-video_inner video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99
}

.brk-hosted-video_short::before {
    padding-top: 37%
}

.brk-hosted-video__before {
    z-index: 1
}

.highlight-massive {
    display: inline-block;
    position: relative
}

    .highlight-massive > .after {
        content: '';
        position: absolute;
        top: calc(100% - 4px);
        left: 0;
        width: 100%;
        height: 5px;
        background: var(--brand-primary);
        border-radius: 5px
    }

.highlight-massive-gray > .after {
    background: #e8e8e8;
    top: calc(100% - 1px);
    height: 3px
}

.highlight-trend {
    background: var(--brand-primary);
    border-radius: 50px;
    padding: 3px 20px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px
}

    .highlight-trend + *, .title-box h3 + h1, .title-box h3 + h2, .title-box h5 + h1, .title-box h5 + h2 {
        margin-top: 20px
    }

.highlight-underline {
    position: relative;
    margin-top: 30px;
    text-transform: uppercase;
    padding: 6px 0 8px 40px
}

    .highlight-underline > .before {
        content: '';
        position: absolute;
        top: -1px;
        bottom: -1px;
        left: 0;
        width: 4px;
        border-radius: 10px;
        background: var(--brand-primary)
    }

    .heading-style-left div + div .highlight-underline, .highlight-underline + .highlight-underline {
        padding-top: 0;
        margin-top: -6px
    }

.highlight-underline_white > .before {
    background: #fff
}

.divider {
    width: 35px;
    height: 2px;
    background: var(--brand-primary);
    margin: 25px auto 32px;
    border: 0
}

.divider-layers, .divider-light {
    width: 40px;
    height: 2px;
    background: #d4e1f6;
    margin: 20px auto;
    border: 0
}

.divider-layers {
    width: 140px;
    margin: 30px auto;
    position: relative
}

    .divider-cross span, .divider-layers > .before {
        position: absolute;
        left: 50%;
        background: var(--brand-primary)
    }

    .divider-layers > .before {
        content: '';
        bottom: 0;
        transform: translate(-50%);
        top: 0;
        width: 40px
    }

.divider-cross {
    width: 12px;
    height: 12px;
    margin: 18px auto 26px;
    position: relative
}

@media (min-width:768px) {
    .divider-cross_left {
        margin: 18px auto 26px 80px
    }
}

.divider-cross:after, .divider-cross:before {
    content: '';
    position: absolute;
    top: 6px;
    background: #e6e6e6;
    width: 65px;
    height: 1px
}

.divider-cross:before {
    right: calc(100% + 15px)
}

.divider-cross:after {
    left: calc(100% + 15px)
}

.divider-cross span {
    top: 50%;
    margin-left: -7px;
    width: 14px;
    height: 2px
}

    .divider-cross span:first-child {
        transform: rotate(45deg)
    }

    .divider-cross span:last-child {
        transform: rotate(-45deg)
    }

.divider-lines {
    margin-top: 45px
}

    .divider-lines span {
        display: block;
        width: 60px;
        margin: 0 auto;
        height: 1px;
        background: #272727
    }

        .divider-lines span + span {
            margin-top: 3px
        }

.divider-dots {
    margin: 20px auto 25px;
    line-height: 1;
    font-size: 0
}

    .divider-dots span {
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: var(--brand-primary);
        margin: 0 5px
    }

.all-light .title__heading-01.title__heading-main {
    opacity: .15
}

.all-light .title__heading-01.title__heading-sub {
    font-size: 28px
}

.all-light .title__heading-01.divider {
    background: #fff
}

.title__heading {
    position: relative
}

.title__heading-01.title__heading-main {
    opacity: .07;
    text-transform: uppercase;
    line-height: 1
}

@media (min-width:768px) {
    .title__heading-01.title__heading-main {
        font-size: 94px
    }
}

.title__heading-01.title__heading-main + .title__heading-sub {
    margin-top: -40px
}

.title__heading-01.title__heading-sub {
    position: relative;
    z-index: 2;
    text-transform: uppercase
}

.title__heading-01.divider {
    margin: 15px auto 0
}

.title__heading-02.title__heading-main {
    text-transform: uppercase;
    position: relative;
    z-index: 1
}

.title__heading-02.title__heading-sub {
    opacity: 1;
    color: rgba(34,34,34,.08);
    transition: 1s ease color;
    text-transform: uppercase;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

    .title__heading-02.title__heading-sub.animated {
        color: rgba(34,34,34,.8);
        transition: .1s ease opacity
    }

@media (min-width:768px) {
    .title__heading-02.title__heading-sub {
        font-size: 94px
    }
}

@media screen and (max-width:575.98px) {
    .title__heading-02.title__heading-sub {
        position: static;
        font-size: 24px;
        line-height: 22px
    }
}

.title__heading-03.title__heading-main {
    text-transform: uppercase;
    line-height: 1
}

@media (min-width:768px) {
    .title__heading-03.title__heading-main {
        font-size: 48px
    }
}

.title__heading-03.title__heading-sub {
    text-transform: uppercase
}

.title__heading-04.title__heading-main {
    position: relative;
    z-index: 2
}

.title__heading-04.title__heading-sub {
    opacity: .08;
    text-transform: uppercase;
    line-height: 1
}

@media (min-width:768px) {
    .title__heading-04.title__heading-sub {
        font-size: 94px
    }
}

.title__heading-04.title__heading-sub + .title__heading-main {
    margin-top: -29px
}

.title__heading-06.title__heading-main {
    position: relative;
    z-index: 2;
    margin-top: -54px;
    text-transform: uppercase;
    line-height: 48px
}

.title__heading-06.title__heading-main_light {
    color: #fff
}

.title__heading-06.title__heading-sub {
    text-transform: uppercase
}

    .title__heading-06.title__heading-sub:not(.title__heading-sub_class-color) {
        color: #f6f6f6
    }

@media (min-width:992px) {
    .title__heading-06.title__heading-sub {
        font-size: 100px
    }
}

.title__heading-06.title__heading-sub_light {
    color: #fff;
    opacity: .08
}

.title__heading-06.title__heading-sub_colored {
    color: rgba(var(--brand-primary-rgb),.08)
}

.title__heading-06.title__heading-sub_dark {
    color: #e6e6e6
}

.heading-style-left {
    display: inline-block;
    position: relative;
    z-index: 2;
    text-align: left
}

@media screen and (max-width:991.98px) {
    .heading-style-left {
        text-align: center
    }
}

.heading-style-left span {
    position: absolute;
    top: 100%;
    left: 0;
    color: #aaa;
    text-transform: uppercase;
    padding-top: 5px
}

@media screen and (max-width:991.98px) {
    .heading-style-left span {
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap
    }
}

.title-lines-box {
    text-align: center;
    margin-top: 130px
}

.title-lines-wrap {
    margin-top: 110px
}

.title-lines-main {
    display: inline-block;
    padding: 0 40px;
    position: relative
}

@media (min-width:768px) {
    .title-lines-main {
        padding: 0 80px
    }
}

.title-lines-solid {
    display: flex;
    align-items: center;
    padding: 0
}

@media (max-width:991px) {
    .title-lines-solid {
        display: block;
        text-align: center;
        padding: 0 15px
    }
}

.title-lines-solid .text {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    flex-shrink: 1
}

@media (max-width:991px) {
    .title-lines-solid .text {
        padding: 0
    }
}

.title-lines-solid .line {
    flex-grow: 1;
    height: 5px;
    background: #eef4ff
}

@media (max-width:991px) {
    .title-lines-solid .line {
        display: none
    }
}

.title-lines-double {
    display: flex;
    align-items: center;
    padding: 0
}

@media (max-width:991px) {
    .title-lines-double {
        display: block;
        text-align: center;
        padding: 0 15px
    }
}

.title-lines-double .text {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    padding: 0 20px
}

@media (max-width:991px) {
    .title-lines-double .text {
        padding: 0
    }
}

.title-lines-double .line {
    flex-grow: 1;
    height: 5px;
    background: 0 0;
    padding: 0;
    position: relative
}

    .title-lines-double .line:after, .title-lines-double .line:before {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: #000
    }

    .title-lines-double .line:before {
        top: 0
    }

    .title-lines-double .line:after {
        bottom: 0
    }

@media (max-width:991px) {
    .title-lines-double .line {
        display: none
    }
}

.title-lines-dotted {
    position: relative;
    display: flex;
    align-items: center
}

@media (max-width:991px) {
    .title-lines-dotted {
        display: block;
        text-align: center;
        padding: 0 15px
    }
}

.title-lines-dotted .text {
    position: relative;
    z-index: 1;
    padding: 0 20px;
    flex-shrink: 0
}

@media (max-width:991px) {
    .title-lines-dotted .text {
        padding: 0
    }
}

.title-lines-dotted .line {
    flex-grow: 1;
    height: 12px;
    background: url(../../img/dotted-bg_wide.png) repeat-x center center
}

@media (max-width:991px) {
    .title-lines-dotted .line {
        display: none
    }
}

@media (min-width:992px) {
    .line-heading {
        display: flex;
        align-items: center
    }
}

.line-heading p {
    margin-top: 20px;
    border-left: 3px solid var(--brand-primary);
    padding: 12px 0 12px 30px;
    line-height: 24px;
    flex: 1
}

@media (min-width:992px) {
    .line-heading p {
        margin-left: 38px;
        margin-top: 0
    }
}

.title-simple-box {
    margin: 132px 0 160px;
    text-align: center
}

.title-simple-wrap {
    margin-top: 110px
}

.title-simple + .title-simple {
    margin-top: 96px
}

.heading__1 {
    text-align: left;
    margin: 100px 0 80px 40px
}

@media (min-width:768px) {
    .heading__1 {
        margin: 0 0 107px
    }
}

.heading__2 {
    text-align: left;
    margin: 100px 0 80px 40px
}

@media (min-width:768px) {
    .heading__2 {
        margin: 0 0 43px
    }
}

.heading__number {
    color: #dfdfdf
}

.heading__bg {
    margin-top: 20px;
    padding: 20px 0;
    background-image: url(../../img/heading-bg.png);
    background-position: center center;
    background-repeat: repeat-x;
    text-align: center;
    width: 100%
}

    .heading__bg h1, .heading__bg h2 {
        background-color: #fff;
        display: inline-block;
        padding: 0 30px
    }