/*! 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;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: 700
}

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

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
 */
.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
}

@-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)
  }
}

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

@-webkit-keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

@keyframes flash {

  0%,
  50%,
  to {
    opacity: 1
  }

  25%,
  75% {
    opacity: 0
  }
}

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

@-webkit-keyframes pulse {
  0% {
    -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)
  }

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

@keyframes pulse {
  0% {
    -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)
  }

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

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

@-webkit-keyframes rubberBand {
  0% {
    -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)
  }

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

@keyframes rubberBand {
  0% {
    -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)
  }

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

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

@-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)
  }
}

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

@-webkit-keyframes headShake {
  0% {
    -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)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

@keyframes headShake {
  0% {
    -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)
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

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

@-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)
  }
}

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

@-webkit-keyframes tada {
  0% {
    -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)
  }

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

@keyframes tada {
  0% {
    -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)
  }

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

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

@-webkit-keyframes wobble {
  0% {
    -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)
  }

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

@keyframes wobble {
  0% {
    -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)
  }

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

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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
  }
}

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

@-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
  }
}

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

@-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
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

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

  to {
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

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

@-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
  }
}

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

@-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
  }
}

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

@-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
  }
}

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

@-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
  }
}

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

@-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
  }
}

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

@-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
  }
}

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

@-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
  }
}

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

@-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
  }
}

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

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

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

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

  0%,
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -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)
  }

  50%,
  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -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)
  }

  0%,
  40% {
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  40% {
    -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)
  }

  50%,
  80% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  80% {
    -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
  }
}

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

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

  0%,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  40% {
    -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
  }

  0%,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  40% {
    -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)
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX
}

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

  0%,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  40% {
    -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
  }

  0%,
  40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  40% {
    -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)
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY
}

@-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
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important
}

@-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
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY
}

@-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)
  }

  60%,
  80% {
    opacity: 1
  }

  80% {
    -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)
  }

  60%,
  80% {
    opacity: 1
  }

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

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

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

@-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
  }
}

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

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

  0%,
  to {
    -webkit-transform-origin: center
  }

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

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

  0%,
  to {
    -webkit-transform-origin: center
  }

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

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

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

  0%,
  to {
    -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% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
  }

  0%,
  to {
    -webkit-transform-origin: left bottom
  }

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

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

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

  0%,
  to {
    -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% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  0%,
  to {
    -webkit-transform-origin: right bottom
  }

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

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

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

  0%,
  to {
    -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% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0
  }

  0%,
  to {
    -webkit-transform-origin: left bottom
  }

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

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

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

  0%,
  to {
    -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% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0
  }

  0%,
  to {
    -webkit-transform-origin: right bottom
  }

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

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

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

  0%,
  to {
    -webkit-transform-origin: center
  }

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

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

  0%,
  to {
    -webkit-transform-origin: center
  }

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

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

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

  0%,
  to {
    -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% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  0%,
  to {
    -webkit-transform-origin: left bottom
  }

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

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

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

  0%,
  to {
    -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% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  0%,
  to {
    -webkit-transform-origin: right bottom
  }

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

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

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

  0%,
  to {
    -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% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1
  }

  0%,
  to {
    -webkit-transform-origin: left bottom
  }

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

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

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

  0%,
  to {
    -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% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1
  }

  0%,
  to {
    -webkit-transform-origin: right bottom
  }

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

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left
  }

  0%,
  20%,
  60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    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% {
    -webkit-transform-origin: top left;
    transform-origin: top left
  }

  0%,
  20%,
  60% {
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
  }

  20%,
  60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    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
  }
}

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

@-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
  }
}

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

@-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)
  }
}

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

@-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
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

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

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

  50%,
  to {
    opacity: 0
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1
  }

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

  50%,
  to {
    opacity: 0
  }
}

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

@-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)
  }
}

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

@-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
  }
}

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

@-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
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

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

@-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)
  }
}

.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;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  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,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  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;
  -webkit-transform: translateZ(0);
  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: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  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 {
  -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
  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;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -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: -webkit-grab;
  cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  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
}

.fancybox-button,
.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;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  transform-origin: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-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 {
  -webkit-animation: a 1s linear infinite;
  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
}

@-webkit-keyframes a {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes a {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

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

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

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

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translateZ(0);
  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;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5)
}

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

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

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg)
}

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

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

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

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

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

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

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translateZ(0) scale(1);
  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
}

.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: absolute;
  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
}

.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)
  }
}

.brk-pricing-light__stick span {
  background-color: #68dcfe !important
}

@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 #7400ba
}

[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: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

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

@media (max-width:991px) {
  .brk-nav__menu {
    display: -webkit-flex;
    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 {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

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

@media (min-width:992px) {

  .brk-nav__menu li:hover>.brk-nav__sub-menu,
  .brk-nav__menu li:hover>.brk-nav__mega-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%
}

.brk-nav__menu>li {
  position: relative
}

@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-nav__menu>li.brk-nav__children:hover>a:after {
  opacity: 1
}

.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;
  -webkit-transform: rotate(180deg);
  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_style-2.brk-header_color-white .brk-nav__menu>li.brk-nav__children:hover>a {
  color: #fff
}

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

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

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

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

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

.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%;
  -webkit-transform: translateX(-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 {
  display: none
}

.brk-header_style-2 .brk-nav__menu>li.brk-nav__children>a:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-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_style-2.brk-header_color-dark .brk-nav__menu>li.brk-nav__children>a:before {
  border-top: 3px solid #272727
}

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

.brk-nav__menu>li.brk-nav__children_clear>a:before {
  display: none
}

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

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

@media (min-width:992px) {
  .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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  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_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%;
  -webkit-transform: translate(-50%, -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%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 0;
  width: 12px;
  height: 0;
  transition: height .3s;
  background-color: #69adff
}

.brk-header_scroll.brk-header_style-1 .brk-nav__menu>li>a:before {
  background-color: rgba(39, 117, 255, .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(39, 117, 255, .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 {
  opacity: 1
}

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

.brk-nav__menu-icon {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 15px
}

.brk-nav__menu-icon i {
  position: absolute;
  vertical-align: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -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 #0b98f6
  }
}

@media (min-width:992px) {
  .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 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:before {
  opacity: 1
}

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

.brk-header_style-2 .brk-nav__sub-menu li:hover>a {
  color: #0b98f6
}

.brk-header_style-3 .brk-nav__sub-menu li:hover>a {
  color: #0b98f6
}

.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-header_style-2 .brk-nav__sub-menu li:hover>a i {
  color: #0b98f6
}

.brk-header_style-3 .brk-nav__sub-menu li:hover>a i {
  color: #0b98f6
}

.brk-nav__sub-menu a {
  display: block;
  text-align: left;
  position: relative
}

[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 {
  position: absolute;
  vertical-align: 0;
  right: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1rem;
  z-index: 1;
  color: #b6b6b6
}

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

.brk-header_style-2 .brk-nav__sub-menu a {
  font-size: .75rem;
  line-height: 21px;
  padding: 7px 28px
}

.brk-header_style-2 .brk-nav__sub-menu a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #0b98f6
}

[dir=rtl] .brk-header_style-2 .brk-nav__sub-menu a:before {
  left: auto;
  right: 0
}

.brk-header_style-2 .brk-nav__sub-menu a>i {
  position: absolute;
  vertical-align: 0;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: .8125rem
}

.brk-header_style-3 .brk-nav__sub-menu a {
  font-size: .75rem;
  line-height: 21px;
  padding: 7px 28px
}

.brk-header_style-3 .brk-nav__sub-menu a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #0b98f6
}

[dir=rtl] .brk-header_style-3 .brk-nav__sub-menu a:before {
  left: auto;
  right: 0
}

.brk-header_style-3 .brk-nav__sub-menu a>i {
  position: absolute;
  vertical-align: 0;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  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: #0b98f6;
    z-index: 9
  }

  .brk-header_style-2 .brk-nav__mega-menu {
    box-shadow: 0 6px 30px rgba(0, 0, 0, .12)
  }

  .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 {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: calc(100vw - 100px);
    left: 100%
  }

  [dir=rtl] .brk-header_vertical .brk-nav__mega-menu {
    left: auto;
    right: 0;
    -webkit-transform-origin: 100% 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-nav__link-open i {
  position: absolute;
  top: calc(50% - 1px);
  right: 38px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform-origin: center center;
  transform-origin: center center;
  vertical-align: 0;
  color: #b6b6b6;
  transition-property: color, \transform;
  transition-duration: .3s
}

.brk-nav__link-open.is-active {
  border-color: #2775ff
}

.brk-nav__link-open.is-active i {
  color: #2775ff;
  top: 50%;
  right: 36px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg)
}

.flexMenu-viewMore.active .flexMenu-popup {
  opacity: 1;
  visibility: visible;
  max-height: 9999px;
  z-index: 99
}

.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;
  -webkit-transform: rotate(180deg);
  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%;
  -webkit-transform: translateX(-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 {
  display: none
}

.brk-header_style-2 .flexMenu-viewMore>a:before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-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_style-2.brk-header_color-dark .flexMenu-viewMore>a:before {
  border-top: 3px solid #272727
}

.brk-header_scroll.brk-header_style-2 .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 #0b98f6
  }
}

@media (min-width:992px) {
  .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
  }
}

.flexMenu-popup li {
  display: block;
  position: relative
}

.brk-header_style-1 .flexMenu-popup li:hover>a {
  color: #272727
}

.brk-header_style-1 .flexMenu-popup li:hover>a:before {
  opacity: 1
}

.brk-header_style-1 .flexMenu-popup li:hover>a i {
  color: #2775ff
}

.brk-header_style-2 .flexMenu-popup li:hover>a {
  color: #0b98f6
}

.brk-header_style-3 .flexMenu-popup li:hover>a {
  color: #0b98f6
}

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

.brk-header_style-2 .flexMenu-popup li:hover>a i {
  color: #0b98f6
}

.brk-header_style-3 .flexMenu-popup li:hover>a i {
  color: #0b98f6
}

.flexMenu-popup a {
  display: block;
  text-align: left;
  position: relative;
  font-family: 'Montserrat', sans-serif
}

[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 {
  position: absolute;
  vertical-align: 0;
  right: 21px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 1rem;
  z-index: 1;
  color: #b6b6b6
}

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

.brk-header_style-2 .flexMenu-popup a {
  font-size: .75rem;
  line-height: 21px;
  padding: 7px 28px
}

.brk-header_style-2 .flexMenu-popup a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #0b98f6
}

[dir=rtl] .brk-header_style-2 .flexMenu-popup a:before {
  left: auto;
  right: 0
}

.brk-header_style-2 .flexMenu-popup a>i {
  position: absolute;
  vertical-align: 0;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: .8125rem
}

.brk-header_style-3 .flexMenu-popup a {
  font-size: .75rem;
  line-height: 21px;
  padding: 7px 28px
}

.brk-header_style-3 .flexMenu-popup a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: #0b98f6
}

[dir=rtl] .brk-header_style-3 .flexMenu-popup a:before {
  left: auto;
  right: 0
}

.brk-header_style-3 .flexMenu-popup a>i {
  position: absolute;
  vertical-align: 0;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  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;
  text-align: left;
  position: relative;
  font-weight: 600;
  font-size: .875rem;
  margin: 0 5px
}

@media (min-width:992px) {
  .brk-call-us {
    -webkit-transform: translateY(-50%);
    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_color-white .brk-call-us:hover .brk-call-us__number {
  color: #fff
}

.brk-header_color-dark .brk-call-us:hover .brk-call-us__number {
  color: #272727
}

.brk-header_scroll .brk-call-us:hover .brk-call-us__number,
.brk-header-mobile-wrap .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-header-mobile-wrap .brk-call-us__number:hover {
  color: #000
}

.brk-call-us__number i {
  vertical-align: middle;
  color: #b6b6b6;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@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: #2775ff !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(39, 117, 255, .5);
  color: #fff !important;
  background-color: #2775ff
}

.brk-safari .brk-header_scroll .brk-call-us__link {
  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%;
  -webkit-transform: translate(-50%, -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) {
    -webkit-transform: translateY(-50%);
    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%
  }
}

@media (min-width:992px) {
  .brk-lang.brk-lang_square {
    width: 72px;
    height: 100%;
    margin: 0
  }

  .brk-lang.brk-lang_square:hover .brk-lang__option {
    background-color: inherit !important
  }
}

@media (min-width:992px) {
  .brk-header_vertical .brk-lang {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: auto;
    width: 68px;
    height: 68px;
    margin: 0
  }
}

@media (min-width:992px) {
  .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:before {
    opacity: 1
  }

  .brk-header_vertical .brk-lang:hover .brk-lang__option {
    padding: 0 19px;
    opacity: 1
  }

  .brk-lang:hover .brk-lang__option li {
    opacity: 1
  }
}

.brk-lang__selected {
  font-size: .875rem;
  font-weight: 600;
  display: block;
  position: relative;
  line-height: 42px;
  color: #fff;
  z-index: 100;
  direction: rtl !important
}

@media (min-width:992px) {
  .brk-lang_interactive .brk-lang__selected {
    font-weight: 400;
    font-size: .6875rem;
    height: inherit;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    line-height: normal
  }
}

@media (min-width:992px) {
  .brk-lang_square .brk-lang__selected {
    font-size: .75rem;
    height: inherit;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    line-height: normal;
    padding-left: 0;
    -webkit-justify-content: center;
    justify-content: center
  }

  .brk-header_scroll .brk-lang_square .brk-lang__selected {
    color: #fff !important
  }
}

@media (min-width:992px) {
  .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 {
  color: #272727
}

.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
}

.brk-lang_square .brk-lang__selected i {
  display: none
}

@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%;
  -webkit-transform: translateY(-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: -webkit-flex;
    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%;
    -webkit-transform: translateY(-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 {
    max-width: 45px;
    background-color: transparent !important;
    border: 0 !important;
    padding-right: 25px;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    box-shadow: none
  }

  .brk-lang_square .brk-lang__option {
    max-width: 72px;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    box-shadow: none
  }

  .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: #2775ff
  }
}

@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
  }
}

@media (min-width:992px) {
  .brk-lang_square .brk-lang__option li a {
    color: #fff
  }
}

@media (min-width:992px) {
  .brk-header_vertical .brk-lang__option li a {
    line-height: 68px;
    padding: 0 11px;
    color: #000
  }
}

.brk-lang__option li a:hover {
  color: #2775ff
}

@media (min-width:992px) {

  .brk-lang_interactive .brk-lang__option li a:hover,
  .brk-lang_square .brk-lang__option li a:hover {
    color: #fff
  }
}

@media (min-width:992px) {
  .brk-header_scroll .brk-lang_interactive .brk-lang__option li a:hover {
    color: #fff
  }
}

@media (min-width:992px) {
  .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;
    -webkit-transform: scale(1);
    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
  }
}

@media (min-width:992px) {
  .brk-header__top-bar .brk-mini-cart__open {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    color: #fff
  }
}

.brk-header_scroll .brk-header__main-bar .brk-mini-cart__open {
  color: #272727
}

.brk-header_color-white .brk-mini-cart__open {
  color: #fff
}

.brk-header_color-dark .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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }

  .brk-header__top-bar .brk-mini-cart__open i {
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

@media (max-width:991px) {
  .brk-mini-cart__open i {
    line-height: 1;
    vertical-align: middle;
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  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-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: #b50aff;
  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
  }
}

@media (min-width:992px) {
  .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-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: #b50aff;
  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;
  -webkit-transform: translateY(-50%);
  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-white .brk-mini-cart__count {
  color: #fff
}

.brk-header_color-dark .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)
  }
}

@media (min-width:992px) {
  .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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 24px;
  padding: 0 8px;
  line-height: 24px;
  color: #fff !important;
  background-color: #b50aff !important
}

.brk-header_vertical .brk-mini-cart__count {
  color: #fff;
  top: 50%;
  -webkit-transform: translateY(-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;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: calc(100% - 30px) 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 #0b98f6
  }

  .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_vertical .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 #7400ba;
  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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  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: #2775ff;
  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 {
  color: #2775ff
}

.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: #0b98f6;
  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: #2775ff;
  box-shadow: 0 5px 16px rgba(39, 117, 255, .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 {
  height: 46px;
  line-height: 46px;
  background-color: #0b98f6;
  box-shadow: 0 5px 16px rgba(0, 124, 211, .5)
}

.brk-header_style-7-popup .brk-mini-cart__links--checkout {
  height: 46px;
  line-height: 46px;
  background-color: #0b98f6;
  box-shadow: 0 5px 16px rgba(0, 124, 211, .5)
}

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

  50% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

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

  50% {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
  }

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

.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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  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 #00c6ff;
  z-index: 2
}

.brk-header_style-2 .brk-mini-cart__product:hover {
  box-shadow: inset 3px 0 #0b98f6;
  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: #2775ff
}

.brk-header_style-2 .brk-mini-cart__product--price {
  color: #0b98f6
}

.brk-header_style-7-popup .brk-mini-cart__product--price {
  color: #0b98f6
}

.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: #2775ff
}

.brk-header_style-2 .brk-mini-cart__product--remove:hover {
  background-color: #0b98f6
}

.brk-header_style-7-popup .brk-mini-cart__product--remove:hover {
  background-color: #0b98f6
}

.brk-mini-cart__product--remove:hover i {
  color: #fff
}

.brk-header_style-2 .brk-mini-cart__product--remove:hover i,
.brk-header_style-7-popup .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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #2775ff
}

.brk-header_style-2 .brk-mini-cart__product--remove i {
  color: #0b98f6
}

.brk-header_style-7-popup .brk-mini-cart__product--remove i {
  color: #0b98f6
}

@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 {
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important
  }

  .brk-social-links_no-open .brk-social-links__open,
  .brk-social-links_no-open .brk-social-links__header {
    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;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    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 {
    -webkit-transform: rotate(90deg);
    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 {
    color: #272727 !important
  }

  .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_color-white .brk-social-links__open {
  color: #fff
}

.brk-header_color-dark .brk-social-links__open {
  color: #272727
}

.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 {
  vertical-align: 0
}

@media (min-width:992px) {
  .brk-header .brk-social-links__open i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle
  }
}

.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
  }
}

@media (min-width:992px) {
  .brk-header .brk-social-links:not(.brk-social-links_no-open) .brk-social-links__block {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: calc(100% - 30px) 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 #0b98f6
  }
}

.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;
    -webkit-transform: scale(1);
    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 #7400ba
}

@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: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 13px 16px
}

.brk-header-mobile-wrap .brk-social-links__content {
  -webkit-justify-content: flex-start;
  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: #2775ff;
  box-shadow: 0 5px 16px rgba(39, 117, 255, .5)
}

.brk-header .brk-social-links__content a:hover i {
  color: #fff
}

.brk-header_style-2 .brk-social-links__content a:hover {
  background-color: #0b98f6
}

.brk-header_style-2 .brk-social-links__content a:hover i {
  color: #fff
}

.brk-header .brk-social-links__content a i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  vertical-align: 0;
  font-size: 1rem;
  transition: color .3s;
  color: #2775ff
}

.brk-header_style-2 .brk-social-links__content a i {
  color: #0b98f6
}

.brk-header-mobile-wrap .brk-social-links__content a i {
  font-size: .875rem
}

.brk-social-links_link-14 .brk-social-links__content a i {
  font-size: .875rem
}

.brk-search {
  display: inline-block;
  font-size: .875rem
}

@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;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: calc(100% - 30px) 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 #0b98f6
  }

  .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;
    -webkit-transform: scale(1);
    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 {
  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
}

.brk-search__open i {
  vertical-align: 0
}

@media (min-width:992px) {
  .brk-search__open i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

@media (max-width:991px) {
  .brk-search__open i {
    line-height: 40px
  }
}

.brk-header-mobile-wrap .brk-search__open i {
  color: #b6b6b6
}

.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;
    -webkit-transform: translateY(-50%);
    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%;
    -webkit-transform: translateX(-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 #7400ba
}

@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]::-ms-input-placeholder {
  color: #9f9f9f;
  opacity: 1
}

.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]::-ms-input-placeholder {
    color: #fff;
    opacity: 1
  }

  .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]::-ms-input-placeholder {
    color: #272727;
    opacity: 1
  }

  .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 {
  vertical-align: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1rem;
  color: #2775ff
}

.brk-header_style-2 .brk-search__form [type=submit] i {
  color: #0b98f6
}

@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;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  height: 100vh;
  transition: \transform .3s;
  border-top: 3px solid #2775ff;
  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;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.brk-info-menu.active {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.brk-info-menu__bar {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
  overflow-y: auto;
  padding: 0 20px
}

.brk-info-menu__header {
  height: 73px;
  position: relative;
  background-color: #fff;
  padding: 25px 15px 25px 20px;
  text-align: left;
  border-bottom: 1px solid #ebebeb;
  margin: 0 -20px
}

[dir=rtl] .brk-info-menu__header {
  padding-left: 0;
  padding-right: 28px;
  text-align: right
}

.brk-info-menu .brk-sidebar__title {
  height: 73px;
  position: relative;
  text-align: left;
  border-bottom: 1px solid #ebebeb;
  padding: 25px 15px 25px 20px;
  margin-bottom: 0;
  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:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  background-color: #2775ff;
  transition: width .3s
}

.brk-info-menu__close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  background-color: #2775ff;
  transition: width .3s
}

.brk-info-menu__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.brk-info-menu__close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

[dir=rtl] .brk-info-menu__close {
  right: auto;
  left: 0
}

.brk-info-menu__close:hover:before,
.brk-info-menu__close:hover:after {
  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
  }
}

@media (min-width:992px) {
  .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
  }
}

@media (min-width:992px) {
  .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
  }
}

@media (min-width:992px) {
  .brk-info-menu-open_skin-3 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 {
    width: 100%
  }
}

@media (min-width:992px) {
  .brk-info-menu-open_skin-4 span {
    width: 22px
  }

  .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-4.open-active span:before,
  .brk-info-menu-open_skin-4.open-active span:after {
    width: 100%
  }
}

@media (min-width:992px) {
  .brk-info-menu-open_skin-5 span {
    width: 22px
  }

  .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%;
  -webkit-transform: translate(-50%, -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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.brk-info-menu-open .brk-lines .brk-center-line {
  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 {
  background: #272727
}

.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:before,
.brk-info-menu-open .brk-lines:after {
  content: '';
  position: absolute;
  transition-duration: .3s, .3s;
  transition-delay: .3s, 0s;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  background: inherit
}

@media (min-width:992px) {

  .brk-header_color-white .brk-info-menu-open .brk-lines:before,
  .brk-header_color-white .brk-info-menu-open .brk-lines:after {
    background: #fff
  }
}

.brk-header_color-dark .brk-info-menu-open .brk-lines:before,
.brk-header_color-dark .brk-info-menu-open .brk-lines:after {
  background: #272727
}

.brk-header_scroll .brk-info-menu-open .brk-lines:before,
.brk-header_scroll .brk-info-menu-open .brk-lines:after {
  background: #272727
}

.brk-header-mobile-wrap .brk-info-menu-open .brk-lines:before,
.brk-header-mobile-wrap .brk-info-menu-open .brk-lines:after {
  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 {
    background: #fff
  }
}

@media (min-width:992px) {

  .brk-info-menu-open .brk-lines.brk-info-menu-open_white:before,
  .brk-info-menu-open .brk-lines.brk-info-menu-open_white:after {
    background: #fff
  }
}

.brk-header_scroll .brk-info-menu-open .brk-lines.brk-info-menu-open_white .brk-center-line {
  background: #272727
}

.brk-header_scroll .brk-info-menu-open .brk-lines.brk-info-menu-open_white:before,
.brk-header_scroll .brk-info-menu-open .brk-lines.brk-info-menu-open_white:after {
  background: #272727
}

.brk-info-menu-open.open-active span .brk-center-line {
  background: 0 0 !important
}

.brk-info-menu-open.open-active span:before,
.brk-info-menu-open.open-active span:after {
  transition-delay: 0s, .3s
}

.brk-info-menu-open.open-active span:before {
  top: 0 !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.brk-info-menu-open.open-active span:after {
  bottom: 0 !important;
  -webkit-transform: rotate(-45deg);
  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: -webkit-flex;
  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%;
  -webkit-transform: translateY(-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: #2775ff;
  color: #fff;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, .01)
}

.list-inline-7 li a:hover .list-inline-7__before {
  box-shadow: none
}

.list-inline-7 li a:hover .list-inline-7__before i {
  color: #2775ff
}

.list-inline-7 li>ul {
  padding-left: 20px
}

.list-inline-7__before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-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: #2775ff;
  font-size: .875rem;
  font-weight: 600
}

.list-inline-7__before i {
  position: absolute;
  vertical-align: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -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: #2775ff
}

.brk-header_style-2 .brk-header-list a:hover {
  color: #0b98f6
}

.brk-header_style-3 .brk-header-list a:hover {
  color: #0b98f6
}

.brk-header_style-2 .brk-header-list a:hover i {
  color: #0b98f6
}

.brk-header_style-3 .brk-header-list a:hover i {
  color: #0b98f6
}

.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 {
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #0b98f6
}

.brk-header_style-3 .brk-header-list a:before {
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #0b98f6
}

[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: -webkit-flex;
  display: flex
}

.brk-latest-post__img {
  width: 80px;
  height: 80px;
  position: relative;
  overflow: hidden
}

.brk-latest-post__img img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -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--like,
.brk-latest-post__info--date {
  display: inline-block;
  line-height: 18px
}

.brk-latest-post__info--date {
  margin-left: 12px
}

.brk-latest-post__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(11, 152, 246, .6), rgba(0, 198, 255, .6))
}

.brk-element-base__before:before,
.brk-element-base__before:after {
  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__content h4 {
  color: #fff
}

.brk-post-brick__info {
  padding-top: 8px;
  color: rgba(255, 255, 255, .6)
}

.brk-post-brick__info--like,
.brk-post-brick__info--date {
  display: inline-block;
  line-height: 18px
}

.brk-post-brick__info--date {
  margin-left: 12px
}

.brk-post-brick__info i {
  vertical-align: 0;
  margin-right: 4px
}

.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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.brk-header-slider__content--title {
  padding-left: 15px
}

.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;
  -webkit-align-items: center;
  align-items: center
}

@media (min-width:992px) {
  .brk-header-popup-menu__open-close {
    display: -webkit-inline-flex;
    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 {
  display: none
}

.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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding-bottom: 0;
    z-index: 9
  }
}

@media (max-width:991px) {
  .brk-header-popup-menu__menu {
    display: block !important
  }
}

.brk-header-popup-menu__menu ul li {
  position: relative
}

@media (min-width:992px) {
  .brk-header-popup-menu__menu ul li {
    padding: 16px 0
  }
}

@media (min-width:992px) {
  .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:before,
  .brk-header-popup-menu__menu ul a:after {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-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:before,
  .brk-header-popup-menu__menu ul a:hover:after {
    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%;
  -webkit-transform: translateY(-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;
    -webkit-transform: 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 {
    color: #272727
  }

  .brk-header_scroll .brk-totop {
    color: #272727
  }

  .brk-header_vertical .brk-totop {
    width: 68px;
    height: 68px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
  }
}

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

.brk-totop i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  vertical-align: 0;
  font-size: 1.5rem
}

.brk-header_scroll .btn-prime_header {
  color: #2775ff
}

.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__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, #0b98f6, #b50aff)
}

.brk-header-mobile__open {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 30px;
  width: 22px;
  height: 18px;
  cursor: pointer
}

@media (max-width:375px) {
  .brk-header-mobile__open {
    left: 15px
  }
}

.brk-header-mobile__open span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 0;
  right: 0;
  height: 2px;
  background-color: #000
}

.brk-header-mobile__open span:before,
.brk-header-mobile__open span:after {
  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__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, #0b98f6, #b50aff)
}

.brk-header-mobile-wrap__logo {
  line-height: 78px
}

.brk-header-mobile-wrap__logo img {
  vertical-align: middle
}

.brk-header-mobile-wrap__close {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 30px;
  width: 22px;
  height: 22px;
  cursor: pointer
}

.brk-header-mobile-wrap__close:before,
.brk-header-mobile-wrap__close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #000;
  transition: width .3s;
  -webkit-transform-origin: center center;
  transform-origin: center center
}

.brk-header-mobile-wrap__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.brk-header-mobile-wrap__close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.brk-header-mobile-wrap__close:hover:before,
.brk-header-mobile-wrap__close:hover:after {
  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: 29px 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: #2775ff !important;
  height: 24px;
  line-height: 24px;
  padding: 0 8px !important;
  margin-left: 0;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: 0 !important;
  color: #fff !important
}

.brk-header {
  top: 0;
  left: 0;
  right: 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;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.brk-header_not-fixed {
  position: static
}

.admin-bar .brk-header {
  top: 32px
}

@media (min-width:992px) {
  .brk-header_sticky-hide {
    -webkit-transform: translateY(-100%) !important;
    transform: translateY(-100%) !important;
    top: 0 !important
  }
}

@media (min-width:1230px) {
  .brk-boxed .brk-header_sticky-hide {
    -webkit-transform: translate(-50%, -100%) !important;
    transform: translate(-50%, -100%) !important
  }
}

@media (min-width:992px) {
  .brk-header_vertical .brk-header__main-bar {
    width: 100vh;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%)
  }

  [dir=rtl] .brk-header_vertical .brk-header__main-bar {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(-90deg) translateY(-100%);
    transform: rotate(-90deg) translateY(-100%)
  }

  .brk-header_vertical .brk-header__item:not(.brk-nav) {
    -webkit-transform: rotate(90deg);
    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
  }
}

@media (min-width:992px) {
  .brk-header.brk-header_popup.brk-header_scroll .brk-header__main-bar {
    background-color: #fff
  }
}

@media (min-width:992px) {
  .brk-header.brk-header_popup .brk-header__main-bar {
    border-top: 0 solid transparent;
    background-color: rgba(38, 38, 38, .2)
  }
}

@media (min-width:992px) {
  .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-fluid,
  .brk-header__top-bar .container {
    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-fluid,
.brk-header-mobile-wrap .brk-header__top-bar .container {
  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
  }
}

@media (min-width:992px) {

  .brk-header__main-bar .container-fluid,
  .brk-header__main-bar .container {
    height: 100%;
    border-radius: 5px
  }

  .brk-header_scroll .brk-header__main-bar .container-fluid,
  .brk-header_scroll .brk-header__main-bar .container {
    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-fluid,
.brk-header-mobile-wrap .brk-header__main-bar .container {
  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_scroll .brk-header__logo-1,
.brk-header_scroll.brk-header_vertical .brk-header__logo-1 {
  display: none
}

.brk-header_vertical .brk-header__logo-1 {
  display: inline-block
}

.brk-header__logo-2 {
  display: none
}

.brk-header_scroll .brk-header__logo-2 {
  display: block
}

.brk-header_scroll.brk-header_vertical .brk-header__logo-2 {
  display: inline-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 {
    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)
  }

  [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-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 {
    border-top: 1px solid rgba(0, 0, 0, .1)
  }

  .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 #7400ba;
  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%;
  color: #fff
}

@media (min-width:992px) {
  .brk-header__element_skin-1 i {
    font-size: .875rem
  }

  .brk-header__element_skin-1 .brk-header__element--wrap {
    padding: 0 18px
  }

  .brk-header__element_skin-1 .brk-header__element--label {
    font-size: .875rem
  }

  .brk-header__element_skin-2 i {
    font-size: .75rem;
    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: .75rem;
    letter-spacing: .04em;
    opacity: .8
  }

  .brk-header__element_skin-3 i {
    font-size: .9375rem;
    opacity: .7;
    top: 4px !important;
    -webkit-transform: none !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
}

.brk-header_color-dark .brk-header__element {
  color: #272727
}

@media (min-width:992px) {
  .brk-header_scroll .brk-header__element {
    color: #272727 !important
  }
}

.brk-header__top-bar_color-white .brk-header__element {
  color: #fff
}

.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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  vertical-align: 0;
  color: inherit
}

@media (min-width:992px) {
  .brk-header__main-bar .brk-header__element i {
    position: static;
    -webkit-transform: none;
    transform: none
  }
}

[dir=rtl] .brk-header__element i {
  left: auto;
  right: 18px
}

.brk-header__element--wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  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
  }
}

@media (min-width:992px) {
  .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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }

  .brk-header__btn_white.btn-prime,
  .brk-header__btn_white-border.btn-prime {
    box-shadow: none
  }

  .brk-header__btn_white.btn-prime .border-btn,
  .brk-header__btn_white-border.btn-prime .border-btn {
    border: 2px solid #fff
  }

  .brk-header_scroll .brk-header__btn_white.btn-prime .border-btn,
  .brk-header_scroll .brk-header__btn_white-border.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>.before {
    background-color: #2775ff !important
  }

  .brk-header__btn.btn-prime:hover>.after {
    background-color: #2775ff !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 .before,
.brk-header__btn_white .after {
  background-color: #fff !important;
  color: #000 !important
}

.brk-header__btn_white-border .before,
.brk-header__btn_white-border .after {
  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;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.brk-open-top-bar.active .brk-open-top-bar__circle:last-child {
  top: 50%;
  height: 18px;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  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%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  transition: opacity .3s, top .3s, height .3s, -webkit-transform .3s;
  transition: opacity .3s, top .3s, height .3s, transform .3s;
  transition: opacity .3s, top .3s, height .3s, transform .3s, -webkit-transform .3s
}

.brk-header_scroll .brk-open-top-bar__circle,
.brk-header_color-dark .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:before,
html.brk-preloader:after {
  position: fixed !important
}

html.brk-preloader:before {
  transition-duration: 1s;
  z-index: 1002
}

html.brk-preloader:after {
  transition-duration: .5s;
  z-index: 1003
}

html.brk-preloader:after {
  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:before,
.brk-preloader.brk-preloader-remove:after {
  opacity: 0;
  visibility: hidden
}

.brk-preloader:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 1;
  visibility: visible;
  transition-property: opacity, visibility;
  background-color: #fff
}

[data-x-mode=true] .brk-preloader:before {
  display: none
}

.brk-preloader:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 77px;
  height: 77px;
  background: url(../../img/preloader.gif) no-repeat center center;
  background-size: contain;
  opacity: 1;
  visibility: visible;
  transition-property: opacity;
  z-index: 2
}

[data-x-mode=true] .brk-preloader:after {
  display: none
}

.show-flex {
  display: -webkit-flex !important;
  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: -webkit-flex !important;
    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: -webkit-flex !important;
    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: -webkit-flex !important;
    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: -webkit-flex !important;
    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: -webkit-flex !important;
    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
}

/* html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: middle
} */

input,
textarea {
  margin: 0;
  padding: 0;
  font: inherit;
  vertical-align: top
}

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

ol,
ul {
  list-style: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: ''
}

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

button,
input,
textarea,
select {
  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
}

a:focus {
  outline: 0
}

img {
  max-width: 100%;
  height: auto
}

button,
.btn {
  background-color: inherit
}

button:focus,
button:active,
.btn:focus,
.btn:active {
  outline: 0
}

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-wrapper {
  position: relative
}

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
}

.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;
  -webkit-transform-origin: 30px 31px;
  transform-origin: 30px 31px;
  border-radius: 50%;
  box-shadow: 0 1px 0 0 #1d3f72;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: eye 1s linear infinite;
  animation: eye 1s linear infinite
}

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

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

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

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

[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
}

.far,
.fal {
  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
}

.fal.fa-cog:before,
.fal.fa-comment-alt:before,
.far.fa-clock:before,
.far.fa-envelope-DISABLE:before,
.fa.fa-search-DISABLE:before,
.fa.fa-phone-DISABLE:before,
.fal.fa-play-circle:before,
.fa.fa-share-alt:before,
.fa.fa-shopping-basket-DISABLE:before,
.fal.fa-shopping-cart:before,
.fas.fa-sign-in-alt-DISABLE:before,
.fas.fa-star-DISABLE:before,
.fas.fa-exchange-alt-DISABLE:before,
.fas.fa-arrow-down:before,
.fas.fa-arrow-up:before,
.fa.fa-angle-left-DISABLE:before,
.fa.fa-angle-right-DISABLE:before,
.fal.fa-arrow-left:before,
.fal.fa-arrow-right:before,
.fa.fa-plus: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: #0f5ae0;
  text-decoration: none
}

a:focus {
  color: #0f5ae0;
  text-decoration: none
}

.text-primary {
  color: #2775ff
}

.text-light-blue {
  color: #00c6ff !important
}

.text-blue {
  color: #2775ff !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: #69adff !important
}

.text-blue-1 {
  color: #aabcf1 !important
}

.text-blue-2 {
  color: #69adff !important
}

.text-blue-3 {
  color: #d2d5fe !important
}

.bg-primary {
  background-color: #2775ff !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, #6e50c2, #7202bb)
}

.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 {
  position: relative;
  z-index: 1;
  overflow: hidden
}

.side-circles:before {
  content: '';
  position: absolute;
  top: -535px;
  left: -520px;
  width: 875px;
  height: 875px;
  border: 40px solid rgba(255, 255, 255, .08);
  border-radius: 50%
}

.side-circles:after {
  content: '';
  position: absolute;
  top: -110px;
  right: -180px;
  width: 420px;
  height: 420px;
  border: 21px solid rgba(255, 255, 255, .08);
  border-radius: 50%
}

.top-triangle {
  position: relative;
  z-index: 1
}

.top-triangle:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
  transform: translateX(-50%) rotate(45deg);
  width: 24px;
  height: 24px;
  background: #fff
}

.overlay__grad {
  position: relative;
  z-index: 1;
  overflow: hidden
}

.overlay__grad:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, #2775ff, #7202bb);
  opacity: .9;
  z-index: -1
}

.overlay__gradient {
  position: relative;
  z-index: 1;
  overflow: hidden
}

.overlay__gradient .overlay_after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, #2775ff, #7202bb);
  opacity: .94;
  z-index: -1;
  margin: 0
}

.overlay__gradient-left .overlay_after {
  background: linear-gradient(10deg, #2775ff, #7202bb)
}

.overlay__white {
  position: relative;
  z-index: 1;
  overflow: hidden
}

.overlay__white:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  opacity: .94;
  z-index: -1
}

.overlay__dark {
  position: relative;
  z-index: 1
}

.overlay__dark:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  opacity: .75;
  z-index: -1
}

.overlay__purple {
  position: relative;
  z-index: 1
}

.overlay__purple>.after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, #6e50c2 20%, #7202bb 70%);
  opacity: .94;
  z-index: -1
}

.overlay__dot {
  position: relative;
  z-index: 1
}

.overlay__dot:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(23, 40, 68, .7);
  background-image: radial-gradient(#101c2f 24%, transparent 25%);
  background-size: 3px 3px;
  opacity: .94;
  z-index: -1
}

.overlay__curve {
  position: relative;
  z-index: 1;
  overflow: visible
}

.overlay__curve:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  background: url(../../img/curve.png) top center no-repeat;
  background-size: 100%;
  z-index: -1
}

.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 {
  position: relative;
  width: 292px;
  height: 609px;
  margin: 0 auto;
  z-index: 2
}

.mobile-case-1 .mobile-bg {
  position: absolute;
  top: 92px;
  left: 50%;
  margin-left: 2px;
  width: 242px;
  height: 430px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: url(../../img/app-inside-1.jpg) center center
}

.mobile-case-2 {
  position: relative;
  width: 352px;
  height: 721px;
  margin: 0 auto;
  background: url(../../img/app-case-2.png);
  z-index: 2
}

.mobile-case-2 .mobile-bg {
  position: absolute;
  top: 88px;
  left: 50%;
  width: 306px;
  height: 543px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  background: url(../../img/app-inside-2.jpg) center center
}

.mobile-case-3 {
  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-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;
  -webkit-transform: rotateY(180deg);
  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;
  -webkit-transform: rotateY(180deg) rotate(180deg);
  transform: rotateY(180deg) rotate(180deg)
}

[dir=rtl] .arrow__pointer-bottom-left {
  right: auto;
  left: -40px;
  -webkit-transform: rotateY(0) rotate(180deg);
  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;
  -webkit-transform: rotateY(180deg) rotate(0deg);
  transform: rotateY(180deg) rotate(0deg)
}

[dir=rtl] .arrow__pointer-top-right {
  left: auto;
  right: -40px;
  -webkit-transform: rotateY(0deg) rotate(0deg);
  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;
  -webkit-transform: rotateY(0deg) rotate(180deg);
  transform: rotateY(0deg) rotate(180deg)
}

[dir=rtl] .arrow__pointer-bottom-right {
  left: auto;
  right: -40px;
  -webkit-transform: rotateY(180deg) rotate(180deg);
  transform: rotateY(180deg) rotate(180deg)
}

@media (min-width:1200px) {
  .arrow__pointer-bottom-right {
    display: block
  }
}

.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);
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #2775ff;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center
}

.app-img-caption {
  font-family: 'Montserrat', sans-serif;
  font-size: 60px;
  font-weight: 600;
  opacity: .06;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  line-height: 1;
  display: block;
  margin-bottom: -15px
}

@media (min-width:480px) {
  .app-img-caption {
    font-size: 118px;
    margin-bottom: -30px
  }
}

.app-img-caption~* {
  position: relative;
  z-index: 2
}

.app-dot-line {
  display: inline-block;
  position: relative;
  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
}

[dir=rtl] .app-dot-line.left>.dot>.line {
  left: auto;
  right: 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 {
  display: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #2775ff
}

@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 {
  position: absolute;
  top: 7px;
  width: 300px;
  height: 1px;
  background: #2775ff;
  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: #2775ff;
  transition: width .25s ease-in-out, height .25s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
  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, #00c6ff, #00f6ff)
}

.hot-panel_primary {
  background: linear-gradient(to right, #2775ff, #7202bb)
}

.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::-ms-input-placeholder {
  color: #fff;
  opacity: 1
}

.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%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 6px;
  color: #fff;
  background: linear-gradient(to right, #0b98f6, #00c6ff)
}

.subscr__form .btn-subscr:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.subscr__form .btn-subscr:hover {
  -webkit-transform: translateY(-50%) scale(1.1);
  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%;
  -webkit-transform: translate(-50%, -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 #00c6ff;
  position: relative
}

body .main-icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

body .main-icon+* {
  margin-top: 56px
}

body .main-icon_white {
  border-color: #fff;
  color: #fff
}

.inline-wrap>div {
  -webkit-flex: 1;
  flex: 1
}

@media (min-width:1200px) {
  .inline-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    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 {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto
}

.maxw-450 {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto
}

.maxw-570 {
  max-width: 570px
}

.maxw-770 {
  max-width: 770px;
  margin-left: auto;
  margin-right: auto
}

.maxw-970 {
  max-width: 970px;
  margin-left: auto;
  margin-right: auto
}

.violet-shadow {
  box-shadow: 0 3px 0 0 #7202bb
}

.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
}

.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
  }
}

@media screen and (max-width:576px) {
  .pl-xs-5 {
    padding-left: 5px !important
  }
}

@media screen and (max-width:576px) {
  .pl-xs-10 {
    padding-left: 10px !important
  }
}

@media screen and (max-width:576px) {
  .pl-xs-15 {
    padding-left: 15px !important
  }
}

@media screen and (max-width:576px) {
  .pl-xs-20 {
    padding-left: 20px !important
  }
}

@media screen and (max-width:576px) {
  .pl-xs-25 {
    padding-left: 25px !important
  }
}

@media screen and (max-width:576px) {
  .pr-xs-0 {
    padding-right: 0 !important
  }
}

@media screen and (max-width:576px) {
  .pr-xs-5 {
    padding-right: 5px !important
  }
}

@media screen and (max-width:576px) {
  .pr-xs-10 {
    padding-right: 10px !important
  }
}

@media screen and (max-width:576px) {
  .pr-xs-15 {
    padding-right: 15px !important
  }
}

@media screen and (max-width:576px) {
  .pr-xs-20 {
    padding-right: 20px !important
  }
}

@media screen and (max-width:576px) {
  .pr-xs-25 {
    padding-right: 25px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-0 {
    padding-bottom: 0 !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-5 {
    padding-bottom: 5px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-10 {
    padding-bottom: 10px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-15 {
    padding-bottom: 15px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-20 {
    padding-bottom: 20px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-25 {
    padding-bottom: 25px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-30 {
    padding-bottom: 30px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-35 {
    padding-bottom: 35px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-40 {
    padding-bottom: 40px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-45 {
    padding-bottom: 45px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-50 {
    padding-bottom: 50px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-0 {
    padding-top: 0 !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-5 {
    padding-top: 5px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-10 {
    padding-top: 10px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-15 {
    padding-top: 15px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-20 {
    padding-top: 20px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-25 {
    padding-top: 25px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-30 {
    padding-top: 30px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-35 {
    padding-top: 35px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-40 {
    padding-top: 40px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-45 {
    padding-top: 45px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-50 {
    padding-top: 50px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-60 {
    padding-bottom: 60px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-70 {
    padding-bottom: 70px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-80 {
    padding-bottom: 80px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-90 {
    padding-bottom: 90px !important
  }
}

@media screen and (max-width:576px) {
  .pb-xs-100 {
    padding-bottom: 100px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-60 {
    padding-top: 60px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-70 {
    padding-top: 70px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-80 {
    padding-top: 80px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-90 {
    padding-top: 90px !important
  }
}

@media screen and (max-width:576px) {
  .pt-xs-100 {
    padding-top: 100px !important
  }
}

@media screen and (max-width:576px) {
  .ml-xs-0 {
    margin-left: 0 !important
  }
}

@media screen and (max-width:576px) {
  .ml-xs-5 {
    margin-left: 5px !important
  }
}

@media screen and (max-width:576px) {
  .ml-xs-10 {
    margin-left: 10px !important
  }
}

@media screen and (max-width:576px) {
  .ml-xs-15 {
    margin-left: 15px !important
  }
}

@media screen and (max-width:576px) {
  .ml-xs-20 {
    margin-left: 20px !important
  }
}

@media screen and (max-width:576px) {
  .ml-xs-25 {
    margin-left: 25px !important
  }
}

@media screen and (max-width:576px) {
  .mr-xs-0 {
    margin-right: 0 !important
  }
}

@media screen and (max-width:576px) {
  .mr-xs-5 {
    margin-right: 5px !important
  }
}

@media screen and (max-width:576px) {
  .mr-xs-10 {
    margin-right: 10px !important
  }
}

@media screen and (max-width:576px) {
  .mr-xs-15 {
    margin-right: 15px !important
  }
}

@media screen and (max-width:576px) {
  .mr-xs-20 {
    margin-right: 20px !important
  }
}

@media screen and (max-width:576px) {
  .mr-xs-25 {
    margin-right: 25px !important
  }
}

@media screen and (max-width:576px) {
  .mb-xs-0 {
    margin-bottom: 0 !important
  }
}

@media screen and (max-width:576px) {
  .mb-xs-5 {
    margin-bottom: 5px !important
  }
}

@media screen and (max-width:576px) {
  .mb-xs-10 {
    margin-bottom: 10px !important
  }
}

@media screen and (max-width:576px) {
  .mb-xs-15 {
    margin-bottom: 15px !important
  }
}

@media screen and (max-width:576px) {
  .mb-xs-20 {
    margin-bottom: 20px !important
  }
}

@media screen and (max-width:576px) {
  .mb-xs-25 {
    margin-bottom: 25px !important
  }
}

@media screen and (max-width:540px) {
  .mt-xs-0 {
    margin-top: 0 !important
  }
}

@media screen and (max-width:540px) {
  .mt-xs-5 {
    margin-top: 5px !important
  }
}

@media screen and (max-width:540px) {
  .mt-xs-10 {
    margin-top: 10px !important
  }
}

@media screen and (max-width:540px) {
  .mt-xs-15 {
    margin-top: 15px !important
  }
}

@media screen and (max-width:540px) {
  .mt-xs-20 {
    margin-top: 20px !important
  }
}

@media screen and (max-width:540px) {
  .mt-xs-25 {
    margin-top: 25px !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-0 {
    margin-left: 0 !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-5 {
    margin-left: 5px !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-10 {
    margin-left: 10px !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-15 {
    margin-left: 15px !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-20 {
    margin-left: 20px !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-25 {
    margin-left: 25px !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-30 {
    margin-left: 30px !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-35 {
    margin-left: 35px !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-40 {
    margin-left: 40px !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-45 {
    margin-left: 45px !important
  }
}

@media screen and (min-width:1230px) {
  .ml-xl-50 {
    margin-left: 50px !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-0 {
    margin-right: 0 !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-5 {
    margin-right: 5px !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-10 {
    margin-right: 10px !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-15 {
    margin-right: 15px !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-20 {
    margin-right: 20px !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-25 {
    margin-right: 25px !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-30 {
    margin-right: 30px !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-35 {
    margin-right: 35px !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-40 {
    margin-right: 40px !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-45 {
    margin-right: 45px !important
  }
}

@media screen and (min-width:1230px) {
  .mr-xl-50 {
    margin-right: 50px !important
  }
}

@media screen and (max-width:540px) {
  .ml-xs-auto {
    margin-left: auto !important
  }
}

@media screen and (max-width:540px) {
  .mr-xs-auto {
    margin-right: auto !important
  }
}

@media screen and (max-width:540px) {
  .mx-xs-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }
}

@media screen and (min-width:991px) {
  .pl-xl-110 {
    padding-left: 110px
  }
}

@media screen and (min-width:991px) {
  .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-260 {
  padding-bottom: 250px
}

.pb-250 {
  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 {
  padding-left: 90px
}

.pl-95 {
  padding-left: 90px
}

@media screen and (min-width:992px) {
  .pl-lg-100 {
    padding-left: 100px
  }
}

@media screen and (min-width:992px) {
  .pr-lg-100 {
    padding-right: 100px
  }
}

.mb--30 {
  margin-bottom: -30px
}

#toTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  font-size: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  color: #fff;
  background: #2775ff;
  border-radius: 50%;
  overflow: hidden;
  text-decoration: none;
  z-index: 1200;
  visibility: visible;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: \transform .3s ease;
  display: none
}

@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 {
  color: #fff;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  text-decoration: none
}

.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 {
  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 {
  display: block;
  width: 100%;
  height: 7px;
  background-image: url(../../img/wave-line-2.png);
  background-repeat: repeat-x;
  background-color: transparent;
  border: 0
}

.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:before,
.brk-rating__layer:after {
  content: " ";
  display: table
}

.brk-rating__layer:after {
  clear: both
}

.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:before,
.brk-rating__imposition:after {
  content: " ";
  display: table
}

.brk-rating__imposition:after {
  clear: both
}

.brk-rating__imposition .visible {
  width: 89px;
  height: 15px
}

.brk-rating__imposition i {
  display: inline-block;
  float: left;
  font-size: .875rem;
  margin: 0 1px
}

.center-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -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
}

@-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
  }
}

.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-right-center {
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain
}

.brk-bg-left-center {
  background-position: left center;
  background-repeat: no-repeat;
  background-size: contain
}

.brk-gutters-5 {
  margin-right: -5px;
  margin-left: -5px
}

.brk-gutters-5>[class*=col-]:not(.vc_column_container),
.brk-gutters-5>.vc_column_container>.vc_column-inner {
  padding-left: 5px;
  padding-right: 5px
}

.brk-gutters-10 {
  margin-right: -10px;
  margin-left: -10px
}

.brk-gutters-10>[class*=col-]:not(.vc_column_container),
.brk-gutters-10>.vc_column_container>.vc_column-inner {
  padding-left: 10px;
  padding-right: 10px
}

.brk-gutters-30 {
  margin-right: -30px;
  margin-left: -30px
}

.brk-gutters-30>[class*=col-]:not(.vc_column_container),
.brk-gutters-30>.vc_column_container>.vc_column-inner {
  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 {
  position: relative
}

.brk-subscribe [type=email] {
  border-radius: 27px;
  padding: 0 33px;
  font-size: .875rem;
  border: 0
}

.brk-subscribe button,
.brk-subscribe [type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  width: 54px;
  height: 54px;
  border-radius: 50%
}

[dir=rtl] .brk-subscribe button,
[dir=rtl] .brk-subscribe [type=submit] {
  right: auto;
  left: 0
}

.brk-subscribe button i,
.brk-subscribe [type=submit] i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1rem;
  font-weight: 400;
  vertical-align: 0
}

.brk-subscribe-map [type=email] {
  background-color: #fff;
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  color: #0f5ae0;
  padding: 16px 33px;
  width: 100%
}

.brk-subscribe-map [type=email]::-webkit-input-placeholder {
  color: #0f5ae0;
  opacity: 1
}

.brk-subscribe-map [type=email]::-ms-input-placeholder {
  color: #0f5ae0;
  opacity: 1
}

.brk-subscribe-map [type=email]:-ms-input-placeholder {
  color: #0f5ae0;
  opacity: 1
}

.brk-subscribe-map [type=email]::placeholder {
  color: #0f5ae0;
  opacity: 1
}

.brk-subscribe-map button {
  background-color: #fff;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .3)
}

.brk-subscribe-map [type=submit] {
  background-color: #fff;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .3)
}

.brk-subscribe-map button i {
  color: #2775ff
}

.brk-subscribe-map [type=submit] i {
  color: #2775ff
}

.brk-subscribe-solid .brk-form-wrap {
  margin-top: 0;
  -webkit-flex-grow: 1;
  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=text],
.brk-subscribe-solid .brk-form-strict [type=password],
.brk-subscribe-solid .brk-form-strict [type=email],
.brk-subscribe-solid .brk-form-strict [type=tel] {
  border: 1px solid rgba(255, 255, 255, .2) !important;
  color: #fff !important
}

.brk-subscribe-solid .brk-form-strict [type=text]+.input-label,
.brk-subscribe-solid .brk-form-strict [type=password]+.input-label,
.brk-subscribe-solid .brk-form-strict [type=email]+.input-label,
.brk-subscribe-solid .brk-form-strict [type=tel]+.input-label {
  color: #fff !important
}

.brk-subscribe-mail {
  position: relative
}

.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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: 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%;
  -webkit-transform: translate(-52%, -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(39, 117, 255, .88) 0%, rgba(114, 2, 187, .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(39, 117, 255, .5);
  color: #2775ff
}

.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 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.brk-abs-bg-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.brk-abs-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-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
  }
}

@media screen and (min-width:576px) {
  .position-sm-relative {
    position: relative !important
  }
}

@media screen and (min-width:576px) {
  .position-sm-static {
    position: static !important
  }
}

@media screen and (min-width:768px) {
  .position-md-absolute {
    position: absolute !important
  }
}

@media screen and (min-width:768px) {
  .position-md-relative {
    position: relative !important
  }
}

@media screen and (min-width:768px) {
  .position-md-static {
    position: static !important
  }
}

@media screen and (min-width:992px) {
  .position-lg-absolute {
    position: absolute !important
  }
}

@media screen and (min-width:992px) {
  .position-lg-relative {
    position: relative !important
  }
}

@media screen and (min-width:992px) {
  .position-lg-static {
    position: static !important
  }
}

@media screen and (min-width:1200px) {
  .position-xl-absolute {
    position: absolute !important
  }
}

@media screen and (min-width:1200px) {
  .position-xl-relative {
    position: relative !important
  }
}

@media screen and (min-width:1200px) {
  .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-before-element,
.brk-after-element {
  position: absolute;
  left: 0;
  right: 0
}

.brk-before-element svg,
.brk-after-element svg {
  max-width: 100%
}

.brk-before-element-svg,
.brk-after-element-svg {
  position: absolute;
  left: 0;
  right: 0;
  max-width: 100%
}

.brk-before-element_bevel-right,
.brk-after-element_bevel-right {
  overflow: hidden;
  height: 80px;
  background: #fff
}

@media (max-width:991px) {

  .brk-before-element_bevel-right,
  .brk-after-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-background-clip: text;
  -webkit-text-fill-color: transparent
}

.brk-text-clip {
  -webkit-background-clip: text
}

.parallax-bg {
  position: relative;
  background-attachment: fixed;
  background-size: cover;
  will-change: background-position;
  -webkit-transform: translateZ(0);
  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 {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.brk-line-bottom-2 {
  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;
  position: relative;
  display: block
}

blockquote:before {
  content: '\201d';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 2.25rem;
  line-height: 1.25;
  font-weight: 700;
  color: #2775ff
}

q:before {
  content: '\201d';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 2.25rem;
  line-height: 1.25;
  font-weight: 700;
  color: #2775ff
}

/* table {
  border-collapse: collapse;
  width: 100%;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .12)
} 

@media (max-width:767px) {
  table {
    box-shadow: none
  }
}

table thead {
  box-shadow: 0 5px 10px rgba(0, 0, 0, .06), inset 0 -3px #fafafa;
  font-weight: 700;
  font-size: 1rem;
  line-height: 18px;
  position: relative;
  z-index: 9
}

@media (max-width:767px) {
  table thead {
    display: none
  }
}

table th {
  padding-top: 25px;
  padding-bottom: 25px;
  position: relative
}

table tbody {
  font-weight: 300;
  font-size: 1rem;
  line-height: 18px
}

@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
}

table th,
table td {
  text-align: center;
  padding-right: 15px;
  padding-left: 15px
}

@media (max-width:767px) {

  table th,
  table td {
    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 {
  color: #2775ff;
  text-decoration: none
}

h1 a:hover {
  color: #2775ff;
  text-decoration: none
}

h2 a:focus {
  color: #2775ff;
  text-decoration: none
}

h2 a:hover {
  color: #2775ff;
  text-decoration: none
}

h3 a:focus {
  color: #2775ff;
  text-decoration: none
}

h3 a:hover {
  color: #2775ff;
  text-decoration: none
}

h4 a:focus {
  color: #2775ff;
  text-decoration: none
}

h4 a:hover {
  color: #2775ff;
  text-decoration: none
}

h5 a:focus {
  color: #2775ff;
  text-decoration: none
}

h5 a:hover {
  color: #2775ff;
  text-decoration: none
}

h6 a:focus {
  color: #2775ff;
  text-decoration: none
}

h6 a:hover {
  color: #2775ff;
  text-decoration: none
}

.h1 a:focus {
  color: #2775ff;
  text-decoration: none
}

.h1 a:hover {
  color: #2775ff;
  text-decoration: none
}

.h2 a:focus {
  color: #2775ff;
  text-decoration: none
}

.h2 a:hover {
  color: #2775ff;
  text-decoration: none
}

.h3 a:focus {
  color: #2775ff;
  text-decoration: none
}

.h3 a:hover {
  color: #2775ff;
  text-decoration: none
}

.h4 a:focus {
  color: #2775ff;
  text-decoration: none
}

.h4 a:hover {
  color: #2775ff;
  text-decoration: none
}

.h5 a:focus {
  color: #2775ff;
  text-decoration: none
}

.h5 a:hover {
  color: #2775ff;
  text-decoration: none
}

.h6 a:focus {
  color: #2775ff;
  text-decoration: none
}

.h6 a:hover {
  color: #2775ff;
  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,
.h4 {
  font-size: 24px;
  line-height: 1.1
}

h5,
.h5 {
  font-size: 18px;
  line-height: 1.1
}

h6,
.h6 {
  font-size: 15px;
  line-height: 1.1
}

.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
}

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

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

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

  to {
    -webkit-transform: translate(0, 0) scale(1) rotate(0);
    transform: translate(0, 0) scale(1) rotate(0)
  }
}

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

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

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

  to {
    -webkit-transform: translate(0, 0) scale(1) rotate(0);
    transform: translate(0, 0) scale(1) rotate(0)
  }
}

.badge:not(a).badge-primary {
  background: linear-gradient(to right, #00c6ff, #00f6ff);
  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;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  height: 100vh;
  z-index: 100;
  transition: all .3s ease-in-out;
  border-top: 3px solid #2775ff;
  box-shadow: 0 6px 30px 0 rgba(0, 0, 0, .12)
}

[dir=rtl] .brk-theme-options {
  right: auto;
  left: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.brk-theme-options.active {
  -webkit-transform: translateX(0);
  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
  }
}

.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:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  background-color: #2775ff;
  transition: width .3s
}

.brk-theme-options__close:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  background-color: #2775ff;
  transition: width .3s
}

.brk-theme-options__close:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.brk-theme-options__close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

[dir=rtl] .brk-theme-options__close {
  right: auto;
  left: 0
}

.brk-theme-options__close:hover:before,
.brk-theme-options__close:hover:after {
  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 {
  height: 120px;
  transition: all .3s ease-in-out
}

.brk-theme-options__check_120:hover {
  -webkit-transform: translateY(-7px) scale(1.03);
  transform: translateY(-7px) scale(1.03);
  box-shadow: 0 6px 15px 0 rgba(50, 50, 50, .3)
}

.brk-theme-options__check_60 {
  height: 60px;
  transition: all .3s ease-in-out
}

.brk-theme-options__check_60:hover {
  -webkit-transform: translateY(-5px) scale(1.03);
  transform: translateY(-5px) scale(1.03);
  box-shadow: 0 6px 15px 0 rgba(50, 50, 50, .3)
}

.brk-theme-options__check_45 {
  height: 45px
}

.brk-theme-options__check-title {
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: .875rem
}

.brk-theme-options__more {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  color: #2775ff;
  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 #2775ff
}

.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(39, 117, 255, .9);
  display: none;
  z-index: 1
}

.brk-theme-options__check_active .brk-theme-options__before {
  display: block
}

.brk-theme-options__before i {
  position: absolute;
  vertical-align: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.brk-theme-options__color {
  padding: 10px 0
}

.brk-theme-options__color-row {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  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
}

.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: #8d8d8d
}

.brk-theme-options__color-radio i {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: .875rem;
  vertical-align: 0
}

.brk-theme-options__color-radio:hover span {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.brk-theme-options__color-radio.checked 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 .before {
  -webkit-transform: translate(-50%, -50%) rotate(0) !important;
  transform: translate(-50%, -50%) rotate(0) !important
}

.brk-theme-options .accordion-slider-min .card-toggle-icon .after {
  -webkit-transform: translate(-50%, -50%) rotate(0) !important;
  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 {
  -webkit-transform: translate(-50%, -50%) rotate(90deg) !important;
  transform: translate(-50%, -50%) rotate(90deg) !important
}

.brk-theme-options .accordion-slider-min .card-header:not(.collapsed) .after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg) !important;
  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 h1,
.accordion .card h2,
.accordion .card h3,
.accordion .card h4 {
  color: #272727
}

.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 {
  margin-bottom: 0
}

.accordion .card p {
  color: #9f9f9f
}

.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 h4 {
  color: #fff
}

.accordion .card-block.all-light p {
  color: rgba(255, 255, 255, .6)
}

.accordion .arrow {
  width: 9px;
  height: 9px;
  display: block;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  border-right: 2px solid #2775ff;
  border-bottom: 2px solid #2775ff;
  transition: -webkit-transform ease-in-out .25s;
  transition: transform ease-in-out .25s;
  transition: transform ease-in-out .25s, -webkit-transform ease-in-out .25s;
  position: absolute;
  top: 50%;
  left: 50%
}

.accordion .expanded .arrow {
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
  transform: translate(-50%, -50%) rotate(-135deg)
}

.accordion-rounded {
  border-radius: 20px
}

.brk-bordered-theme .accordion-rounded {
  border-radius: inherit
}

.accordion-rounded .card:first-child {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px
}

.brk-bordered-theme .accordion-rounded .card:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.accordion-rounded .card:first-child .card-header {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px
}

.brk-bordered-theme .accordion-rounded .card:first-child .card-header {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.accordion-rounded .card:last-child {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px
}

.brk-bordered-theme .accordion-rounded .card:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit
}

.accordion-rounded .card:last-child .card-block {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px
}

.brk-bordered-theme .accordion-rounded .card:last-child .card-block {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit
}

@media (min-width:992px) {
  .accordion-slider .slider-wrapper {
    padding: 0 1px 0 38px
  }
}

@media (min-width:992px) {
  .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 .before {
  content: '';
  width: 13px;
  height: 2px;
  background-color: #2775ff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  transition: -webkit-transform ease-in-out .2s;
  transition: transform ease-in-out .2s;
  transition: transform ease-in-out .2s, -webkit-transform ease-in-out .2s
}

.accordion-slider .card-toggle-icon .after {
  content: '';
  width: 13px;
  height: 2px;
  background-color: #2775ff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  transition: -webkit-transform ease-in-out .2s;
  transition: transform ease-in-out .2s;
  transition: transform ease-in-out .2s, -webkit-transform ease-in-out .2s
}

.accordion-slider .card-toggle-icon .before {
  height: 13px;
  width: 2px
}

.accordion-slider .card-toggle-icon:not(.collapsed) .before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

.accordion-slider .card-toggle-icon:not(.collapsed) .after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  transform: translate(-50%, -50%) rotate(180deg)
}

.accordion-slider .card-toggle-icon-title i {
  font-weight: 300;
  font-size: 16px
}

.accordion-slider .card-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-slider .card-header h5 i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-top: -1px
}

[dir=rtl] .accordion-slider .card-header h5 i {
  left: auto;
  right: 0
}

.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-slider .card.card:first-of-type .card-header {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden
}

.brk-bordered-theme .accordion-slider .card.card:last-of-type .card-header {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  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: inherit;
  border-bottom-right-radius: inherit
}

.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-header h5 i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-top: -1px
}

[dir=rtl] .accordion-image .card-header h5 i {
  left: auto;
  right: 0
}

.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
}

.brk-bordered-theme .accordion-simple .card:first-of-type .card-header {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  overflow: hidden
}

.brk-bordered-theme .accordion-simple .card:last-of-type .card-header {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  overflow: hidden
}

.accordion-simple-image .expanded .card-header {
  border-top-color: transparent
}

.accordion-simple-image .card+.card {
  margin-top: 0
}

.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+.card.expanded .card-header {
  border-top: 1px solid #e9e9e9
}

.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-rainbow .card-header a {
  color: #fff
}

.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: inherit;
  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%;
  -webkit-transform: translate(-50%, -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 .before {
  content: '';
  width: 13px;
  height: 2px;
  background: #2775ff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  transition: -webkit-transform ease-in-out .2s;
  transition: transform ease-in-out .2s;
  transition: transform ease-in-out .2s, -webkit-transform ease-in-out .2s
}

.accordion-slider-min .card-toggle-icon .after {
  content: '';
  width: 13px;
  height: 2px;
  background: #2775ff;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0);
  transform: translate(-50%, -50%) rotate(0);
  transition: -webkit-transform ease-in-out .2s;
  transition: transform ease-in-out .2s;
  transition: transform ease-in-out .2s, -webkit-transform ease-in-out .2s
}

.accordion-slider-min .card-toggle-icon .before {
  height: 13px;
  width: 2px
}

.accordion-slider-min .card-toggle-icon:not(.collapsed) .before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

.accordion-slider-min .card-toggle-icon:not(.collapsed) .after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg);
  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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  height: 65px
}

.accordion-slider-min .card-header h5 {
  position: relative
}

.accordion-slider-min .card-header h5 i {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin-top: -1px
}

.accordion-slider-min .card-block {
  padding: 30px 30px 40px
}

.brk-tabs .brk-tabs-content {
  position: relative
}

.brk-tabs .brk-tab-item {
  display: none
}

.brk-tabs-simple-top .brk-tabs-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  border-bottom: 3px solid #f3f3f3
}

@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(39, 117, 255, .94), rgba(116, 0, 186, .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: #2775ff
}

@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;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    transition: all .3s ease-in-out;
    background-image: linear-gradient(to right, rgba(39, 117, 255, .94), rgba(116, 0, 186, .94))
  }
}

@media (max-width:575px) {
  .brk-tabs-simple-top .brk-tab {
    height: auto;
    line-height: 38px;
    padding: 5px 22px;
    font-size: .8125rem;
    width: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    border-bottom: 3px solid #f3f3f3
  }
}

.brk-tabs-simple-top .brk-tab.active:before,
.brk-tabs-simple-top .brk-tab:hover:before {
  width: 100%
}

.brk-tabs-simple-top .brk-tab span {
  margin-left: 12px
}

.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-top .brk-tab-item.active {
  display: block
}

.brk-tabs-simple-bottom {
  position: relative;
  padding-bottom: 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.brk-tabs-simple-bottom .brk-tabs-nav {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-order: 2;
  order: 2;
  position: relative;
  border-top: 3px solid #f3f3f3
}

@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(39, 117, 255, .94), rgba(116, 0, 186, .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: #2775ff
}

@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;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 3px;
    transition: all .3s ease-in-out;
    background-image: linear-gradient(to right, rgba(39, 117, 255, .94), rgba(116, 0, 186, .94))
  }
}

@media (max-width:575px) {
  .brk-tabs-simple-bottom .brk-tab {
    height: auto;
    line-height: 38px;
    padding: 5px 22px;
    font-size: .8125rem;
    width: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    border-top: 3px solid #f3f3f3
  }
}

.brk-tabs-simple-bottom .brk-tab.active:before,
.brk-tabs-simple-bottom .brk-tab:hover:before {
  width: 100%
}

.brk-tabs-simple-bottom .brk-tab span {
  margin-left: 12px
}

.brk-tabs-simple-bottom .brk-tab i {
  vertical-align: 0;
  font-weight: 400
}

.brk-tabs-simple-bottom .brk-tabs-content {
  padding: 0 0 20px;
  -webkit-order: 1;
  order: 1
}

.brk-tabs-simple-bottom .brk-tab-item {
  text-align: left
}

.brk-tabs-simple-bottom .brk-tab-item span {
  display: inline-block
}

.brk-tabs-simple-bottom .brk-tab-item.active {
  display: block
}

.brk-tabs-side-left {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.brk-tabs-side-left .brk-tabs-nav {
  -webkit-flex-basis: 270px;
  flex-basis: 270px;
  width: 270px
}

@media (max-width:991px) {
  .brk-tabs-side-left .brk-tabs-nav {
    -webkit-flex-basis: 52px;
    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: #2775ff
}

@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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 0;
  transition: all .3s ease-in-out;
  background-image: linear-gradient(to bottom, rgba(39, 117, 255, .94), rgba(116, 0, 186, .94))
}

.brk-tabs-side-left .brk-tab.active {
  background-color: #f3f3f3
}

.brk-tabs-side-left .brk-tab:hover {
  background-color: #f3f3f3
}

.brk-tabs-side-left .brk-tab.active .after,
.brk-tabs-side-left .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
  }
}

.brk-tabs-side-left .brk-tab i {
  vertical-align: 0;
  font-weight: 400
}

@media (max-width:991px) {
  .brk-tabs-side-left .brk-tab i {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.brk-tabs-side-left .brk-tabs-content {
  -webkit-flex-basis: calc(100% - 300px);
  flex-basis: calc(100% - 300px);
  width: calc(100% - 300px)
}

@media (max-width:991px) {
  .brk-tabs-side-left .brk-tabs-content {
    -webkit-flex-basis: calc(100% - 72px);
    flex-basis: calc(100% - 72px);
    width: calc(100% - 72px)
  }
}

.brk-tabs-side-left .brk-tab-item span {
  display: inline-block
}

.brk-tabs-side-left .brk-tab-item.active {
  display: block
}

.brk-tabs-side-right {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.brk-tabs-side-right .brk-tabs-nav {
  -webkit-flex-basis: 270px;
  flex-basis: 270px;
  width: 270px;
  -webkit-order: 2;
  order: 2
}

@media (max-width:991px) {
  .brk-tabs-side-right .brk-tabs-nav {
    -webkit-flex-basis: 52px;
    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: #2775ff
}

@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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 3px;
  height: 0;
  transition: all .3s ease-in-out;
  background-image: linear-gradient(to bottom, rgba(39, 117, 255, .94), rgba(116, 0, 186, .94))
}

.brk-tabs-side-right .brk-tab.active {
  background-color: #f3f3f3
}

.brk-tabs-side-right .brk-tab:hover {
  background-color: #f3f3f3
}

.brk-tabs-side-right .brk-tab.active .after,
.brk-tabs-side-right .brk-tab:hover .after {
  height: 100%
}

.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%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
  }
}

.brk-tabs-side-right .brk-tabs-content {
  -webkit-flex-basis: calc(100% - 300px);
  flex-basis: calc(100% - 300px);
  width: calc(100% - 300px);
  -webkit-order: 1;
  order: 1
}

@media (max-width:991px) {
  .brk-tabs-side-right .brk-tabs-content {
    -webkit-flex-basis: calc(100% - 72px);
    flex-basis: calc(100% - 72px);
    width: calc(100% - 72px)
  }
}

.brk-tabs-side-right .brk-tab-item span {
  display: inline-block
}

.brk-tabs-side-right .brk-tab-item.active {
  display: block
}

.brk-tabs-icon-left {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.brk-tabs-icon-left .brk-tabs-nav {
  -webkit-flex-basis: 60px;
  flex-basis: 60px;
  width: 60px;
  background-color: #f3f3f3
}

.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: #2775ff
}

.brk-tabs-icon-left .brk-tab.active {
  background-color: #2775ff
}

.brk-tabs-icon-left .brk-tab.active i {
  color: #fff
}

.brk-tabs-icon-left .brk-tab:hover {
  background-color: #2775ff
}

.brk-tabs-icon-left .brk-tab:hover span {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 1;
  visibility: visible
}

.brk-tabs-icon-left .brk-tab:hover i {
  color: #fff
}

.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;
  -webkit-transform: translate(-82px, -50%);
  transform: translate(-82px, -50%);
  transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: 9;
  background-color: #2775ff;
  color: #fff
}

@media (min-width:1400px) {
  .brk-tabs-icon-left .brk-tab span {
    right: 82px;
    left: auto;
    -webkit-transform: translate(82px, -50%);
    transform: translate(82px, -50%)
  }
}

.brk-tabs-icon-left .brk-tab span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -8px;
  right: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #2775ff
}

@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 #2775ff
  }
}

.brk-tabs-icon-left .brk-tab i {
  vertical-align: 0;
  font-weight: 400
}

.brk-tabs-icon-left .brk-tabs-content {
  -webkit-flex-basis: calc(100% - 90px);
  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 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.brk-tabs-icon-right .brk-tabs-nav {
  -webkit-flex-basis: 60px;
  flex-basis: 60px;
  width: 60px;
  -webkit-order: 2;
  order: 2;
  background-color: #f3f3f3
}

.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: #2775ff
}

.brk-tabs-icon-right .brk-tab.active {
  background-color: #2775ff
}

.brk-tabs-icon-right .brk-tab.active i {
  color: #fff
}

.brk-tabs-icon-right .brk-tab:hover {
  background-color: #2775ff
}

.brk-tabs-icon-right .brk-tab:hover i {
  color: #fff
}

.brk-tabs-icon-right .brk-tab:hover span {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  opacity: 1;
  visibility: visible
}

.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;
  -webkit-transform: translate(82px, -50%);
  transform: translate(82px, -50%);
  transition: all .3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  background-color: #2775ff;
  color: #fff
}

@media (min-width:1400px) {
  .brk-tabs-icon-right .brk-tab span {
    right: auto;
    left: 82px;
    -webkit-transform: translate(-82px, -50%);
    transform: translate(-82px, -50%)
  }
}

.brk-tabs-icon-right .brk-tab span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: auto;
  right: -8px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #2775ff
}

@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 #2775ff
  }
}

.brk-tabs-icon-right .brk-tab i {
  vertical-align: 0;
  font-weight: 400
}

.brk-tabs-icon-right .brk-tabs-content {
  -webkit-flex-basis: calc(100% - 90px);
  flex-basis: calc(100% - 90px);
  width: calc(100% - 90px);
  -webkit-order: 1;
  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: #fff
}

.brk-tabs-bottom-top .brk-tabs-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  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(39, 117, 255, .94), rgba(116, 0, 186, .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;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  cursor: pointer;
  font-size: 1rem;
  text-transform: uppercase;
  color: #2775ff;
  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%;
    -webkit-transform: translate(-50%, -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(39, 117, 255, .94), rgba(116, 0, 186, .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%;
    -webkit-flex-basis: 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 {
  color: #fff
}

.brk-tabs-bottom-top .brk-tab:hover {
  color: #fff
}

.brk-tabs-bottom-top .brk-tab.active:before,
.brk-tabs-bottom-top .brk-tab:hover:before {
  width: 100%;
  height: 100%
}

@media (min-width:992px) {
  .brk-tabs-bottom-top .brk-tab.no-hover {
    color: #2775ff
  }
}

.brk-tabs-bottom-top .brk-tab span {
  margin-left: 12px
}

.brk-tabs-bottom-top .brk-tab i {
  vertical-align: 0;
  font-weight: 400
}

.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: #fff;
  position: relative;
  padding-bottom: 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.brk-tabs-bottom-bottom .brk-tabs-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  position: relative;
  -webkit-order: 2;
  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(39, 117, 255, .94), rgba(116, 0, 186, .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;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  cursor: pointer;
  font-size: 1rem;
  text-transform: uppercase;
  z-index: 3;
  transition: all .2s ease-in-out;
  color: #2775ff;
  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%;
    -webkit-transform: translate(-50%, -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(39, 117, 255, .94), rgba(116, 0, 186, .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%;
    -webkit-flex-basis: 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 {
  color: #fff
}

.brk-tabs-bottom-bottom .brk-tab:hover {
  color: #fff
}

.brk-tabs-bottom-bottom .brk-tab.active:before,
.brk-tabs-bottom-bottom .brk-tab:hover:before {
  width: 100%;
  height: 100%
}

@media (min-width:992px) {
  .brk-tabs-bottom-bottom .brk-tab.no-hover {
    color: #2775ff
  }
}

.brk-tabs-bottom-bottom .brk-tab span {
  margin-left: 12px
}

.brk-tabs-bottom-bottom .brk-tab i {
  vertical-align: 0;
  font-weight: 400
}

.brk-tabs-bottom-bottom .brk-tabs-content {
  padding: 70px;
  -webkit-order: 1;
  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 {
  position: relative;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .12);
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.brk-tabs-parallax .brk-tabs-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
  z-index: 2;
  -webkit-order: 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(39, 117, 255, .94), rgba(116, 0, 186, .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;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  display: block;
  cursor: pointer;
  font-size: .9375rem;
  text-transform: uppercase;
  box-shadow: 0 -10px 14px rgba(0, 0, 0, .06);
  color: #2775ff;
  background-color: #fff
}

.brk-tabs-parallax .brk-tab_dark {
  color: #0f5ae0
}

@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(39, 117, 255, .94), rgba(116, 0, 186, .94))
  }
}

@media (max-width:575px) {
  .brk-tabs-parallax .brk-tab {
    height: 38px;
    line-height: 38px;
    padding: 0 22px;
    font-size: .8125rem;
    width: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%
  }
}

.brk-tabs-parallax .brk-tab.active:before,
.brk-tabs-parallax .brk-tab:hover:before {
  height: 3px
}

.brk-tabs-parallax .brk-tab span {
  margin-left: 12px
}

.brk-tabs-parallax .brk-tab i {
  vertical-align: 0;
  font-weight: 400
}

.brk-tabs-parallax .brk-tabs-content {
  position: relative;
  z-index: 1;
  -webkit-order: 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 {
  display: block
}

.brk-tabs-smooth {
  border-radius: 26px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .12);
  background-color: #fff
}

.brk-tabs-smooth .brk-tabs-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  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 #7400ba
}

@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(15, 90, 224, .92), rgba(116, 0, 186, .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(255, 255, 255, .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%;
  -webkit-transform: translateX(-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 #6e50c2;
  transition: all .3s ease-in-out
}

@media (max-width:991px) {
  .brk-tabs-smooth .brk-tab:after {
    display: none
  }
}

.brk-tabs-smooth .brk-tab.active {
  color: #fff
}

.brk-tabs-smooth .brk-tab:hover {
  color: #fff
}

.brk-tabs-smooth .brk-tab.active:after,
.brk-tabs-smooth .brk-tab:hover:after {
  opacity: 1
}

.brk-tabs-smooth .brk-tab span {
  display: block
}

.brk-tabs-smooth .brk-tab i {
  vertical-align: 0;
  font-weight: 400
}

.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-simple .brk-tabs-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  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: #2775ff;
  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;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all .3s ease-in-out;
  background-image: linear-gradient(to right, rgba(39, 117, 255, .94), rgba(116, 0, 186, .94))
}

.brk-tabs-simple .brk-tab.active {
  height: 76px;
  margin-top: 0;
  padding-top: 8px;
  z-index: 9;
  background-color: #fff
}

.brk-tabs-simple .brk-tab:hover {
  height: 76px;
  margin-top: 0;
  padding-top: 8px;
  z-index: 9;
  background-color: #fff
}

@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-tab i {
  vertical-align: 0;
  font-weight: 400
}

.brk-tabs-simple .brk-tabs-content {
  padding: 40px;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .12);
  background-color: #fff
}

@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;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  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:hover:before,
.brk-tabs-hovers_style-1 .brk-tab.current:before {
  opacity: 1
}

.brk-tabs-hovers_style-1 .brk-tab:hover i {
  color: #2775ff
}

.brk-tabs-hovers_style-1 .brk-tab.current i {
  color: #2775ff
}

.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 {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all .3s ease-in-out;
  background-color: #0b98f6
}

.brk-tabs-hovers_style-2 .brk-tab i {
  line-height: inherit;
  margin-right: 15px
}

[dir=rtl] .brk-tabs-hovers_style-2 .brk-tab i {
  margin-right: 0;
  margin-left: 15px
}

.brk-tabs-hovers_style-2 .brk-tab:hover,
.brk-tabs-hovers_style-2 .brk-tab.current {
  background-color: #f7f7f7
}

.brk-tabs-hovers_style-2 .brk-tab:hover:before,
.brk-tabs-hovers_style-2 .brk-tab.current: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 {
    -webkit-flex-basis: 260px !important;
    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:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  transition: all .3s ease-in-out;
  background-color: #0b98f6
}

.brk-tabs-hovers_style-3 .brk-tab i {
  line-height: inherit;
  margin-right: 15px
}

[dir=rtl] .brk-tabs-hovers_style-3 .brk-tab i {
  margin-right: 0;
  margin-left: 15px
}

.brk-tabs-hovers_style-3 .brk-tab:hover,
.brk-tabs-hovers_style-3 .brk-tab.current {
  background-color: #f7f7f7
}

.brk-tabs-hovers_style-3 .brk-tab:hover:before,
.brk-tabs-hovers_style-3 .brk-tab.current:before {
  width: 2px
}

@media (min-width:991px) {
  .brk-tabs-hovers_style-3 .brk-tabs-content {
    -webkit-flex-basis: calc(100% - 260px) !important;
    flex-basis: calc(100% - 260px) !important;
    width: calc(100% - 260px) !important
  }
}

.brk-tabs-hovers .brk-tabs-nav {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  width: 100%
}

@media (min-width:991px) {
  .brk-tabs-hovers .brk-tabs-nav {
    -webkit-flex-basis: 315px;
    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 {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  width: 100%
}

@media (min-width:991px) {
  .brk-tabs-hovers .brk-tabs-content {
    -webkit-flex-basis: calc(100% - 315px);
    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: -webkit-flex;
  display: flex
}

.brk-tabs-simple-smooth .brk-tabs-nav {
  min-width: 200px;
  -webkit-flex-shrink: 0;
  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 {
  color: #0f5ae0
}

.brk-tabs-simple-smooth .brk-tab:hover {
  color: #0f5ae0
}

.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 {
    -webkit-flex-direction: column;
    flex-direction: column
  }

  .brk-tabs-simple-smooth .brk-tabs-nav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .brk-tabs-simple-smooth .brk-tabs-content {
    margin-left: 0 !important
  }
}

.brk-tabs_canted .brk-tabs-nav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  border-bottom: 1px solid #ebebeb;
  padding: 0
}

@media screen and (max-width:768px) {
  .brk-tabs_canted .brk-tabs-nav {
    -webkit-flex-direction: column;
    flex-direction: column;
    border: 0
  }
}

.brk-tabs_canted .brk-tab {
  padding: 18px 50px 17px 50px;
  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:hover,
.brk-tabs_canted .brk-tab.active {
  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 50px
  }
}

.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;
  -webkit-transform: translateY(50%);
  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-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: #2775ff;
  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%;
    -webkit-justify-content: center;
    justify-content: center
  }
}

.brk-tabs_rounded .brk-tab i {
  margin-right: 10px;
  margin-top: -4px
}

.brk-tabs_rounded .brk-tab:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 25px;
  transition: .3s ease background-color;
  z-index: -1
}

.brk-tabs_rounded .brk-tab:hover {
  opacity: 1
}

.brk-tabs_rounded .brk-tab.active {
  opacity: 1;
  color: #fff;
  box-shadow: 0 5px 16px rgba(39, 117, 255, .5);
  z-index: 2
}

.brk-safari .brk-tabs_rounded .brk-tab.active {
  box-shadow: none
}

.brk-tabs_rounded .brk-tab.active:before {
  background-color: #2775ff
}

.brk-tabs_rounded .brk-tab-item {
  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;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}

.brk-tabs_rounded .brk-slider__prev,
.brk-tabs_rounded .brk-slider__next {
  padding: 5px 7px;
  cursor: pointer;
  margin-top: -4px
}

.brk-tabs_rounded .brk-slider__prev {
  -webkit-order: -1;
  order: -1;
  margin-right: -45px;
  z-index: 10
}

.brk-tabs_rounded .brk-slider__next {
  -webkit-order: 2;
  order: 2;
  margin-left: -45px;
  z-index: 10
}

.brk-tabs_rounded .slick-dots {
  position: relative;
  -webkit-transform: none;
  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;
  z-index: 1;
  text-decoration: none;
  text-transform: uppercase;
  margin: 10px
}

.brk-bordered-theme .btn {
  border-radius: inherit
}

.btn-shadow {
  box-shadow: 0 5px 10px -2px #69adff !important
}

.btn-shadow-small {
  box-shadow: 0 5px 16px rgba(39, 117, 255, .5)
}

.brk-safari .btn-shadow-small {
  box-shadow: 0 5px 16px #0b98f6
}

.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;
  font-size: 13px
}

.btn-sm i.icon-inside {
  font-size: 13px
}

.btn-sm.btn-inside-out>.before {
  padding-top: 4px
}

.btn-sm.btn-simple {
  min-width: 130px
}

.btn-sm-1 {
  padding: 8px 26px;
  font-size: 13px
}

.btn-sm-1 i.icon-inside {
  font-size: 13px
}

.btn-sm-1.btn-inside-out>.before {
  padding-top: 8px
}

.btn-sm-1.btn-simple {
  min-width: 130px
}

.btn-sm-2 {
  padding: 7px 22px;
  font-size: 14px
}

.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;
  font-size: 14px
}

.btn-md i.icon-inside {
  font-size: 14px
}

.btn-md.btn-inside-out>.before {
  padding-top: 10px
}

.btn-md-1 {
  padding: 10px 33px;
  letter-spacing: 3.5px;
  min-height: 44px;
  font-size: 14px
}

.btn-md-1 i.icon-inside {
  font-size: 14px
}

.btn-md-1.btn-inside-out>.before {
  padding-top: 10px
}

.btn-md-2 {
  padding: 10px 33px;
  font-size: 16px
}

.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 {
  font-size: 12px
}

.btn-md-4 i.icon-inside {
  font-size: 12px
}

.btn-md-5 {
  font-size: 10px;
  padding: 12px 33px
}

.btn-md-5 i {
  font-size: 14px
}

.btn-lg {
  padding: 15px 5px;
  font-size: 16px
}

.btn-lg i.icon-inside {
  font-size: 16px
}

.btn-lg.btn-inside-out>.before {
  padding-top: 15px
}

.btn-lg-1 {
  padding: 13px 33px;
  font-size: 12px
}

.btn-lg-1 i.icon-inside {
  font-size: 12px
}

.btn-lg-1.btn-inside-out>.before {
  padding-top: 13px
}

.btn-xl {
  padding: 17px 42px;
  font-size: 19px
}

.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: 30px
}

.border-radius-30.btn-prime .border-btn {
  border-radius: 30px
}

.border-radius-25 {
  border-radius: 25px
}

.border-radius-25.btn-prime .border-btn {
  border-radius: 25px
}

.border-radius-10 {
  border-radius: 10px
}

.border-radius-10.btn-prime .border-btn {
  border-radius: 10px
}

.border-radius-5 {
  border-radius: 5px
}

.border-radius-5.btn-prime .border-btn {
  border-radius: 5px
}

.border-radius-0 {
  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 {
  border-radius: inherit
}

.brk-bordered-theme .btn.btn-prime .border-btn {
  border-radius: inherit
}

.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:before,
.btn-icon:after {
  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%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.btn-icon-right:before,
.btn-icon-right:after {
  padding-left: 0
}

.btn.btn-icon-abs [class*=fa-] {
  position: absolute;
  top: 50%;
  left: -16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 48px;
  color: #e0e0ff;
  opacity: .3;
  z-index: 1
}

.btn-simple {
  font-size: 24px;
  position: relative;
  background: #fff;
  color: #2775ff;
  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: #2775ff
}

.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: #2775ff !important
}

.btn-simple.btn-circle>.before,
.btn-simple.btn-circle>.after {
  display: none
}

.btn-simple.btn-circle:hover {
  background: #e8ecff !important
}

.btn-simple.btn-circle:hover .text {
  color: #2775ff !important
}

.btn-simple.btn-circle i.icon-inside {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -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 {
  background: #272727 !important
}

.btn-inside-out_dark:hover {
  background: #e8ecff !important;
  color: #272727 !important
}

.btn-inside-out_dark:hover i {
  color: #272727 !important
}

.btn-inside-out_dark>.before,
.btn-inside-out_dark>.after {
  background: #272727 !important
}

.btn-inside-out_text-dark {
  color: #272727 !important
}

.btn-inside-out_text-dark.btn-inside-out-invert.btn-icon [class*=fa-]:before {
  color: #272727
}

.btn-inside-out_text-dark>.before,
.btn-inside-out_text-dark>.after {
  color: #272727 !important
}

.btn-inside-out_blue {
  background: #000243 !important
}

.btn-inside-out_blue:hover {
  background-color: #69adff !important;
  color: #fff
}

.btn-inside-out_blue>.before,
.btn-inside-out_blue>.after {
  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~.before,
.btn-inside-out .icon-inside~.after {
  padding-left: 24px
}

[dir=rtl] .btn-inside-out .icon-inside~.before,
[dir=rtl] .btn-inside-out .icon-inside~.after {
  padding-left: 0;
  padding-right: 24px
}

.btn-inside-out.btn-icon-right .icon-inside~.before,
.btn-inside-out.btn-icon-right .icon-inside~.after,
.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~.before,
[dir=rtl] .btn-inside-out.btn-icon-right .icon-inside~.after,
[dir=rtl] .btn-inside-out.btn-icon-right .icon-inside~.text {
  padding-left: 20px;
  padding-right: 0
}

.btn-inside-out>.before {
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  overflow: hidden;
  background: #2775ff;
  color: #fff;
  transition: \transform .3s
}

.btn-inside-out>.after {
  position: absolute;
  width: 100%;
  height: 50%;
  left: 0;
  overflow: hidden;
  background: #2775ff;
  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;
  -webkit-transform: scale(.1);
  transform: scale(.1);
  will-change: transform;
  opacity: 0;
  color: #fff;
  transition: \transform .3s, opacity .3s
}

.btn-inside-out:hover {
  background: #69adff;
  transition: background .4s;
  transition-delay: 0s;
  color: #fff;
  box-shadow: 0 5px 10px -2px #69adff
}

.btn-inside-out:hover>.before {
  -webkit-transform: translateY(-105%);
  transform: translateY(-105%)
}

.btn-inside-out:hover>.after {
  -webkit-transform: translateY(105%);
  transform: translateY(105%)
}

.btn-inside-out:hover>span.text {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.btn-inside-out:hover.btn-shadow {
  box-shadow: 0 5px 10px -2px rgba(105, 173, 255, .8) !important
}

.btn-inside-out:hover.btn-shadow-small {
  box-shadow: 0 5px 16px rgba(105, 173, 255, .8) !important
}

.btn-inside-out:hover.btn-dark-shadow {
  box-shadow: 0 5px 10px -2px rgba(105, 173, 255, .8) !important
}

.btn-inside-out:hover.btn-dark-shadow-small {
  box-shadow: 0 5px 16px rgba(105, 173, 255, .8) !important
}

.btn-inside-out-invert {
  border: 0;
  box-shadow: 0 5px 16px rgba(0, 0, 0, .15)
}

.btn-inside-out-invert>.before {
  background: #fff;
  color: #2775ff
}

.btn-inside-out-invert>.after {
  background: #fff;
  color: #2775ff
}

.btn-inside-out-invert:hover.btn-icon [class*=fa-]:before,
.btn-inside-out-invert:hover span.text {
  color: #fff
}

.btn-inside-out-invert span.text {
  color: #2775ff
}

.btn-inside-out-invert.btn-icon [class*=fa-]:before {
  color: #2775ff
}

.btn-inside-out-invert-light {
  border: 0;
  box-shadow: 0 5px 21px #69adff
}

.btn-inside-out-invert-light>.before {
  background: #fff;
  color: #2775ff
}

.btn-inside-out-invert-light>.after {
  background: #fff;
  color: #2775ff
}

.btn-inside-out-invert-light:hover {
  background-color: rgba(255, 255, 255, .9)
}

.btn-inside-out-invert-light:hover.btn-icon [class*=fa-]:before {
  color: #2775ff
}

.btn-inside-out-invert-light span.text {
  color: #2775ff
}

.btn-inside-out-invert-light.btn-icon [class*=fa-]:before {
  color: #2775ff
}

.btn-inside-out-light-hover:hover {
  background-color: #fff;
  color: #222
}

.btn-prime {
  color: #2775ff;
  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 #2775ff;
  z-index: -1
}

.btn-prime>.before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 0;
  background: #2775ff;
  transition: background .4s, height .4s;
  z-index: -1
}

.btn-prime>.after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0;
  background: #2775ff;
  transition: background .4s, height .4s;
  z-index: -1
}

.btn-prime:hover {
  color: #2775ff !important
}

.btn-prime:hover>.before {
  height: 50%;
  background: #e8ecff !important
}

.btn-prime:hover>.after {
  height: 50%;
  background: #e8ecff !important
}

.btn-prime-white>.before,
.btn-prime-white>.after {
  background: #fff
}

.btn-prime-white .border-btn {
  border-color: #fff
}

.btn-prime-white:hover {
  color: #2775ff !important
}

.btn-prime-white-transparent {
  background: 0 0;
  color: #fff
}

.btn-prime-white-transparent:hover>.before,
.btn-prime-white-transparent:hover>.after {
  background: #fff !important
}

.btn-prime-white-transparent .border-btn {
  border-color: #fff
}

.btn-prime-primary-transparent {
  background: 0 0;
  color: #fff
}

.btn-prime-primary-transparent:hover>.before,
.btn-prime-primary-transparent:hover>.after {
  background: #fff !important
}

.btn-prime-primary-transparent .border-btn {
  border-color: #2775ff
}

.btn-prime-primary-text-transparent {
  background: 0 0;
  color: #2775ff
}

.btn-prime-primary-text-transparent:hover>.before,
.btn-prime-primary-text-transparent:hover>.after {
  background: #fff !important
}

.btn-prime-primary-text-transparent .border-btn {
  border-color: #2775ff
}

.btn-prime.btn-invert {
  color: #fff
}

.btn-prime.btn-invert>.before,
.btn-prime.btn-invert>.after {
  background: 0 0
}

.btn-prime.btn-invert .border-btn {
  border-color: #00c6ff
}

.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:hover [class*=fa-].icon-left {
  color: #fff
}

.all-light .btn-prime [class*=fa-].icon-left {
  color: #2775ff;
  font-size: 24px;
  vertical-align: sub;
  float: right;
  line-height: 1;
  margin: -2px 6px 0 0
}

.btn-gradient {
  background: #2775ff;
  overflow: hidden;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  color: #fff;
  transition: background .3s
}

.btn-gradient span,
.btn-gradient i {
  z-index: 1;
  position: relative;
  pointer-events: none
}

.btn-gradient::before {
  content: '';
  position: absolute;
  left: 190px;
  top: 30px;
  width: 200px;
  height: 200px;
  background: radial-gradient(circle closest-side, #7202bb, transparent);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: width .2s, height .2s;
  z-index: 0
}

.btn-gradient::before:hover::before {
  height: 200px
}

.btn-gradient::before:hover::before {
  width: 200px
}

.btn-gradient:hover {
  color: #fff
}

.btn-pos {
  color: #333;
  background: #f6f6f6;
  overflow: hidden;
  position: relative
}

.btn-pos span {
  position: absolute;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  background-color: #2775ff;
  transition: width .4s ease-in-out, height .4s ease-in-out;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1
}

.btn-pos:hover {
  color: #fff
}

.btn-pos:hover span {
  width: 250%;
  height: 250%
}

.icon__btn {
  display: inline-block;
  margin: 10px;
  border-radius: 50%;
  color: #fff;
  background: #2775ff;
  position: relative;
  z-index: 3
}

.brk-bordered-theme .icon__btn {
  border-radius: inherit
}

.icon__btn .spike {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  background: #2775ff;
  z-index: -1
}

.icon__btn .spike:nth-child(1) {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.icon__btn .spike:nth-child(2) {
  -webkit-transform: rotate(10deg);
  transform: rotate(10deg)
}

.icon__btn .spike:nth-child(3) {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg)
}

.icon__btn .spike:nth-child(4) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg)
}

.icon__btn .spike:nth-child(5) {
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg)
}

.icon__btn .spike:nth-child(6) {
  -webkit-transform: rotate(50deg);
  transform: rotate(50deg)
}

.icon__btn .spike:nth-child(7) {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg)
}

.icon__btn .spike:nth-child(8) {
  -webkit-transform: rotate(70deg);
  transform: rotate(70deg)
}

.icon__btn .spike:nth-child(9) {
  -webkit-transform: rotate(80deg);
  transform: rotate(80deg)
}

.icon__btn .spike:nth-child(10) {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.icon__btn>.before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  opacity: .1;
  background-color: #2775ff;
  border-radius: 50%;
  z-index: -1
}

.brk-bordered-theme .icon__btn>.before {
  border-radius: inherit
}

.icon__btn>.after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .2;
  background-color: #2775ff;
  border-radius: 50%;
  z-index: -1
}

.brk-bordered-theme .icon__btn>.after {
  border-radius: inherit
}

.icon__btn_clear>.before {
  -webkit-transform: scale(1);
  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;
  -webkit-transform: scale(1);
  transform: scale(1)
}

.icon__btn-circled>.after {
  top: -16px;
  left: -16px;
  right: -16px;
  bottom: -16px
}

.icon__btn-circled:hover>.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 {
  -webkit-animation: brk-pulse-paused 1s ease-in infinite;
  animation: brk-pulse-paused 1s ease-in infinite
}

.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_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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.icon__btn-invert {
  background: #fff;
  color: #2775ff
}

.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: inherit
}

.icon__btn-invert:hover {
  background: #fff;
  color: #2775ff
}

.icon__btn-white {
  background: #fff;
  color: #2775ff
}

.icon__btn-white>.before {
  background-color: #fff
}

.icon__btn-white>.after {
  background-color: #fff
}

.icon__btn-white:hover {
  background: #fff;
  color: #2775ff
}

.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 {
  font-size: 21px;
  width: 68px;
  height: 68px
}

.icon__btn-xl {
  font-size: 21px;
  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
}

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

  50% {
    -webkit-transform: scale(2);
    transform: scale(2)
  }

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

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

  50% {
    -webkit-transform: scale(2);
    transform: scale(2)
  }

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

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

  20% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

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

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

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

  20% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }

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

  to {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}

@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
  }
}

.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: inherit
}

.btn__dropdown_wrap:not(.open) {
  height: 41px
}

.btn__dropdown_wrap:hover {
  cursor: pointer
}

.btn__dropdown_wrap.btn__primary {
  background-color: #2775ff
}

.btn__dropdown_wrap.btn__white {
  background-color: #eff5ff;
  color: #2775ff;
  box-shadow: 0 5px 21px #69adff
}

.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;
  -webkit-transform: translateY(-50%);
  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:hover,
.btn__dropdown_wrap button:focus {
  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: #0f5ae0;
  background: #2775ff
}

.btn__primary .btn__dropdown_item a,
.btn__primary .btn__dropdown_item button {
  color: #fff
}

.btn__primary .btn__dropdown_item a:hover,
.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 {
  color: #2775ff
}

.btn__white .btn__dropdown_item button {
  color: #2775ff
}

.btn__white .btn__dropdown_item a:hover {
  color: #2775ff
}

.btn__white .btn__dropdown_item button:hover {
  color: #2775ff
}

.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 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 #2775ff;
  border-radius: 0;
  padding: 12px 42px;
  overflow: hidden;
  margin: 0
}

.btn--square .angle {
  width: 10px;
  height: 300%;
  position: absolute;
  display: block;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding-right: 23px;
  letter-spacing: -.06em
}

.brk-bordered-theme .btn-backgrounds .before {
  border-radius: inherit
}

.btn-backgrounds .before i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  vertical-align: 0;
  font-size: 1.125rem
}

.brk-bordered-theme .btn-backgrounds {
  border-radius: inherit
}

.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: #2775ff;
  color: #fff;
  overflow: hidden
}

.btn-backgrounds_dark-classic:before,
.btn-backgrounds_dark-classic:after {
  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:focus,
.btn-backgrounds_dark-classic:active {
  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 {
  font-size: .9375rem
}

.btn-backgrounds_white-classic {
  background-color: #fff;
  color: #272727;
  overflow: hidden
}

.btn-backgrounds_white-classic:before,
.btn-backgrounds_white-classic:after {
  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:focus,
.btn-backgrounds_white-classic:active {
  color: #272727
}

.btn-backgrounds_white-classic .before {
  width: 34px;
  height: 34px;
  background-color: rgba(0, 0, 0, .1);
  z-index: 2
}

.btn-backgrounds_white-classic .before i {
  font-size: .9375rem
}

.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: #2775ff
}

.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;
  -webkit-transform: translate(-50%, 50%);
  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 .before {
  padding-left: 0 !important;
  padding-right: 10px;
  color: #7202bb
}

.btn-violet .after {
  padding-left: 0 !important;
  padding-right: 10px;
  color: #7202bb
}

.btn-violet .text {
  color: #7202bb !important;
  margin-right: 10px
}

.btn-violet i {
  position: absolute !important;
  top: 50%;
  right: 20px;
  margin-right: 0 !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.btn-violet i:before {
  color: #7202bb !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,
.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;
  width: 100px;
  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
}

.colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__layer {
  top: 0;
  bottom: 0
}

.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
  }
}

.colored-slider .swiper-slide.swiper-slide-active .brk-pricing-colored__description {
  margin-top: 46px
}

.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: inherit 0 0 inherit
}

.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 inherit inherit 0
}

.colored-slider .button-prev {
  left: 16.66667%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media (max-width:575px) {
  .colored-slider .button-prev {
    left: 35px
  }
}

.colored-slider .button-next {
  right: 16.66667%;
  -webkit-transform: translate(50%, -50%);
  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.activet .brk-pricing-colored__layer {
  top: 0;
  bottom: 0
}

.brk-pricing-colored.activet .brk-pricing-colored__content {
  padding-top: 115px
}

.brk-pricing-colored.activet .brk-pricing-colored__description {
  margin-top: 46px
}

.brk-pricing-colored.activet .brk-pricing-colored__btn {
  bottom: 60px
}

.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: inherit
}

.brk-pricing-colored__overlay,
.brk-pricing-colored__content {
  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: #00c6ff
}

.brk-pricing-colored__description {
  font-size: .875rem;
  margin-top: 37px;
  transition: all .5s ease-in-out
}

.brk-pricing-colored__description ul {
  list-style: none !important;
  margin: 0 !important
}

.brk-pricing-colored__description ul li {
  line-height: 42px
}

.brk-pricing-colored__btn {
  position: absolute !important;
  bottom: 50px;
  left: 50%;
  -webkit-transform: translateX(-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: #fff;
  color: #2775ff
}

.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: #e8ecff
}

.brk-pricing-colored__btn:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  transition: all .3s ease-in-out;
  z-index: -1;
  background-color: #e8ecff
}

.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:before,
.brk-pricing-colored__btn:hover:after {
  height: 50%
}

.brk-pricing-doubled {
  position: relative;
  z-index: 2;
  max-width: 370px;
  margin: 15px auto;
  padding-bottom: 60px
}

.brk-pricing-doubled:hover .brk-pricing-doubled__front,
.brk-pricing-doubled.act .brk-pricing-doubled__front {
  -webkit-transform: translate(40px, 60px);
  transform: translate(40px, 60px);
  transition: all .4s ease
}

.brk-pricing-doubled:hover .brk-pricing-doubled__back,
.brk-pricing-doubled.act .brk-pricing-doubled__back {
  -webkit-transform: translate(-40px, -60px);
  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: #69adff
}

.brk-pricing-doubled__icon-container i {
  line-height: 91px;
  font-size: 60px;
  color: #69adff
}

.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__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-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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  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 .pd-icon-back i {
  font-size: 4.5rem;
  margin: 10px 0 15px
}

.brk-pricing-doubled__back svg path,
.brk-pricing-doubled__back svg line {
  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: #fff
}

.brk-pricing-doubled__link i {
  position: absolute;
  top: 50%;
  right: 23px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.brk-pricing-doubled__link:hover {
  color: #fff
}

.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
}

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

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

  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
}

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

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

  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
}

.brk-pricing-doubled .pd-icon i {
  color: #69adff
}

.brk-pricing-doubled .pd-icon-back i {
  color: #fff
}

.brk-pricing-doubled .pb-list i {
  color: #2775ff
}

.brk-pricing-doubled .pd-price {
  color: #fff
}

.brk-pricing-doubled .pb-content {
  color: #fff
}

.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__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__viewed span {
  color: #fff
}

.brk-pricing-horizontal:hover .brk-pricing-horizontal__price {
  color: #fff
}

.brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-active {
  color: #fff
}

.brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-active i {
  color: #fff
}

.brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-deactive {
  color: rgba(255, 255, 255, .4)
}

.brk-pricing-horizontal:hover .brk-pricing-horizontal__list-options .options-deactive i {
  color: rgba(255, 255, 255, .4)
}

.brk-pricing-horizontal:hover .h-button {
  box-shadow: 0 0 0 6px rgba(255, 255, 255, .14);
  background-image: linear-gradient(#fff, #fff);
  border: 0;
  color: #2775ff
}

.brk-bordered-theme .brk-pricing-horizontal:hover .h-button {
  border-radius: inherit
}

.brk-pricing-horizontal__container {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  min-height: 160px;
  background-color: transparent;
  position: relative;
  z-index: 2
}

@media (max-width:991px) {
  .brk-pricing-horizontal__container {
    -webkit-flex-direction: column;
    flex-direction: column
  }
}

.brk-pricing-horizontal__info {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  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%;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding-top: 15px
  }
}

@media (max-width:767px) {
  .brk-pricing-horizontal__info {
    -webkit-justify-content: center;
    justify-content: center
  }
}

@media (max-width:575px) {
  .brk-pricing-horizontal__info {
    -webkit-flex-direction: column;
    flex-direction: column
  }
}

.brk-pricing-horizontal__viewed {
  -webkit-align-self: stretch;
  align-self: stretch;
  width: 48px;
  position: relative;
  overflow: hidden;
  background-color: rgba(0, 0, 0, .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%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  text-transform: uppercase;
  transition: all .2s ease-in-out;
  color: #999
}

@media (max-width:991px) {
  .brk-pricing-horizontal__viewed>* {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    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 {
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%
  }
}

@media (max-width:575px) {
  .brk-pricing-horizontal__img-icon {
    -webkit-flex-basis: 100%;
    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 {
  -webkit-column-gap: 97px;
  column-gap: 97px;
  -webkit-column-count: 2;
  column-count: 2
}

@media (max-width:1229px) {
  .brk-pricing-horizontal__list-options {
    -webkit-column-count: 1;
    column-count: 1;
    padding: 15px
  }
}

@media (max-width:991px) {
  .brk-pricing-horizontal__list-options {
    -webkit-column-gap: 15px;
    column-gap: 15px;
    -webkit-column-count: 2;
    column-count: 2
  }
}

@media (max-width:767px) {
  .brk-pricing-horizontal__list-options {
    -webkit-flex-basis: 80%;
    flex-basis: 80%;
    max-width: 80%;
    padding: 25px 0 15px
  }
}

@media (max-width:575px) {
  .brk-pricing-horizontal__list-options {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%
  }
}

@media (max-width:479px) {
  .brk-pricing-horizontal__list-options {
    -webkit-column-gap: 0;
    column-gap: 0;
    -webkit-column-count: 1;
    column-count: 1;
    -webkit-flex-basis: auto;
    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: #6e50c2
}

.brk-pricing-horizontal__list-options .options-deactive {
  transition: all .2s ease-in-out;
  color: #7d7d7d
}

.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: #fff;
  border-radius: 0;
  background-image: linear-gradient(to right, #00c6ff 0%, #0b98f6 100%);
  box-shadow: 0 5px 5px -2px #69adff;
  border: 0
}

.brk-bordered-theme .brk-pricing-horizontal .h-button {
  border-radius: inherit
}

@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%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 9px;
  font-size: 15px;
  z-index: 4
}

.brk-pricing-horizontal .h-button:hover {
  color: #2775ff;
  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
}

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

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

  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
}

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

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

  to {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }
}

.brk-bordered-theme .brk-pricing-horizontal:first-child {
  border-top-right-radius: inherit;
  border-top-left-radius: inherit
}

.brk-bordered-theme .brk-pricing-horizontal:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}

.brk-bordered-theme .brk-pricing-horizontal:hover {
  border-radius: inherit;
  background-color: transparent
}

.brk-pricing-horizontal_rounded-5 .h-button {
  border-radius: 5px;
  background-image: linear-gradient(to right, #2775ff 0%, #7202bb 100%)
}

.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 #2775ff
}

.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%;
  -webkit-transform: translate(-50%, -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%;
  -webkit-transform: translate(-50%, -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: #fff
}

.brk-pricing-rounded__icon .before {
  position: absolute;
  top: -26px;
  left: -26px;
  right: -26px;
  bottom: -26px;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: .1;
  border-radius: 50%;
  z-index: -1;
  background-color: #2775ff
}

.brk-pricing-rounded__icon .after {
  position: absolute;
  top: -12px;
  left: -12px;
  right: -12px;
  bottom: -12px;
  opacity: .2;
  border-radius: 50%;
  z-index: -1;
  background-color: #2775ff
}

.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: #fff
}

.brk-pricing-rounded .rd-view {
  position: absolute;
  top: 102px;
  left: 0;
  width: 100%;
  transition: top .3s
}

.brk-pricing-rounded .rd-view__title {
  color: #2775ff
}

.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: #2775ff
}

.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 {
  padding: 0 15px
}

.brk-pricing-rounded .rd-description__list li:nth-child(2n) {
  background-color: #f8fafe
}

.brk-pricing-rounded .rd-circl-overlay {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -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 {
  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::before {
  content: '';
  position: absolute;
  left: 0;
  top: 28px;
  height: calc(50% - 28px);
  width: 100%;
  z-index: -1;
  background-color: transparent;
  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::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 20px;
  height: calc(50% - 20px);
  width: 100%;
  z-index: -1;
  background-color: #fff;
  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__content {
  position: absolute;
  top: 28px;
  bottom: 20px;
  left: 0;
  width: 100%;
  transition: all .3s ease-in-out;
  background-color: #fff
}

.brk-pricing-strict__title {
  position: relative;
  font-size: 1.125rem;
  text-transform: uppercase;
  transition: all .3s ease-in-out;
  background-color: #e8ecff;
  color: #2775ff;
  height: 72px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: 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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: all .2s ease-in-out;
  z-index: 1
}

.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: #2775ff
}

.brk-pricing-strict__price .st-price {
  font-size: 4rem;
  line-height: 64px;
  padding-right: 5px
}

.brk-pricing-strict__description {
  margin-top: 36px
}

.brk-pricing-strict__description li {
  padding: 0 15px
}

.brk-pricing-strict__description li:nth-child(2n-1) {
  background-color: #f8fafe
}

.brk-pricing-strict .btn {
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all .3s ease-in-out
}

.brk-pricing-strict .btn .text {
  line-height: 28px
}

.brk-pricing-strict .btn i {
  margin-top: 4px
}

.brk-pricing-shop {
  max-width: 320px;
  min-height: 448px;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  border-bottom: 3px solid #2775ff;
  transition: .3s border-color
}

.brk-pricing-shop_style-1 {
  border-bottom: 3px solid #000243
}

.brk-pricing-shop>* {
  transition: all .3s ease-in-out
}

.brk-pricing-shop:hover {
  border-color: #2775ff
}

.brk-pricing-shop:hover .brk-pricing-shop__view {
  background-color: #2775ff
}

.brk-pricing-shop:hover .brk-pricing-shop__title {
  color: #fff
}

.brk-pricing-shop:hover .price-item {
  color: #fff
}

.brk-pricing-shop:hover .price-icon {
  background-color: #fff
}

.brk-pricing-shop:hover .price-icon i {
  color: #2775ff
}

.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(255, 255, 255, .14)
}

.brk-pricing-shop:hover .price-icon .after {
  -webkit-animation: brk-pulse 1.5s infinite;
  animation: brk-pulse 1.5s infinite;
  background-color: rgba(255, 255, 255, .24)
}

.brk-pricing-shop__view {
  min-height: 178px;
  text-align: left;
  padding: 33px 0 0 31px;
  border-bottom: 1px solid #e9f0fb;
  transition: all .3s ease-in-out
}

.brk-pricing-shop__title {
  margin-bottom: 24px;
  transition: all .3s ease-in-out;
  color: #2775ff
}

.brk-pricing-shop_style-1 .brk-pricing-shop__title {
  color: #000243
}

.brk-pricing-shop__price {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  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: #2775ff
}

.brk-pricing-shop__price .price-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.5rem;
  color: #fff;
  transition: all .3s ease-in-out
}

.brk-pricing-shop__price .price-icon .before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
  border-radius: 50%;
  z-index: -1;
  background-color: rgba(39, 117, 255, .05)
}

.brk-pricing-shop__price .price-icon .after {
  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: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  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%;
  -webkit-transform: translate(-50%, 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: #fff;
  color: #2775ff
}

.brk-pricing-shop__btn_style-1 {
  border-radius: 5px;
  color: #000243
}

.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: #2775ff
}

.brk-pricing-shop__btn:after {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
  height: 0;
  transition: all .3s ease-in-out;
  z-index: -1;
  background-color: #2775ff
}

.brk-pricing-shop__btn:before {
  top: 0
}

.brk-pricing-shop__btn:after {
  bottom: 0
}

.brk-pricing-shop__btn:hover {
  color: #fff
}

.brk-pricing-shop__btn:hover:before,
.brk-pricing-shop__btn:hover:after {
  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 #69adff;
  top: 0;
  bottom: 0;
  color: #fff
}

.brk-pricing-plan:hover .brk-pricing-plan__included {
  color: #fff
}

.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 {
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 0;
  width: 100%;
  transition: all .3s ease-in-out;
  border-radius: 5px;
  background: #2775ff no-repeat center center;
  background-size: cover;
  opacity: 0;
  z-index: 1;
  overflow: hidden
}

.brk-pricing-plan__content {
  position: absolute;
  top: 22px;
  bottom: 22px;
  left: 0;
  width: 100%;
  transition: all .3s ease-in-out;
  background-color: transparent;
  box-shadow: 0 0 0 2px #eaeaea;
  border-radius: 5px;
  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%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: .75rem;
  border-radius: 23px;
  width: 162px;
  height: 38px;
  box-shadow: 0 0 0 2px #2775ff;
  color: #2775ff;
  background-color: #fff;
  overflow: hidden;
  margin: 0 !important;
  transition: all .3s ease-in-out
}

.brk-pricing-plan__btn:before {
  content: '';
  position: absolute;
  background-color: #e8ecff;
  width: 100%;
  height: 0;
  left: 0;
  z-index: -1;
  transition: all .3s ease-in-out
}

.brk-pricing-plan__btn:after {
  content: '';
  position: absolute;
  background-color: #e8ecff;
  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-plan__btn:hover:before,
.brk-pricing-plan__btn:hover:after {
  height: 50%
}

.brk-pricing-light {
  position: relative
}

.brk-pricing-light>.container>.row,
.brk-pricing-light>.container>.vc_row {
  -webkit-align-items: center;
  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 {
  top: -40px;
  height: calc(100% + 60px);
  opacity: 1;
  box-shadow: 0 6px 20px #69adff;
  background-image: linear-gradient(40deg, rgba(39, 117, 255, .94) 0%, rgba(0, 198, 255, .94) 100%)
}

.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 #69adff;
  background-image: linear-gradient(40deg, rgba(39, 117, 255, .94) 0%, rgba(0, 198, 255, .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 {
    background-image: none;
    background-color: #2775ff;
    top: 0;
    height: 100%
  }

  .brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item::after {
    background-image: none;
    background-color: #2775ff;
    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__price,
.brk-pricing-light>.container [class*=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__old-price,
.brk-pricing-light>.container [class*=vc_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__period {
  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 {
  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 {
  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>.before {
  background-color: #0b98f6
}

.brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn>.after {
  background-color: #0b98f6
}

.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn>.before {
  background-color: #0b98f6
}

.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__header .btn>.after {
  background-color: #0b98f6
}

.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-item {
  color: #fff
}

.brk-pricing-light>.container [class*=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-indicator>i {
  color: #fff
}

.brk-pricing-light>.container [class*=col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__body::after {
  bottom: -23px;
  background-image: linear-gradient(to right, #00c6ff, #00c6ff)
}

.brk-pricing-light>.container [class*=vc_col-]:nth-child(2) .brk-pricing-light__item .brk-pricing-light__body::after {
  bottom: -23px;
  background-image: linear-gradient(to right, #00c6ff, #00c6ff)
}

@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__old-price {
  color: #2775ff
}

.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__old-price {
  color: #2775ff
}

.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__price,
.brk-pricing-light>.container>[class*=row]:hover>[class*=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,
.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__period {
  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 {
  box-shadow: 0 5px 16px rgba(39, 117, 255, .5)
}

.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(39, 117, 255, .5)
}

.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__header .btn>.before,
.brk-pricing-light>.container>[class*=row]:hover>[class*=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,
.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__header .btn>.after {
  color: #fff
}

.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__list-indicator>i {
  color: #2775ff
}

.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__list-indicator>i {
  color: #2775ff
}

.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__body::after {
  bottom: 0;
  background-image: linear-gradient(to right, rgba(39, 117, 255, .94) 0%, rgba(114, 2, 187, .94) 100%)
}

.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(39, 117, 255, .94) 0%, rgba(114, 2, 187, .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 {
  top: -40px;
  bottom: 30px;
  height: calc(100% + 60px);
  opacity: 1;
  box-shadow: 0 6px 20px #69adff;
  background-image: linear-gradient(40deg, rgba(39, 117, 255, .94) 0%, rgba(0, 198, 255, .94) 100%)
}

.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 #69adff;
  background-image: linear-gradient(40deg, rgba(39, 117, 255, .94) 0%, rgba(0, 198, 255, .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__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*=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__price,
.brk-pricing-light>.container>[class*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__period {
  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__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*=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*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn>.before {
  background-color: #0b98f6
}

.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__header .btn>.after {
  background-color: #0b98f6
}

.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: #0b98f6
}

.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 {
  background-color: #0b98f6
}

.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-item {
  color: #fff
}

.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*=vc_row]:hover>[class*=vc_col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__list-indicator>i {
  color: #fff
}

.brk-pricing-light>.container>[class*=row]:hover>[class*=col-]:nth-child(2) .brk-pricing-light__item:hover .brk-pricing-light__body::after {
  bottom: -23px;
  background-image: linear-gradient(to right, #00c6ff, #00c6ff)
}

.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, #00c6ff, #00c6ff)
}

@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 {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #0b98f6
}

.brk-pricing-light__stick:before {
  content: '';
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #0b98f6
}

.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;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  z-index: 9;
  padding-left: 11px;
  background-color: #a7ebff
}

.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: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: 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;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  box-shadow: 0 5px 16px rgba(39, 117, 255, .5);
  transition: .3s ease border, .3s ease box-shadow
}

.brk-pricing-light__header .btn:hover {
  color: #2775ff !important;
  background-color: #fff !important
}

.brk-pricing-light__header .btn:hover>span.text {
  color: #2775ff !important
}

.brk-pricing-light__header .added_to_cart {
  margin: 10px 0;
  padding: 10px 40px;
  font-size: .875rem
}

.brk-pricing-light__old-price {
  color: #2775ff
}

.brk-pricing-light__list-indicator {
  position: absolute;
  left: 0;
  top: 3px
}

.brk-pricing-light__list-indicator>i {
  color: #2775ff
}

.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(39, 117, 255, .94) 0%, rgba(114, 2, 187, .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 #69adff;
  background-image: linear-gradient(40deg, rgba(39, 117, 255, .94) 0%, rgba(0, 198, 255, .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__price,
.brk-pricing-light__item:hover .brk-pricing-light__period {
  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>.before {
  background-color: #0b98f6
}

.brk-pricing-light__item:hover .brk-pricing-light__header .btn>.after {
  background-color: #0b98f6
}

.brk-pricing-light__item:hover .brk-pricing-light__list-item {
  color: #fff
}

.brk-pricing-light__item:hover .brk-pricing-light__list-indicator>i {
  color: #fff
}

.brk-pricing-light__item:hover .brk-pricing-light__body::after {
  bottom: -23px;
  background-image: linear-gradient(to right, #00c6ff, #00c6ff)
}

@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: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  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 #69adff
}

@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;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width:767px) {
  .brk-testimonials-dash-one__img {
    position: static;
    -webkit-transform: none;
    transform: none;
    margin: 0 auto 15px
  }
}

.brk-testimonials-dash-one__info {
  -webkit-flex-basis: 160px;
  flex-basis: 160px;
  min-width: 160px;
  text-align: center;
  padding-top: 10px
}

@media (max-width:767px) {
  .brk-testimonials-dash-one__info {
    -webkit-flex-basis: 160px;
    flex-basis: 160px;
    min-width: 160px;
    padding-top: 0
  }
}

@media (max-width:575px) {
  .brk-testimonials-dash-one__info {
    -webkit-flex-basis: 100%;
    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 {
  -webkit-flex-basis: calc(100% - 215px);
  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 {
    -webkit-flex-basis: calc(100% - 160px);
    flex-basis: calc(100% - 160px)
  }
}

@media (max-width:575px) {
  .brk-testimonials-dash-one__description {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin-top: 15px;
    padding-left: 0
  }
}

.brk-testimonials-dash-two {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  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 {
  -webkit-flex-basis: 100px;
  flex-basis: 100px;
  min-width: 100px;
  height: 340px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  display: -webkit-flex;
  display: flex;
  overflow: visible;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center
}

@media (max-width:767px) {
  .brk-testimonials-dash-two .dash-two-pagination {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    min-width: 100%;
    height: 100px !important;
    margin: 0 auto;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    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;
  -webkit-transform: scale(0);
  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;
  -webkit-transform: scale(1.5625);
  transform: scale(1.5625);
  z-index: 4
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active:before {
  background-color: transparent
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev,
.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next {
  width: 64px;
  height: 64px;
  z-index: 3;
  outline: 0
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev:before {
  background-color: rgba(255, 255, 255, .6)
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next:before {
  background-color: rgba(255, 255, 255, .6)
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev,
.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-next,
.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-prev,
.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next {
  width: 64px;
  height: 64px;
  z-index: 2
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev:before {
  background-color: rgba(255, 255, 255, .9)
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-next:before {
  background-color: rgba(255, 255, 255, .9)
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-prev:before {
  background-color: rgba(255, 255, 255, .9)
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next:before {
  background-color: rgba(255, 255, 255, .9)
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev {
  -webkit-transform: translateY(-10px) scale(1.21875);
  transform: translateY(-10px) scale(1.21875)
}

@media (max-width:767px) {
  .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev {
    -webkit-transform: translateX(-10px) scale(1.21875);
    transform: translateX(-10px) scale(1.21875)
  }
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev {
  -webkit-transform: translateY(-10px) scale(1);
  transform: translateY(-10px) scale(1)
}

@media (max-width:767px) {
  .brk-testimonials-dash-two .dash-two-pagination-bullet-active-prev-prev {
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
  }
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next {
  -webkit-transform: translateY(10px) scale(1.21875);
  transform: translateY(10px) scale(1.21875)
}

@media (max-width:767px) {
  .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next {
    -webkit-transform: translateX(10px) scale(1.21875);
    transform: translateX(10px) scale(1.21875)
  }
}

.brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next {
  -webkit-transform: translateY(10px) scale(1);
  transform: translateY(10px) scale(1)
}

@media (max-width:767px) {
  .brk-testimonials-dash-two .dash-two-pagination-bullet-active-next-next {
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
  }
}

.brk-testimonials-dash-two .dash-two-slider {
  -webkit-flex-basis: calc(100% - 105px);
  flex-basis: calc(100% - 105px);
  margin-right: -20px
}

@media (max-width:767px) {
  .brk-testimonials-dash-two .dash-two-slider {
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-right: 0
  }
}

.brk-testimonials-dash-two__dots-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -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__dots-img img {
  width: 100%;
  height: 100%
}

.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:before,
.brk-testimonials-dash-two__text-reviews:after {
  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: #2775ff
}

.brk-testimonials-dash-two__link-video span {
  display: inline-block;
  position: relative;
  width: 42px;
  height: 42px;
  border-radius: 21px;
  margin-right: 14px;
  background-color: #2775ff;
  box-shadow: 0 5px 16px rgba(39, 117, 255, .5)
}

.brk-testimonials-dash-two__link-video span i {
  position: absolute;
  top: 50%;
  left: calc(50% + 1px);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 1.25rem;
  color: #fff
}

.brk-testimonials-dash-three {
  position: relative
}

.brk-testimonials-dash-three svg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.brk-testimonials-dash-three .swiper-slide {
  height: auto
}

.brk-testimonials-dash-three .swiper-pagination-base .swiper-pagination-bullet {
  -webkit-flex-basis: 10px;
  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(255, 255, 255, .8)
}

.brk-testimonials-dash-three .dash-three-slider .swiper-slide.swiper-slide-active {
  -webkit-transform: translateY(-10px);
  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 {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.brk-testimonials-dash-three .dash-three-slider .swiper-slide.swiper-slide-active: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:before {
  background-color: transparent;
  visibility: hidden;
  opacity: 0
}

.brk-testimonials-dash-three .dash-three-slider_single .swiper-slide.swiper-slide-active {
  box-shadow: none;
  background-color: #fff;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.brk-bordered-theme .brk-testimonials-dash-three .dash-three-slider_single .swiper-slide {
  border-radius: inherit;
  overflow: hidden
}

.brk-testimonials-dash-three__item {
  width: 100%;
  min-height: 280px;
  height: 100%;
  padding: 40px 40px 30px;
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-align-content: flex-start;
  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-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: #00c6ff
}

.brk-testimonials-dash-three_dark .swiper-slide-active .brk-testimonials-dash-three__item {
  background-color: #7202bb
}

.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: #fff
}

.brk-testimonials-dash-four .dash-four-pagination {
  position: absolute;
  bottom: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  height: 70px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: 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 #fff;
  outline: 0
}

.brk-testimonials-dash-four .dash-four-pagination-bullet:hover,
.brk-testimonials-dash-four .dash-four-pagination-bullet-active {
  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:hover,
.brk-testimonials-dash-four .dash-four-pagination_large .dash-four-pagination-bullet-active {
  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 #fff
}

.brk-testimonials-dash-four__dots-img img {
  max-width: 100%;
  max-height: 100%
}

.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(39, 117, 255, .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: #00c6ff
}

.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-testimonials-dash-four_transparent .brk-testimonials-dash-four__title,
.brk-testimonials-dash-four_transparent .brk-testimonials-dash-four__text {
  color: #fff
}

.brk-testimonials-dash-four_corner-pagination .dash-four-pagination {
  bottom: 0;
  -webkit-transform: translate(-50%, 50%);
  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, #2775ff 0%, #7202bb 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: #fff;
  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__img img {
  max-width: 100%;
  max-height: 100%
}

.brk-testimonials-dash-five__name {
  font-size: .875rem;
  line-height: 24px;
  margin-top: 21px
}

.brk-testimonials-dash-five__name span {
  color: #2775ff
}

.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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-image: linear-gradient(40deg, #2775ff 0%, #7202bb 100%);
  border-radius: 100%;
  -webkit-transform: translateX(-50%);
  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 #fff
}

.brk-testimonials-dash-six__name {
  letter-spacing: -.03em;
  margin-top: 14px;
  font-size: .875rem;
  line-height: 18px;
  margin-top: 17px
}

.brk-testimonials-dash-six__job {
  font-size: .875rem;
  line-height: 18px;
  color: #868686;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  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: #fff no-repeat center;
  background-size: cover;
  position: relative
}

.brk-testimonials-double__slider:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1
}

.brk-testimonials-double__slider.double-white:before {
  background-color: rgba(255, 255, 255, .9)
}

.brk-testimonials-double__slider.double-white .brk-testimonials-double__type-reviews {
  background-color: #2775ff;
  color: #fff
}

.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: #0f5ae0
}

.brk-testimonials-double__slider.double-white .double-pagination-bullet-active {
  border: 1px solid #2775ff
}

.brk-testimonials-double__slider.double-dark:before {
  background-color: rgba(39, 117, 255, .9)
}

.brk-testimonials-double__slider.double-dark .brk-testimonials-double__type-reviews {
  background-color: #fff;
  color: #2775ff
}

.brk-testimonials-double__slider.double-dark .brk-testimonials-double__title {
  color: #fff
}

.brk-testimonials-double__slider.double-dark .brk-testimonials-double__name strong {
  color: #fff
}

.brk-testimonials-double__slider.double-dark .brk-testimonials-double__name span {
  color: rgba(255, 255, 255, .5)
}

.brk-testimonials-double__slider.double-dark .double-pagination-bullet:before {
  background-color: #fff
}

.brk-testimonials-double__slider.double-dark .double-pagination-bullet-active {
  border: 1px solid #fff
}

.brk-testimonials-double__slider.double-dark .brk-rating__layer i {
  color: rgba(255, 255, 255, .5)
}

.brk-testimonials-double__slider.double-dark .brk-rating__imposition i {
  color: #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: #fff;
  color: #2775ff
}

.brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__title {
  color: #fff
}

.brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__name strong {
  color: #fff
}

.brk-testimonials-double__slider.double-dark-blue .brk-testimonials-double__name span {
  color: rgba(255, 255, 255, .5)
}

.brk-testimonials-double__slider.double-dark-blue .double-pagination-bullet:before {
  background-color: #fff
}

.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 {
  color: rgba(255, 255, 255, .5)
}

.brk-testimonials-double__slider.double-dark-blue .brk-rating__imposition i {
  color: #fff
}

.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: #2775ff;
  color: #fff
}

.brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__title {
  color: #fff
}

.brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__name strong {
  color: #fff
}

.brk-testimonials-double__slider.double-dark-light .brk-testimonials-double__name span {
  color: rgba(255, 255, 255, .5)
}

.brk-testimonials-double__slider.double-dark-light .double-pagination-bullet:before {
  background-color: #0f5ae0
}

.brk-testimonials-double__slider.double-dark-light .double-pagination-bullet-active {
  border: 1px solid #dbdbdb
}

.brk-testimonials-double__item {
  min-height: 240px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.brk-testimonials-double__photo {
  -webkit-flex-basis: 86px;
  flex-basis: 86px;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover
}

.brk-testimonials-double__name {
  -webkit-flex-basis: calc(100% - 86px);
  flex-basis: calc(100% - 86px);
  width: calc(100% - 86px);
  padding-left: 25px;
  padding-top: 7px
}

.brk-testimonials-double__name strong,
.brk-testimonials-double__name span {
  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-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: #fff
}

.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%;
  -webkit-transform: translateY(-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: #fff
}

.brk-bordered-theme .brk-testimonials-layered-horizontal__item {
  border-radius: inherit
}

.brk-testimonials-layered-horizontal .overlay-horizontal {
  position: absolute;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -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)
}

.brk-bordered-theme .brk-testimonials-layered-horizontal .overlay-horizontal {
  border-radius: inherit
}

@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%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 64px;
  height: 72px
}

@media (max-width:767px) {
  .brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical {
    top: 5px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.brk-testimonials-layered-vertical__container .swiper-base-arrow-vertical i {
  font-size: 4rem;
  line-height: 64px;
  color: #2775ff
}

.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%;
  -webkit-transform: translate(-50%, -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: #fff
}

@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: #fff
}

.brk-testimonials-layered-vertical__person {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  padding: 30px 0;
  border-bottom: 1px solid #f4f4f4
}

@media (max-width:767px) {
  .brk-testimonials-layered-vertical__person {
    -webkit-flex-direction: column;
    flex-direction: column
  }
}

.brk-testimonials-layered-vertical__person-info {
  -webkit-flex-basis: 60%;
  flex-basis: 60%;
  width: 60%;
  padding-left: 41px
}

.brk-testimonials-layered-vertical__person-info:before,
.brk-testimonials-layered-vertical__person-info:after {
  content: " ";
  display: table
}

.brk-testimonials-layered-vertical__person-info:after {
  clear: both
}

@media (max-width:767px) {
  .brk-testimonials-layered-vertical__person-info {
    -webkit-flex-basis: 100%;
    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%;
  -webkit-transform: translateX(-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 #fff
}

.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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 0 15px;
  max-width: 800px;
  color: #fff
}

.brk-testimonials-circle__item i {
  font-size: 2.75rem;
  line-height: 30px;
  margin-bottom: 45px;
  color: rgba(255, 255, 255, .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;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  width: 100%;
  height: 82px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: 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 #fff;
  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:hover,
.brk-testimonials-circle .circle-pagination-bullet-active {
  -webkit-transform: scale(1.66667);
  transform: scale(1.66667);
  border-width: 1px
}

@media (max-width:575px) {

  .brk-testimonials-circle .circle-pagination-bullet:hover,
  .brk-testimonials-circle .circle-pagination-bullet-active {
    -webkit-transform: scale(1.4);
    transform: scale(1.4)
  }
}

.swiper-pagination-base {
  margin: 43px auto 0;
  -webkit-transform: none !important;
  transform: none !important;
  display: -webkit-flex;
  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 {
  -webkit-flex-basis: 8px;
  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: #2775ff;
  color: #fff
}

.dash-six-arrow-prev,
.dash-six-arrow-next {
  position: absolute;
  width: 50%;
  height: 100%;
  cursor: pointer;
  outline: 0
}

.dash-six-arrow-prev i,
.dash-six-arrow-next i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-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: -webkit-flex;
  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%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all .3s ease-in-out
}

.double-pagination-bullet-active:before {
  opacity: 0
}

.swiper-pagination-bullet-active {
  background-color: #2775ff
}

.indent__1 {
  padding: 70px 30px 60px 30px
}

@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
  }
}

@media (min-width:992px) {
  .cfa__container {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    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%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -3px;
  background: #7202bb;
  border-radius: 50px
}

@media (min-width:992px) {
  .cfa__minimal p {
    margin-left: 30px;
    margin-right: 30px
  }
}

@media (min-width:992px) {
  .cfa__minimal {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    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: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: center;
    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)>.before {
  background: #00c6ff
}

.cfa__hot .btn:not(.btn-inside-out-invert)>.after {
  background: #00c6ff
}

.cfa__hot .btn:not(.btn-inside-out-invert) .border-btn {
  border-color: #00c6ff
}

.cfa__hot .btn.btn-prime-white-transparent .border-btn {
  border-color: #fff
}

.cfa__hot_primary .btn .border-btn {
  border-color: #2775ff
}

.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 {
  -webkit-transform: translateY(50%);
  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 #00c6ff;
  border-right: 12px solid #7202bb;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.cfa__trend .grad-border:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 12px;
  background: linear-gradient(to right, #00c6ff, #7202bb)
}

.cfa__trend .grad-border:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 12px;
  background: linear-gradient(to right, #00c6ff, #7202bb)
}

.cfa__trend .grad-border:after {
  top: auto;
  bottom: 0
}

.cfa__trend .divider-layers {
  margin-left: 0
}

.cfa__trend .divider-layers>.before {
  left: 0;
  -webkit-transform: none;
  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__trend .bg-after:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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 #00c6ff
}

.cfa__image {
  position: relative;
  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 {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  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 {
  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: #2775ff !important
}

.cfa-card__btn .border-btn {
  display: none
}

.cfa-lined__line {
  height: 46px;
  width: 3px;
  -webkit-flex-grow: 0;
  flex-grow: 0
}

.brk-form-wrap,
.brk-form-strict .jq-selectbox,
[type=file]~.file-info,
.brk-form-strict .brk-form-date-wrap,
.brk-form-checkbox,
.brk-form-checkbox-label,
.brk-form-radio,
.brk-form-radio-label {
  margin-top: 30px
}

.no-margin .brk-form-checkbox,
.no-margin .brk-form-checkbox-label {
  margin-top: 0
}

.brk-form [type=text],
.brk-form [type=search],
.brk-form [type=password],
.brk-form [type=tel],
.brk-form [type=email] {
  height: 58px
}

.brk-form [type=date]::-webkit-inner-spin-button,
.brk-form [type=date]::-webkit-calendar-picker-indicator {
  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=text],
.brk-form-strict_bd-white [type=search],
.brk-form-strict_bd-white [type=password],
.brk-form-strict_bd-white [type=email],
.brk-form-strict_bd-white [type=tel] {
  border-bottom: 1px solid #fff !important
}

.brk-form-strict_bd-white .brk-form-wrap-active [type=text],
.brk-form-strict_bd-white .brk-form-wrap-active [type=search],
.brk-form-strict_bd-white .brk-form-wrap-active [type=password],
.brk-form-strict_bd-white .brk-form-wrap-active [type=email],
.brk-form-strict_bd-white .brk-form-wrap-active [type=tel] {
  border-bottom-color: #fff !important
}

.brk-form-strict [type=text]:not([disabled]),
.brk-form-strict [type=search]:not([disabled]),
.brk-form-strict [type=password]:not([disabled]),
.brk-form-strict [type=email]:not([disabled]),
.brk-form-strict [type=tel]: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=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 #e8ecff;
  color: #272727
}

.brk-form-strict [type=search] {
  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 #e8ecff;
  color: #272727
}

.brk-form-strict [type=password] {
  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 #e8ecff;
  color: #272727
}

.brk-form-strict [type=email] {
  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 #e8ecff;
  color: #272727
}

.brk-form-strict [type=tel] {
  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 #e8ecff;
  color: #272727
}

.brk-form-strict [type=text]+.input-label,
.brk-form-strict [type=search]+.input-label,
.brk-form-strict [type=password]+.input-label,
.brk-form-strict [type=email]+.input-label,
.brk-form-strict [type=tel]+.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=text][disabled],
.brk-form-strict [type=search][disabled],
.brk-form-strict [type=password][disabled],
.brk-form-strict [type=email][disabled],
.brk-form-strict [type=tel][disabled] {
  border-bottom: 1px solid #e9e9e9
}

.brk-form-strict [type=text][disabled]+.input-label,
.brk-form-strict [type=search][disabled]+.input-label,
.brk-form-strict [type=password][disabled]+.input-label,
.brk-form-strict [type=email][disabled]+.input-label,
.brk-form-strict [type=tel][disabled]+.input-label {
  cursor: default
}

.brk-form-strict [type=text].transparent-border,
.brk-form-strict [type=search].transparent-border,
.brk-form-strict [type=password].transparent-border,
.brk-form-strict [type=email].transparent-border,
.brk-form-strict [type=tel].transparent-border {
  border-bottom: 1px solid rgba(255, 255, 255, .8)
}

.brk-form-strict [type=text][required]+.input-label:after {
  content: "*";
  position: absolute;
  color: #2775ff;
  padding-left: 5px
}

.brk-form-strict [type=search][required]+.input-label:after {
  content: "*";
  position: absolute;
  color: #2775ff;
  padding-left: 5px
}

.brk-form-strict [type=password][required]+.input-label:after {
  content: "*";
  position: absolute;
  color: #2775ff;
  padding-left: 5px
}

.brk-form-strict [type=email][required]+.input-label:after {
  content: "*";
  position: absolute;
  color: #2775ff;
  padding-left: 5px
}

.brk-form-strict [type=tel][required]+.input-label:after {
  content: "*";
  position: absolute;
  color: #2775ff;
  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 #e8ecff
}

.brk-form-strict textarea+.input-label {
  position: absolute;
  top: 21px;
  left: 21px;
  display: block;
  font-size: .875rem;
  line-height: 14px;
  transition: all .4s ease-in-out;
  color: #a2a5ad;
  white-space: nowrap
}

.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 #e8ecff;
  color: rgba(39, 39, 39, .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 #2775ff
}

.brk-form-strict .jq-selectbox__dropdown {
  width: 100%;
  border-top: transparent;
  background-color: #fff;
  border: 1px solid #2775ff
}

.brk-form-strict .jq-selectbox__dropdown ul {
  max-height: 170px;
  padding: 12px 0
}

.brk-form-strict .jq-selectbox__dropdown ul li {
  padding: 0 10px 0 30px;
  line-height: 34px;
  color: rgba(39, 39, 39, .4)
}

.brk-form-strict .jq-selectbox__dropdown ul li.sel {
  color: #e8ecff
}

.brk-form-strict .jq-selectbox__dropdown ul li:hover {
  color: #2775ff
}

.brk-form-strict .jq-selectbox__dropdown ul li.selected {
  color: #2775ff
}

.brk-form-strict .jq-selectbox.opened .jq-selectbox__select {
  border-bottom-color: #2775ff
}

.brk-form-strict .jq-selectbox.opened .jq-selectbox__select-text {
  color: #272727
}

.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 #e8ecff
}

.brk-form-strict .jq-select-multiple ul:hover {
  border-color: #2775ff
}

.brk-form-strict .jq-select-multiple ul li {
  padding: 0 10px 0 30px;
  line-height: 34px;
  color: rgba(39, 39, 39, .4)
}

.brk-form-strict .jq-select-multiple ul li:hover {
  color: #2775ff
}

.brk-form-strict .jq-select-multiple ul li.selected {
  color: #2775ff
}

.brk-form-strict [type=file] {
  display: none
}

.brk-form-strict [type=file]~.file-info {
  width: 100%;
  display: block;
  font-size: .875rem;
  line-height: 34px;
  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 #e8ecff;
  color: rgba(39, 39, 39, .4)
}

.brk-form-strict [type=file]~.file-info:focus {
  border-bottom-color: #2775ff
}

.brk-form-strict [type=file]~.file-info:active {
  border-bottom-color: #2775ff
}

.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%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: .875rem;
  line-height: 14px;
  color: #2775ff
}

.brk-form-strict .brk-form-date-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 #e8ecff;
  color: #272727
}

.brk-form-strict .brk-form-date-wrap input::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-strict .brk-form-date-wrap input::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-strict .brk-form-date-wrap input:-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-strict .brk-form-date-wrap input::placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-strict .brk-form-date-wrap input:focus {
  border-bottom-color: #2775ff
}

.brk-form-strict .brk-form-date-wrap input:active {
  border-bottom-color: #2775ff
}

.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;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: .875rem;
  line-height: 14px;
  color: #2775ff
}

.brk-form-strict .brk-form-checkbox {
  display: inline-block
}

.brk-form-strict .brk-form-checkbox 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: #fff
}

.brk-form-strict .brk-form-checkbox .checkbox-custom i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: .875rem;
  line-height: 14px;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease-in-out;
  color: #fff
}

.brk-form-strict .brk-form-checkbox input:checked+.checkbox-custom {
  border-color: #2775ff;
  background-color: #2775ff
}

.brk-form-strict .brk-form-checkbox input:checked+.checkbox-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: #272727
}

.brk-form-strict .brk-form-radio {
  display: inline-block
}

.brk-form-strict .brk-form-radio input {
  display: none
}

.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: #fff
}

.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: #2775ff
}

.brk-form-strict .brk-form-radio input:checked+.radio-custom {
  border-color: #2775ff
}

.brk-form-strict .brk-form-radio input:checked+.radio-custom:before {
  opacity: 1;
  visibility: visible
}

.brk-form-strict .brk-form-radio-label {
  font-size: .875rem;
  line-height: 24px;
  padding-left: 8px;
  vertical-align: middle;
  cursor: pointer;
  color: #272727
}

.brk-form-strict_silver [type=text],
.brk-form-strict_silver [type=search],
.brk-form-strict_silver [type=password],
.brk-form-strict_silver [type=email],
.brk-form-strict_silver [type=tel] {
  border-bottom: 2px solid rgba(255, 255, 255, .2) !important;
  color: #868686
}

.brk-form-strict_silver [type=text]+.input-label,
.brk-form-strict_silver [type=search]+.input-label,
.brk-form-strict_silver [type=password]+.input-label,
.brk-form-strict_silver [type=email]+.input-label,
.brk-form-strict_silver [type=tel]+.input-label {
  color: #868686
}

.brk-form-strict_silver textarea {
  border: 2px solid rgba(255, 255, 255, .2)
}

.brk-form-strict_silver textarea+.input-label {
  color: #868686
}

.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-wrap {
  position: relative
}

.brk-form-row .brk-form-wrap {
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.brk-form-wrap .input-label {
  cursor: text
}

.brk-form-wrap-active [type=text] {
  border-bottom-color: #2775ff
}

.brk-form-wrap-active [type=search] {
  border-bottom-color: #2775ff
}

.brk-form-wrap-active [type=password] {
  border-bottom-color: #2775ff
}

.brk-form-wrap-active [type=email] {
  border-bottom-color: #2775ff
}

.brk-form-wrap-active [type=tel] {
  border-bottom-color: #2775ff
}

.brk-form-wrap-active [type=text]+.input-label,
.brk-form-wrap-active [type=search]+.input-label,
.brk-form-wrap-active [type=password]+.input-label,
.brk-form-wrap-active [type=email]+.input-label,
.brk-form-wrap-active [type=tel]+.input-label {
  top: 0;
  left: 12px;
  font-size: .75rem;
  letter-spacing: -.06em;
  white-space: nowrap
}

.brk-form-wrap-active textarea {
  border: 1px solid #2775ff
}

.brk-form-wrap-active textarea+.input-label {
  top: -25px;
  left: 12px;
  font-size: .75rem;
  letter-spacing: -.06em;
  white-space: nowrap
}

.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=text] {
  width: 100%;
  height: 54px;
  border-radius: 27px;
  font-size: .875rem;
  padding: 0 20px 0 30px;
  box-shadow: none;
  background-color: #fff;
  border: 2px solid rgba(205, 205, 205, .2);
  color: #272727
}

.brk-form-round [type=search] {
  width: 100%;
  height: 54px;
  border-radius: 27px;
  font-size: .875rem;
  padding: 0 20px 0 30px;
  box-shadow: none;
  background-color: #fff;
  border: 2px solid rgba(205, 205, 205, .2);
  color: #272727
}

.brk-form-round [type=password] {
  width: 100%;
  height: 54px;
  border-radius: 27px;
  font-size: .875rem;
  padding: 0 20px 0 30px;
  box-shadow: none;
  background-color: #fff;
  border: 2px solid rgba(205, 205, 205, .2);
  color: #272727
}

.brk-form-round [type=email] {
  width: 100%;
  height: 54px;
  border-radius: 27px;
  font-size: .875rem;
  padding: 0 20px 0 30px;
  box-shadow: none;
  background-color: #fff;
  border: 2px solid rgba(205, 205, 205, .2);
  color: #272727
}

.brk-form-round [type=tel] {
  width: 100%;
  height: 54px;
  border-radius: 27px;
  font-size: .875rem;
  padding: 0 20px 0 30px;
  box-shadow: none;
  background-color: #fff;
  border: 2px solid rgba(205, 205, 205, .2);
  color: #272727
}

.brk-form-round [type=text]::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=search]::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=password]::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=email]::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=tel]::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=text]::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=search]::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=password]::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=email]::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=tel]::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=text]::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=text]:-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=text]::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=text]::placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=search]::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=search]:-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=search]::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=search]::placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=password]::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=password]:-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=password]::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=password]::placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=email]::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=email]:-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=email]::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=email]::placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=tel]::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=tel]:-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=tel]::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=tel]::placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round [type=text]:active {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round [type=text]:focus {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round [type=search]:active {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round [type=search]:focus {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round [type=password]:active {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round [type=password]:focus {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round [type=email]:active {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round [type=email]:focus {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round [type=tel]:active {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round [type=tel]:focus {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round [type=text][disabled],
.brk-form-round [type=search][disabled],
.brk-form-round [type=password][disabled],
.brk-form-round [type=email][disabled],
.brk-form-round [type=tel][disabled] {
  border: 2px solid rgba(205, 205, 205, .2);
  background-color: #f6f6f6
}

.brk-form-round [type=text][disabled]:active,
.brk-form-round [type=text][disabled]:focus,
.brk-form-round [type=search][disabled]:active,
.brk-form-round [type=search][disabled]:focus,
.brk-form-round [type=password][disabled]:active,
.brk-form-round [type=password][disabled]:focus,
.brk-form-round [type=email][disabled]:active,
.brk-form-round [type=email][disabled]:focus,
.brk-form-round [type=tel][disabled]:active,
.brk-form-round [type=tel][disabled]:focus {
  box-shadow: none;
  border-color: rgba(205, 205, 205, .2)
}

.brk-form-round [type=text][readonly]:active,
.brk-form-round [type=text][readonly]:focus,
.brk-form-round [type=search][readonly]:active,
.brk-form-round [type=search][readonly]:focus,
.brk-form-round [type=password][readonly]:active,
.brk-form-round [type=password][readonly]:focus,
.brk-form-round [type=email][readonly]:active,
.brk-form-round [type=email][readonly]:focus,
.brk-form-round [type=tel][readonly]:active,
.brk-form-round [type=tel][readonly]:focus {
  box-shadow: none;
  border-color: rgba(205, 205, 205, .2)
}

.brk-form-round textarea {
  width: 100%;
  min-height: 170px;
  padding: 26px 15px 15px 29px;
  border-radius: 27px;
  font-size: .875rem;
  line-height: 18px;
  transition: all .4s ease-in-out;
  border: 2px solid rgba(205, 205, 205, .2);
  color: #272727
}

.brk-form-round textarea::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round textarea::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round textarea:-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round textarea::placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round textarea:active {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round textarea:focus {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.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(39, 39, 39, .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 #00c6ff
}

.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 #fff
}

.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: #fff;
  border: 2px solid #00c6ff;
  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: #fff
}

.brk-form-round .jq-selectbox__dropdown ul {
  max-height: 170px;
  padding: 12px 0
}

.brk-form-round .jq-selectbox__dropdown ul li {
  padding: 0 10px 0 30px;
  line-height: 34px;
  color: rgba(39, 39, 39, .4)
}

.brk-form-round .jq-selectbox__dropdown ul li.sel {
  color: #00c6ff
}

.brk-form-round .jq-selectbox__dropdown ul li:hover {
  color: #00c6ff
}

.brk-form-round .jq-selectbox__dropdown ul li.selected {
  color: #00c6ff
}

.brk-form-round .jq-selectbox.opened .jq-selectbox__select {
  border-color: #00c6ff;
  border-bottom-color: transparent;
  border-radius: 27px 27px 0 0
}

.brk-form-round .jq-selectbox.opened .jq-selectbox__select-text {
  color: #272727
}

.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(39, 39, 39, .4)
}

.brk-form-round .jq-select-multiple:hover {
  border-color: #00c6ff;
  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 {
  padding: 0 10px 0 30px;
  line-height: 34px;
  color: rgba(39, 39, 39, .4)
}

.brk-form-round .jq-select-multiple ul li:hover {
  color: #2775ff
}

.brk-form-round .jq-select-multiple ul li.selected {
  color: #2775ff
}

.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: #fff;
  border: 2px solid rgba(205, 205, 205, .2);
  color: rgba(39, 39, 39, .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%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: .875rem;
  line-height: 18px;
  color: #00c6ff
}

.brk-form-round .brk-form-date-wrap {
  position: relative
}

.brk-form-round .brk-form-date-wrap input {
  width: 100%;
  height: 54px;
  border-radius: 27px;
  font-size: .875rem;
  padding: 0 20px 0 30px;
  box-shadow: none;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid rgba(205, 205, 205, .2);
  color: #272727
}

.brk-form-round .brk-form-date-wrap input::-webkit-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round .brk-form-date-wrap input::-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round .brk-form-date-wrap input:-ms-input-placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round .brk-form-date-wrap input::placeholder {
  color: rgba(39, 39, 39, .4);
  opacity: 1
}

.brk-form-round .brk-form-date-wrap input:active {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.brk-form-round .brk-form-date-wrap input:focus {
  box-shadow: 0 5px 16px rgba(165, 165, 165, .5);
  border-color: #00c6ff
}

.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, #00c6ff, #00f6ff)
}

.brk-form-round .brk-form-date-wrap input+.icon-before i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: .875rem;
  line-height: 14px;
  color: #fff
}

.brk-form-round .brk-form-checkbox {
  display: inline-block
}

.brk-form-round .brk-form-checkbox 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: #fff
}

.brk-form-round .brk-form-checkbox .checkbox-custom i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: .5625rem;
  line-height: 14px;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease-in-out;
  color: #fff
}

.brk-form-round .brk-form-checkbox input:checked+.checkbox-custom {
  border: 0;
  background-image: linear-gradient(to top, #00c6ff, #00f6ff)
}

.brk-form-round .brk-form-checkbox input:checked+.checkbox-custom i {
  opacity: 1;
  visibility: visible
}

.brk-form-round .brk-form-checkbox-label {
  font-size: .875rem;
  line-height: 24px;
  padding-left: 8px;
  vertical-align: middle;
  cursor: pointer;
  color: #272727
}

.brk-form-round .brk-form-radio {
  display: inline-block
}

.brk-form-round .brk-form-radio input {
  display: none
}

.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: #fff
}

.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, #00c6ff, #00f6ff)
}

.brk-form-round .brk-form-radio input:checked+.radio-custom {
  border-color: #00c6ff
}

.brk-form-round .brk-form-radio input:checked+.radio-custom:before {
  opacity: 1;
  visibility: visible
}

.brk-form-round .brk-form-radio-label {
  font-size: .875rem;
  line-height: 24px;
  padding-left: 8px;
  vertical-align: middle;
  cursor: pointer;
  color: #272727
}

.brk-form-round-btn-inside-full {
  position: relative
}

.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: -webkit-flex;
  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=text],
.brk-form-transparent [type=search],
.brk-form-transparent [type=password],
.brk-form-transparent [type=email],
.brk-form-transparent [type=tel] {
  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=text]::-webkit-input-placeholder,
.brk-form-transparent [type=search]::-webkit-input-placeholder,
.brk-form-transparent [type=password]::-webkit-input-placeholder,
.brk-form-transparent [type=email]::-webkit-input-placeholder,
.brk-form-transparent [type=tel]::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent [type=text]::-ms-input-placeholder,
.brk-form-transparent [type=search]::-ms-input-placeholder,
.brk-form-transparent [type=password]::-ms-input-placeholder,
.brk-form-transparent [type=email]::-ms-input-placeholder,
.brk-form-transparent [type=tel]::-ms-input-placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent [type=text]:-ms-input-placeholder,
.brk-form-transparent [type=search]:-ms-input-placeholder,
.brk-form-transparent [type=password]:-ms-input-placeholder,
.brk-form-transparent [type=email]:-ms-input-placeholder,
.brk-form-transparent [type=tel]:-ms-input-placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent [type=text]::placeholder,
.brk-form-transparent [type=search]::placeholder,
.brk-form-transparent [type=password]::placeholder,
.brk-form-transparent [type=email]::placeholder,
.brk-form-transparent [type=tel]::placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent [type=text]:active {
  border-color: #fff
}

.brk-form-transparent [type=text]:focus {
  border-color: #fff
}

.brk-form-transparent [type=search]:active {
  border-color: #fff
}

.brk-form-transparent [type=search]:focus {
  border-color: #fff
}

.brk-form-transparent [type=password]:active {
  border-color: #fff
}

.brk-form-transparent [type=password]:focus {
  border-color: #fff
}

.brk-form-transparent [type=email]:active {
  border-color: #fff
}

.brk-form-transparent [type=email]:focus {
  border-color: #fff
}

.brk-form-transparent [type=tel]:active {
  border-color: #fff
}

.brk-form-transparent [type=tel]:focus {
  border-color: #fff
}

.brk-form-transparent [type=text][disabled] {
  border: 2px solid rgba(255, 255, 255, .1);
  background-color: rgba(255, 255, 255, .04)
}

.brk-form-transparent [type=search][disabled] {
  border: 2px solid rgba(255, 255, 255, .1);
  background-color: rgba(255, 255, 255, .04)
}

.brk-form-transparent [type=password][disabled] {
  border: 2px solid rgba(255, 255, 255, .1);
  background-color: rgba(255, 255, 255, .04)
}

.brk-form-transparent [type=email][disabled] {
  border: 2px solid rgba(255, 255, 255, .1);
  background-color: rgba(255, 255, 255, .04)
}

.brk-form-transparent [type=tel][disabled] {
  border: 2px solid rgba(255, 255, 255, .1);
  background-color: rgba(255, 255, 255, .04)
}

.brk-form-transparent [type=text][disabled]:active {
  border-color: rgba(255, 255, 255, .1)
}

.brk-form-transparent [type=text][disabled]:focus {
  border-color: rgba(255, 255, 255, .1)
}

.brk-form-transparent [type=search][disabled]:active {
  border-color: rgba(255, 255, 255, .1)
}

.brk-form-transparent [type=search][disabled]:focus {
  border-color: rgba(255, 255, 255, .1)
}

.brk-form-transparent [type=password][disabled]:active {
  border-color: rgba(255, 255, 255, .1)
}

.brk-form-transparent [type=password][disabled]:focus {
  border-color: rgba(255, 255, 255, .1)
}

.brk-form-transparent [type=email][disabled]:active {
  border-color: rgba(255, 255, 255, .1)
}

.brk-form-transparent [type=email][disabled]:focus {
  border-color: rgba(255, 255, 255, .1)
}

.brk-form-transparent [type=tel][disabled]:active {
  border-color: rgba(255, 255, 255, .1)
}

.brk-form-transparent [type=tel][disabled]:focus {
  border-color: rgba(255, 255, 255, .1)
}

.brk-form-transparent [type=text][readonly],
.brk-form-transparent [type=search][readonly],
.brk-form-transparent [type=password][readonly],
.brk-form-transparent [type=email][readonly],
.brk-form-transparent [type=tel][readonly] {
  border-color: transparent
}

.brk-form-transparent [type=text][readonly]:active,
.brk-form-transparent [type=text][readonly]:focus,
.brk-form-transparent [type=search][readonly]:active,
.brk-form-transparent [type=search][readonly]:focus,
.brk-form-transparent [type=password][readonly]:active,
.brk-form-transparent [type=password][readonly]:focus,
.brk-form-transparent [type=email][readonly]:active,
.brk-form-transparent [type=email][readonly]:focus,
.brk-form-transparent [type=tel][readonly]:active,
.brk-form-transparent [type=tel][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(255, 255, 255, .2);
  background: rgba(255, 255, 255, .12);
  color: #fff
}

.brk-form-transparent textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent textarea::placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent textarea:active {
  border-color: #fff
}

.brk-form-transparent textarea:focus {
  border-color: #fff
}

.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(255, 255, 255, .2);
  color: rgba(255, 255, 255, .4);
  background: rgba(255, 255, 255, .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 #fff;
  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: #fff;
  border: 2px solid #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

.brk-form-transparent .jq-selectbox__dropdown ul {
  max-height: 170px;
  padding: 12px 0
}

.brk-form-transparent .jq-selectbox__dropdown ul li {
  padding: 0 10px 0 30px;
  line-height: 34px;
  color: rgba(39, 39, 39, .4)
}

.brk-form-transparent .jq-selectbox__dropdown ul li.sel {
  color: #00c6ff
}

.brk-form-transparent .jq-selectbox__dropdown ul li:hover {
  color: #00c6ff
}

.brk-form-transparent .jq-selectbox__dropdown ul li.selected {
  color: #00c6ff
}

.brk-form-transparent .jq-selectbox.opened .jq-selectbox__select {
  border-radius: 27px 27px 0 0;
  border-color: #fff;
  border-bottom-color: transparent;
  background-color: #fff
}

.brk-form-transparent .jq-selectbox.opened .jq-selectbox__select-text {
  color: #272727
}

.brk-form-transparent .jq-selectbox.opened .jq-selectbox__trigger-arrow {
  border-top: 5px solid #272727
}

.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(255, 255, 255, .2);
  color: rgba(255, 255, 255, .4);
  background: rgba(255, 255, 255, .12);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .1)
}

.brk-form-transparent .jq-select-multiple:hover {
  border-color: #fff
}

.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(255, 255, 255, .4)
}

.brk-form-transparent .jq-select-multiple ul li:hover {
  color: #fff
}

.brk-form-transparent .jq-select-multiple ul li.selected {
  color: #fff
}

.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(255, 255, 255, .12);
  border: 2px solid rgba(255, 255, 255, .2);
  color: rgba(255, 255, 255, .4)
}

.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, #00c6ff, #00f6ff)
}

.brk-form-transparent [type=file]~.icon-before i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: .875rem;
  line-height: 14px;
  color: #fff
}

.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(255, 255, 255, .12);
  border: 2px solid rgba(255, 255, 255, .2) !important;
  color: #fff
}

.brk-form-transparent .brk-form-date-wrap input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent .brk-form-date-wrap input::-ms-input-placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent .brk-form-date-wrap input:-ms-input-placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent .brk-form-date-wrap input::placeholder {
  color: rgba(255, 255, 255, .4);
  opacity: 1
}

.brk-form-transparent .brk-form-date-wrap input:active {
  border-color: #fff
}

.brk-form-transparent .brk-form-date-wrap input:focus {
  border-color: #fff
}

.brk-form-transparent .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, #00c6ff, #00f6ff)
}

.brk-form-transparent .brk-form-date-wrap input+.icon-before i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: .875rem;
  line-height: 14px;
  color: #fff
}

.brk-form-transparent .brk-form-checkbox {
  display: inline-block
}

.brk-form-transparent .brk-form-checkbox input {
  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(255, 255, 255, .2);
  background: rgba(255, 255, 255, .12)
}

.brk-form-transparent .brk-form-checkbox .checkbox-custom i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: .5625rem;
  line-height: 14px;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease-in-out;
  color: #fff
}

.brk-form-transparent .brk-form-checkbox input:checked+.checkbox-custom {
  border-color: #fff
}

.brk-form-transparent .brk-form-checkbox input:checked+.checkbox-custom i {
  opacity: 1;
  visibility: visible
}

.brk-form-transparent .brk-form-checkbox-label {
  font-size: .875rem;
  line-height: 24px;
  padding-left: 8px;
  vertical-align: middle;
  cursor: pointer;
  color: #fff
}

.brk-form-transparent .brk-form-radio {
  display: inline-block
}

.brk-form-transparent .brk-form-radio input {
  display: none
}

.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(255, 255, 255, .2);
  background: rgba(255, 255, 255, .12)
}

.brk-form-transparent .brk-form-radio .radio-custom i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: .5625rem;
  line-height: 14px;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease-in-out;
  color: #fff
}

.brk-form-transparent .brk-form-radio input:checked+.radio-custom {
  border-color: #fff
}

.brk-form-transparent .brk-form-radio input:checked+.radio-custom i {
  opacity: 1;
  visibility: visible
}

.brk-form-transparent .brk-form-radio-label {
  font-size: .875rem;
  line-height: 24px;
  padding-left: 8px;
  vertical-align: middle;
  cursor: pointer;
  color: #fff
}

.brk-form-transparent_dark [type=text],
.brk-form-transparent_dark [type=search],
.brk-form-transparent_dark [type=password],
.brk-form-transparent_dark [type=email],
.brk-form-transparent_dark [type=tel] {
  color: #434343
}

.brk-form-transparent_dark [type=text]::-webkit-input-placeholder,
.brk-form-transparent_dark [type=search]::-webkit-input-placeholder,
.brk-form-transparent_dark [type=password]::-webkit-input-placeholder,
.brk-form-transparent_dark [type=email]::-webkit-input-placeholder,
.brk-form-transparent_dark [type=tel]::-webkit-input-placeholder {
  color: #434343;
  opacity: 1
}

.brk-form-transparent_dark [type=text]::-ms-input-placeholder,
.brk-form-transparent_dark [type=search]::-ms-input-placeholder,
.brk-form-transparent_dark [type=password]::-ms-input-placeholder,
.brk-form-transparent_dark [type=email]::-ms-input-placeholder,
.brk-form-transparent_dark [type=tel]::-ms-input-placeholder {
  color: #434343;
  opacity: 1
}

.brk-form-transparent_dark [type=text]:-ms-input-placeholder,
.brk-form-transparent_dark [type=search]:-ms-input-placeholder,
.brk-form-transparent_dark [type=password]:-ms-input-placeholder,
.brk-form-transparent_dark [type=email]:-ms-input-placeholder,
.brk-form-transparent_dark [type=tel]:-ms-input-placeholder {
  color: #434343;
  opacity: 1
}

.brk-form-transparent_dark [type=text]::placeholder,
.brk-form-transparent_dark [type=search]::placeholder,
.brk-form-transparent_dark [type=password]::placeholder,
.brk-form-transparent_dark [type=email]::placeholder,
.brk-form-transparent_dark [type=tel]::placeholder {
  color: #434343;
  opacity: 1
}

.brk-form-btn-inside {
  position: relative
}

.brk-form-btn-inside input {
  width: 100% !important
}

.brk-form-btn-inside button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 6px;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  background-image: linear-gradient(10deg, #2775ff, #0f5ae0)
}

.brk-form-btn-inside button i {
  color: #fff
}

.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: #2775ff
}

.brk-form-btn-inside_left button {
  right: auto;
  left: 6px
}

select.brk-form-select-strict,
select.brk-form-multiselect-strict {
  display: none
}

.jq-selectbox,
.jq-select-multiple {
  position: relative;
  display: inline-block
}

.jq-selectbox select,
.jq-select-multiple select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0
}

.jq-selectbox li,
.jq-select-multiple 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 {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  list-style: none;
  -webkit-overflow-scrolling: touch
}

.jq-select-multiple 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-mail-sent-ng,
div.wpcf7-aborted {
  border: 2px solid red
}

div.wpcf7-spam-blocked {
  border: 2px solid orange
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  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::before,
span.wpcf7-list-item-label::after {
  content: " "
}

.wpcf7-display-none {
  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 div.ajax-error {
  display: none
}

div.wpcf7 .placeheld {
  color: #888
}

div.wpcf7 .wpcf7-recaptcha iframe {
  margin-bottom: 0
}

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;
  -webkit-flex-grow: 1;
  flex-grow: 1
}

@media screen and (max-width:992px) {
  .brk-strict-transparent-form {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
  }

  .brk-strict-transparent-form input[type=text] {
    margin-right: 0
  }

  .brk-strict-transparent-form .brk-form-wrap {
    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 {
  display: none
}

.comment-subscription-form input:checked+.subscribe-label:before {
  border-color: #2775ff
}

.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: #272727;
  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: #fff
}

.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: #2775ff
}

.flip-box {
  position: relative;
  width: 100%;
  max-width: 400px;
  display: inline-block;
  -webkit-perspective: 600px;
  perspective: 600px;
  margin-bottom: 30px
}

.flip-box:hover .flip_horizontal {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  z-index: 9
}

.flip-box:hover .flip_vertical {
  -webkit-transform: rotateX(180deg);
  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%;
  -webkit-transform: translateY(-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 {
  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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.flip-box__position_75 {
  top: 75px
}

@media screen and (max-width:479px) {
  .flip-box__position_75 {
    top: 50%;
    -webkit-transform: translateY(-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;
  -webkit-transform: translateY(-50%);
  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 {
  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 {
  content: '';
  position: absolute;
  background-color: rgba(0, 0, 0, .3);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1
}

.flip-box__multiply-decoration i {
  position: absolute;
  top: calc(50%);
  left: calc(50% + 2px);
  -webkit-transform: translate(-50%, -50%);
  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__multiply-decoration::before {
  background-color: rgba(0, 0, 0, .76)
}

.flip-box__multiply_dark .flip-box__bg_overlay: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: inherit
}

.flip-box__split .flip__back {
  background: no-repeat center center;
  background-size: cover
}

.brk-bordered-theme .flip-box__split .flip__back {
  border-radius: inherit;
  overflow: hidden
}

.flip-box__split-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1
}

.flip-box__split-content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2
}

.flip-box__split-content a {
  text-decoration: none !important
}

.flip-box__split-img {
  background: #f3f3f3 no-repeat center center;
  background-size: contain;
  padding-bottom: 100%
}

.brk-bordered-theme .flip-box__split-img {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.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: inherit;
  border-bottom-right-radius: inherit
}

.flip-box__split h4 {
  color: #fff
}

.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: #8a8a8a
}

.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: -webkit-flex;
  display: flex;
  -webkit-flex-grow: 1;
  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 ul,
.flip-box__split-list p {
  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: #00f6ff;
  line-height: inherit
}

[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 {
  color: #2775ff
}

.flip-box__split-actions .add-wishlist {
  color: #2775ff
}

.flip-box__split-actions .add-compare {
  color: #2775ff
}

.flip-box__split-actions .add-search {
  color: #2775ff
}

.flip-box__split-actions .added_to_cart {
  color: #2775ff
}

.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: #00f6ff;
  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%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  margin: 0
}

.flip-box__overlay-title {
  color: #fff
}

.flip-box__overlay-excerpt {
  color: rgba(255, 255, 255, .6)
}

.flip-box__overlay-bg {
  background-color: rgba(255, 255, 255, .96)
}

.flip-box__circle {
  height: 0;
  padding-bottom: 100%;
  position: relative
}

.flip-box__circle-item {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 72.97297%;
  min-width: 240px;
  height: 72.97297%;
  min-height: 240px;
  -webkit-perspective: 600px;
  perspective: 600px
}

.flip-box__circle-front {
  padding-bottom: 100%;
  border-radius: 50%;
  background-image: linear-gradient(to top, rgba(39, 117, 255, .94), rgba(0, 198, 255, .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%;
  -webkit-transform: translate(-50%, -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;
  -webkit-transform: translateY(-50%);
  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: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

[dir=rtl] .brk-sc-card-labels_top-labels {
  -webkit-flex-direction: row;
  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 {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #4f00ba
}

.brk-sc-card-labels_top-labels .brk-sc-card-label__additional-2 {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #4f00ba
}

.brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__text {
  background-image: linear-gradient(to right, #7202bb, #2775ff)
}

.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, #2775ff, #2775ff)
}

.brk-sc-card-labels_top-labels .brk-sc-card-label__text {
  position: absolute;
  width: 122px;
  height: 28px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: 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;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: right bottom;
  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;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: left top;
  transform-origin: left top
}

.brk-sc-card-labels_side-labels {
  position: absolute;
  right: -5px;
  top: 86px;
  width: auto;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.brk-sc-card-labels_side-labels .brk-sc-card-label {
  padding: 8px 10px 10px 10px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  min-width: 60px;
  -webkit-justify-content: center;
  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 {
  position: absolute;
  right: -5px;
  top: 86px;
  width: auto;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-direction: column;
  flex-direction: column
}

.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label {
  padding: 8px 10px 10px 10px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-align-items: center;
  align-items: center;
  min-width: 60px;
  -webkit-justify-content: center;
  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) {
  background-color: #2775ff
}

.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) {
  background-color: #2775ff
}

.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1 {
  background-color: #2775ff
}

.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2 {
  background-color: #2775ff
}

.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1 {
  background-color: #2775ff
}

.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2 {
  background-color: #2775ff
}

.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-3 {
  background-color: #0f5ae0
}

.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-3 {
  background-color: #0f5ae0
}

.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) {
  background-color: #7202bb
}

.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) {
  background-color: #7202bb
}

.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1 {
  background-color: #7202bb
}

.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2 {
  background-color: #7202bb
}

.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1 {
  background-color: #7202bb
}

.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2 {
  background-color: #7202bb
}

.brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-3 {
  background-color: #4f00ba
}

.brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-3 {
  background-color: #4f00ba
}

.flip {
  transition: \transform .6s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position: relative;
  width: 100%
}

.flip__front,
.flip__back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.flip__back {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  background-color: #fff
}

.flip__front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg)
}

.flip__back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  position: absolute
}

.flip_vertical .flip__back {
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg)
}

.overlay-position-full {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.flip-box__split-actions {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-shrink: 0;
  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:hover,
.flip-box__split-actions a.remove_from_wishlist,
.flip-box__split-actions a.remove_from_compare {
  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;
  padding: 0 5px;
  width: 72px;
  padding-top: 10px
}

.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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: 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: #2775ff;
  color: #fff
}

.brk-color-filter {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  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: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  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%;
  -webkit-transform: translate(-50%, -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;
  -webkit-flex-shrink: 0;
  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 {
  position: relative
}

@media screen and (max-width:992px) {
  .brk-sc-item-page-header {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    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 {
  position: relative
}

.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;
    -webkit-order: -1;
    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(39, 117, 255, .92) 15%, rgba(114, 2, 187, .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: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  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-sc-item-page-header__rating .brk-rating__layer,
.brk-sc-item-page-header__rating .brk-rating__imposition {
  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: -webkit-flex;
  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;
  -webkit-transform: translateY(0);
  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%, #00f6ff 0%, #00c6ff 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%, #00c6ff 0%, #2775ff 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%, #2775ff 0%, #1600ba 100%)
}

@-webkit-keyframes ballTransform {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

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

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  75% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
  }

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

@keyframes ballTransform {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

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

  50% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }

  75% {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
  }

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

.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, #00c6ff 0%, #00f6ff 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: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  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 {
  position: relative
}

.brk-footer__border-gradient::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-image: linear-gradient(to left, #6e50c2 0%, #b50aff 100%)
}

.brk-footer__border-gradient-1 {
  position: relative
}

.brk-footer__border-gradient-1::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background-image: linear-gradient(to right, #7202bb 0%, #2775ff 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: #2775ff
}

@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 {
  position: relative
}

.brk-footer__borders_footer-10::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%;
  background-image: linear-gradient(to right, #2775ff, #7202bb)
}

.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
}

.brk-footer__borders_footer-10 .brk-footer__bordered-col {
  position: relative
}

@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__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 {
  position: relative
}

.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)
}

[dir=rtl] .brk-footer__shop-element .brk-footer__shop-title:after {
  left: auto;
  right: 0
}

@media screen and (min-width:991px) {
  .brk-footer__shop-element .brk-footer__shop-title_wide:after {
    width: calc(100% + 30px)
  }
}

.brk-footer__shop-element .brk-slider {
  position: relative
}

[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-prev,
.brk-footer__shop-element .brk-slider__nav-next {
  background-color: transparent;
  cursor: pointer
}

[dir=rtl] .brk-footer__shop-element .brk-slider__nav-prev,
[dir=rtl] .brk-footer__shop-element .brk-slider__nav-next {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.brk-footer__shop-element .brk-slider .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 .slick-list {
  margin-left: -15px;
  margin-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-social-links_bordered .brk-social-links__item:hover i {
  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, #2775ff 0%, #7202bb 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 15px;
    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
  }
}

@media (min-width:576px) {
  .brk-footer-nav ul li:last-child {
    margin-right: 0
  }
}

.brk-dashed-logo {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center
}

.brk-dashed-logo__line {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  opacity: .8;
  background-repeat: repeat
}

.brk-dashed-logo__link {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.brk-form-strict_footer-3 {
  position: relative
}

.brk-form-strict_footer-3 input[type=text],
.brk-form-strict_footer-3 input[type=email],
.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;
  -webkit-transform: translateY(50%);
  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;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 30px auto 0
  }
}

.brk-form-strict_footer-4 {
  position: relative
}

.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: #b50aff
}

.brk-subscribe-squared {
  position: relative
}

.brk-subscribe-squared input {
  width: 100%;
  padding: 15px 55px 15px 33px;
  background-color: #fff;
  color: #2775ff;
  border: 0
}

.brk-subscribe-squared input::-webkit-input-placeholder {
  color: #2775ff
}

.brk-subscribe-squared input:-ms-input-placeholder {
  color: #2775ff
}

.brk-subscribe-squared input::-ms-input-placeholder {
  color: #2775ff
}

.brk-subscribe-squared input::placeholder {
  color: #2775ff
}

.brk-subscribe-squared button {
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
  height: 54px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center
}

.brk-subscribe-squared button i {
  color: #2775ff
}

.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: #7202bb
}

.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 button:hover {
  color: #fff
}

.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, #2775ff, #7202bb)
}

.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 {
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.cfa_footer form {
  -webkit-flex-grow: 1;
  flex-grow: 1
}

.cfa_footer form .wpcf7 .ajax-loader {
  position: absolute;
  top: 0;
  left: 0
}

@media screen and (max-width:1500px) {
  .cfa_footer {
    -webkit-flex-direction: column;
    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 #2775ff
}

.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%;
  -webkit-transform: translate(-50%, -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: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  padding: 52px 40px 40px 40px;
  border-radius: 25px;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .12);
  background-image: linear-gradient(to top, #0b98f6 0%, #00f6ff 100%)
}

.brk-bordered-theme .brk-form_footer-14 {
  border-radius: inherit
}

.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-form_footer-9 input[type=text],
.brk-form_footer-9 input[type=password],
.brk-form_footer-9 input[type=email],
.brk-form_footer-9 input[type=tel],
.brk-form_footer-9 textarea {
  background-color: transparent;
  color: #fff !important;
  border-bottom: 1px solid rgba(255, 255, 255, .9) !important
}

.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:-ms-input-placeholder {
  color: currentColor
}

.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 {
  height: 100%
}

.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[type=text],
.brk-footer-16_style-1 .brk-footer-16__form input[type=password],
.brk-footer-16_style-1 .brk-footer-16__form input[type=email],
.brk-footer-16_style-1 .brk-footer-16__form input[type=tel],
.brk-footer-16_style-1 .brk-footer-16__form 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 {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important
}

.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) {
    -webkit-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }

  .brk-footer-1 .row.no-gutters>.col-xl-6:nth-child(2) {
    -webkit-flex: 0 0 41.66667%;
    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-youtube_adaptive {
  width: 100%;
  position: relative
}

.brs-player-youtube_adaptive:after {
  content: '';
  position: relative;
  display: block;
  padding-top: 54.4%
}

.brs-player-youtube_adaptive iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1
}

.brs-player-vimeo_adaptive {
  width: 100%;
  position: relative
}

.brs-player-vimeo_adaptive:after {
  content: '';
  position: relative;
  display: block;
  padding-top: 54.4%
}

.brs-player-vimeo_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%;
  -webkit-transform: translate(-50%, calc(-50% - 20px));
  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__information {
  display: -webkit-flex;
  display: flex
}

.brk-hosted-video__date {
  margin-right: 14px
}

.brk-hosted-video__date-icon {
  margin-right: 8px;
  font-size: 10px;
  position: relative;
  bottom: 2px;
  left: 1px
}

.brk-hosted-video__comments {
  text-transform: uppercase
}

.brk-hosted-video__comments-icon {
  margin-right: 8px;
  font-size: 10px;
  position: relative;
  bottom: 2px;
  left: 1px
}

.brk-hosted-video__date i,
.brk-hosted-video__comments i {
  vertical-align: middle
}

.brk-hosted-video__about {
  width: auto;
  max-width: 50%;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

@media (min-width:768px) {
  .brk-hosted-video__about {
    margin-right: 63px
  }
}

.brk-hosted-video__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  z-index: -1
}

.brk-hosted-video__body {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 26px 40px 35px 41px;
  z-index: 1
}

.brk-hosted-video__description {
  display: -webkit-flex;
  display: flex;
  position: relative
}

@media (min-width:768px) {
  .brk-hosted-video__description {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end
  }
}

@media (max-width:767px) {
  .brk-hosted-video__description {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center
  }
}

.brk-hosted-video__description .brs-post__more {
  color: #fff;
  font-size: 16px;
  font-weight: 600
}

.brk-hosted-video__information {
  display: -webkit-flex;
  display: flex
}

.brk-hosted-video__date-icon {
  bottom: 1px
}

.brk-hosted-video__comments-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_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 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}