html {
    scroll-behavior: smooth;
    width: 100%;
    height: 100%
}

body {
    width: 100%;
    height: 100%
}

hr {
    border-top: none;
    border-bottom: .5rem solid #fcb040
}

.btn-outline-primary.active,.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover,.open>.dropdown-toggle.btn-outline-primary {
    color: #fff
}

.form-group label {
    font-weight: 700
}

#logo {
    height: 50px;
    max-height: 50px;
    width: auto
}

#header-logo {
    width: 160px;
    height: auto
}

.shadow-light-b {
    -moz-box-shadow: 0 3px 3px rgba(128,128,128,.4);
    -webkit-box-shadow: 0 3px 3px rgba(128,128,128,.4);
    box-shadow: 0 3px 3px rgba(128,128,128,.4)
}

.shadow-dark-b {
    -moz-box-shadow: 0 4px 4px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.4);
    box-shadow: 0 4px 4px rgba(0,0,0,.4)
}

.parallax {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: -999;
    background-color: transparent;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.parallax:after {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    content: " ";
    z-index: -998;
    background: 0 0
}

.bg-hud {
    background: rgba(38,34,36,.72)
}

i.circle {
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0 0 2px #888;
    padding: .5em .6em;
    background: #fff;
    color: #000
}

.f-w-300 {
    font-weight: 300
}

.f-w-400 {
    font-weight: 400
}

.f-w-500 {
    font-weight: 500
}

.f-w-600 {
    font-weight: 600
}

.f-w-700 {
    font-weight: 700
}

.f-w-800 {
    font-weight: 800
}

.text-shadow-1 {
    text-shadow: .5px .5px 1px #444
}

.text-shadow-2 {
    text-shadow: .5px .5px 1px #333
}

.text-shadow-3 {
    text-shadow: .5px .5px 1px #222
}

.bg-pretty {
    background: 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center
}

.abs-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(38,34,36,.64);
    z-index: 5
}

.abs-box h1 {
    font-size: 1.4rem;
    text-shadow: .5px .5px 1px #111
}

.abs-box h1 span {
    font-size: 1.6rem
}

.abs-box p {
    text-shadow: .5px .5px 1px #111
}

.abs-box.bottom {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%)
}

.abs-t-3 {
    top: 1.5rem
}

.abs-t-4 {
    left: 3rem
}

.abs-l-3 {
    top: 1.5rem
}

.abs-l-4 {
    left: 3rem
}

@media only screen and (min-width: 1024px) {
    .abs-box h1 {
        font-size:2.4rem
    }

    .abs-box h1 span {
        font-size: 2.6rem
    }

    .abs-t-lg-3 {
        top: 1.5rem
    }

    .abs-t-lg-4 {
        left: 3rem
    }

    .abs-l-lg-3 {
        top: 1.5rem
    }

    .abs-l-lg-4 {
        left: 3rem
    }
}

.typewriter {
    overflow: hidden;
    border-right: .15em solid #ffff67;
    margin: 0 auto;
    white-space: nowrap;
    letter-spacing: .15em;
    animation: typing 3.5s steps(40,end),blink-caret .75s step-end infinite
}

@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes blink-caret {
    from,to {
        border-color: transparent
    }

    50% {
        border-color: #ffff67
    }
}

.text-heading {
    font-family: 'Varela Round',sans-serif
}

#cookie-pop {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 9999
}

#page-title {
    display: none
}

.bg-black {
    background: #000
}

.bg-hud-grad {
    background: #527afc;
    background: linear-gradient(145deg,#527afc 0,#3955b0 35%,#fca750 100%)
}

.pt-2r {
    padding-top: 2rem
}

.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 1px;
    background-color: #000
}

.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 3px
}

.navbar-toggler .icon-bar {
    position: relative;
    transition: all .2s ease-in-out
}

.navbar-toggler {
    padding: .375rem .75rem;
    height: 35.6px;
    background-color: transparent;
    border: 2px solid #000;
    border-radius: .25rem
}

.navbar-toggler:not(.collapsed) {
    border: 2px solid #000;
    background-color: transparent
}

.navbar-toggler:hover {
    background-color: transparent
}

.navbar-toggler:focus {
    background-color: transparent
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-of-type(1) {
    top: 6px;
    transform: rotate(45deg)
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-of-type(2) {
    background-color: transparent
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg)
}

.nav-item.deco {
    min-width: 150px;
    border-bottom: 6px solid #bcbcbc
}

.nav-item.deco:hover {
    border-bottom: 6px solid #fcb040
}

.nav-item.buttoned {
    background: #fcb040
}

.nav-item.buttoned a {
    color: #fff
}

.nav-item.buttoned a:hover {
    color: #fff
}

@media (max-width: 768px) {
    .pt-2r {
        padding-top:0
    }

    .nav-item.deco {
        border-bottom: none
    }

    .navbar-collapse {
        background: #fff
    }

    .nav-item.deco {
        border-bottom: none
    }

    .nav-item.deco:hover {
        border-bottom: none
    }

    .nav-item.buttoned {
        background: 0 0
    }

    .nav-item.buttoned a {
        color: #bcbcbc
    }

    .nav-item.buttoned a:hover {
        color: #fcb040
    }
}

a.deco {
    position: relative;
    color: #000
}

a.deco:after {
    background: none repeat scroll 0 0 transparent;
    bottom: -1px;
    content: "";
    display: block;
    height: 3px;
    left: 50%;
    position: absolute;
    border-radius: 1px;
    background: #000;
    -webkit-transition: width .3s ease 0s,left .3s ease 0s;
    -moz-transition: width .3s ease 0s,left .3s ease 0s;
    -o-transition: width .3s ease 0s,left .3s ease 0s;
    transition: width .3s ease 0s,left .3s ease 0s;
    width: 0
}

a.deco:hover:after {
    width: 100%;
    left: 0
}

a.deco.negative {
    color: #fff
}

a.deco.negative:after {
    background: #fff
}

.ls-10 {
    letter-spacing: .1em
}

.ls-15 {
    letter-spacing: .15em
}

.abs-title {
    position: absolute;
    top: 2.2rem;
    left: 2.2rem;
    right: 2.2rem;
    z-index: 2;
    color: #fff;
    margin-bottom: 0;
    text-shadow: .4px .4px 1px #777
}

.col-12 .abs-title,.col-6 .abs-title,.col-lg-4 .abs-title,.col-md-4 .abs-title {
    top: 1.4rem;
    left: 1.4rem;
    right: 1.4rem
}

.abs-title h3 {
    font-size: 2.2rem;
    letter-spacing: .12rem
}

.col-6 .abs-title h3,.col-lg-4 .abs-title h3 {
    font-size: 1.4rem
}

@media only screen and (max-width: 576px) {
    .abs-title {
        top:1.4rem;
        left: 1.4rem;
        right: 1.4rem
    }

    .col-6 .abs-title,.col-lg-4 .abs-title {
        top: 1.2rem;
        left: 1.2rem;
        right: 1.2rem
    }

    .abs-title h3 {
        font-size: 1.4rem
    }

    .col-6 .abs-title h3,.col-lg-4 .abs-title h3 {
        font-size: 1.2rem
    }
}

#navbar-respond:focus {
    outline: 0
}

.h-1 {
    height: 1rem
}

.h-2 {
    height: 2rem
}

.h-3 {
    height: 3rem
}

.h-4 {
    height: 4rem
}

.h-5 {
    height: 5rem
}

.h-6 {
    height: 6rem
}

.h-xs {
    height: 8rem
}

.h-s {
    height: 16rem
}

.h-md {
    height: 24rem
}

.h-lg {
    height: 36rem
}

.h-xl {
    height: 48rem
}

.cursor-pointer {
    cursor: pointer
}

.mod-box {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1500
}

.mod-box .container {
    position: relative;
    z-index: 1550
}

.mod-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 500
}

.mod-shadow {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15),0 3px 10px 0 rgba(0,0,0,.14)
}

.oscroll-y {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll
}

.oscroll-y::-webkit-scrollbar {
    width: 8px
}

.oscroll-y::-webkit-scrollbar-track {
    background: 0 0
}

.oscroll-y::-webkit-scrollbar-thumb {
    background: #343a40
}

.oscroll-y::-webkit-scrollbar-thumb:hover {
    background: #000
}

.font-xs {
    font-size: .6rem!important
}

.font-sm {
    font-size: .8rem!important
}

.font-md {
    font-size: 1rem!important
}

.font-lg {
    font-size: 1.2rem!important
}

.font-xl {
    font-size: 1.4rem!important
}

.font-xxl {
    font-size: 2rem!important
}

.font-xxxl {
    font-size: 2.6rem!important
}

.font-weight-black {
    font-weight: 900
}

.image-fluid {
    width: 100%;
    overflow: hidden;
    position: relative
}

.image-fluid.av-6-5 {
    padding-top: 83.33%
}

.image-fluid.av-4-3 {
    padding-top: 75%
}

.image-fluid.av-3-2 {
    padding-top: 66.66%
}

.image-fluid.av-16-9 {
    padding-top: 56.25%
}

@media only screen and (min-width: 1024px) {
    .image-fluid.av-6-5.a-lg-auto {
        padding-top:0;
        height: 100%
    }

    .image-fluid.av-4-3.a-lg-auto {
        padding-top: 0;
        height: 100%
    }

    .image-fluid.av-3-2.a-lg-auto {
        padding-top: 0;
        height: 100%
    }

    .image-fluid.av-16-9.a-lg-auto {
        padding-top: 0;
        height: 100%
    }
}

.media-upload-frame {
    padding-top: 50%;
    position: relative
}

.media-upload-start {
    position: absolute;
    top: 3%;
    left: 3%;
    right: 3%;
    bottom: 3%;
    width: 94%;
    height: 94%;
    border: 6px dashed #aeadaf;
    color: #aeadaf;
    cursor: pointer
}

.media-upload-start.active {
    border: 6px dashed #3d87ff;
    color: #3d87ff
}

.media-upload-start.error {
    border: 6px dashed #ff3356;
    color: #ff3356
}

.media-frame-border {
    border: 4px dashed #aeadaf
}

.image-box-tools {
    position: absolute;
    top: 5px;
    right: 5px;
    display: none;
    z-index: 102
}

.image-box:hover .image-box-tools {
    display: block
}

.image-fluid.ah-16-9 {
    padding-top: 177.77%
}

.image-fluid.ah-4-3 {
    padding-top: 133.33%
}

.image-fluid.ah-3-2 {
    padding-top: 150%
}

.image-fluid.a-1-1 {
    padding-top: 100%
}

.image-fluid img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover
}

.image-fluid.contain img {
    object-fit: contain
}

.image-fluid.cover img {
    object-fit: cover
}

.nav-tabs {
    border-bottom: none
}

.nav-link.tab {
    border: none;
    border-left: 2px solid transparent;
    color: #222
}

.nav-link.tab.active {
    border: none;
    border-left: 2px solid #000;
    color: #000
}

.nav-link.category {
    color: #ffeff4;
    border-bottom: 3px solid transparent
}

.nav-link.category:hover {
    border-bottom: 3px solid
}

.pos-rel {
    position: relative
}

.link-foil {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.link-foil.link-in.dark-75~.image-fluid img {
    -webkit-filter: brightness(75%);
    filter: brightness(75%)
}

.link-foil.link-out.dark-75 .image-fluid img {
    -webkit-filter: brightness(75%);
    filter: brightness(75%)
}

.link-foil.link-border:hover {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.12),0 3px 6px 0 rgba(0,0,0,.08);
    z-index: 6
}

.sw-easy {
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.12),0 3px 6px 0 rgba(0,0,0,.08);
    z-index: 6
}

.link-foil.link-in.dark-75:hover~.image-fluid img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%)
}

.link-foil.link-out.dark-75:hover .image-fluid img {
    -webkit-filter: brightness(100%);
    filter: brightness(100%)
}

.link-box {
    position: relative;
    display: block;
    width: 100%
}

.link-box h2,.link-box h3,.link-box p {
    color: #120505
}

.link-box:hover {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15),0 3px 10px 0 rgba(0,0,0,.14);
    z-index: 6
}

.link-box:hover h2,.link-box:hover h3,.link-box:hover p {
    color: #320505
}

.link-box:hover img {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.link-box.light h2,.link-box.light h3,.link-box.light p {
    color: #ffeff4
}

.link-box.light:hover h2,.link-box.light:hover h3,.link-box.light:hover p {
    color: #ffeff4
}

.sh-hover:hover {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15),0 3px 10px 0 rgba(0,0,0,.14);
    z-index: 6
}

.text-input {
    color: #ccc
}

.text-1line,.text-2line,.text-4line {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis
}

.text-1line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.text-2line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.text-4line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4
}

.mark {
    position: absolute;
    z-index: 11
}

.mark-tl-side {
    top: 1rem;
    left: 0
}

.mark-tr-side {
    top: 1rem;
    right: 0
}

.mark-bl-side {
    bottom: 1rem;
    left: 0
}

.mark-br-side {
    bottom: 1rem;
    right: 0
}

.mark-tl-corner {
    top: 1rem;
    left: 1rem
}

.mark-tr-corner {
    top: 1rem;
    right: 1rem
}

.mark-bl-corner {
    bottom: 1rem;
    left: 1rem
}

.mark-br-corner {
    bottom: 1rem;
    right: 1rem
}

.mark-inline {
    border-left: 3px solid #fcb040;
    color: #868e96;
    padding-left: 1rem;
    font-size: 1.1rem;
    font-weight: 300
}

.flex-even {
    flex: 1
}

.buttonBack___1mlaL,.buttonFirst___2rhFr,.buttonLast___2yuh0,.buttonNext___2mOCa,.buttonNext___3Lm3s,.dot___3c3SI {
    cursor: pointer
}

.image___xtQGH {
    display: block;
    width: 100%;
    height: 100%
}

.spinner___27VUp {
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    animation-name: spin___S3UuE;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    border: 4px solid #a9a9a9;
    border-top-color: #000;
    border-radius: 30px
}

@keyframes spin___S3UuE {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.container___2O72F {
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%
}

.overlay___IV4qY {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    cursor: zoom-in;
    transition: opacity .3s,transform .3s
}

.hover___MYy31,.loading___1pvNI,.zoom___3kqYk {
    opacity: 1
}

.imageLoadingSpinnerContainer___3UIPD {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f4f4f4
}

.slide___3-Nqo {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 0;
    margin: 0;
    list-style-type: none;
    outline: 0!important
}

.slide___3-Nqo:focus {
    outline: 0!important
}

.slideHorizontal___1NzNV {
    float: left
}

[dir=rtl] .slideHorizontal___1NzNV {
    direction: rtl;
    transform: scaleX(-1)
}

.slideInner___2mfX9 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.horizontalSlider___281Ls {
    position: relative;
    overflow: hidden
}

[dir=rtl] .horizontalSlider___281Ls {
    direction: ltr;
    transform: scaleX(-1)
}

.horizontalSliderTray___1L-0W {
    overflow: hidden;
    width: 100%
}

.verticalSlider___34ZFD {
    position: relative;
    overflow: hidden
}

.verticalSliderTray___267D8 {
    overflow: hidden
}

.verticalTray___12Key {
    float: left
}

.verticalSlideTrayWrap___2nO7o {
    overflow: hidden
}

.sliderTray___-vHFQ {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0
}

.sliderAnimation___300FY {
    transition: transform .5s;
    transition-timing-function: cubic-bezier(.645,.045,.355,1);
    will-change: transform
}

.masterSpinnerContainer___1Z6hB {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f4f4f4
}

html {
    font-size: .88rem
}

@media (min-width: 576px) {
    html {
        font-size:.94rem
    }
}

@media (min-width: 768px) {
    html {
        font-size:1rem
    }
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-left' class='svg-inline--fa fa-chevron-left fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M34.52 239.03L228.87 44.69c9.37-9.37 24.57-9.37 33.94 0l22.67 22.67c9.36 9.36 9.37 24.52.04 33.9L131.49 256l154.02 154.75c9.34 9.38 9.32 24.54-.04 33.9l-22.67 22.67c-9.37 9.37-24.57 9.37-33.94 0L34.52 272.97c-9.37-9.37-9.37-24.57 0-33.94z'%3E%3C/path%3E%3C/svg%3E")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='chevron-right' class='svg-inline--fa fa-chevron-right fa-w-10' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='currentColor' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'%3E%3C/path%3E%3C/svg%3E")
}

.carousel-control-next,.carousel-control-prev {
    width: 5%
}

.carousel-inner {
    width: 90%
}

.blog h2 {
    font-size: 1.75rem!important;
    color: #666!important;
    font-weight: 700;
    letter-spacing: .1em;
    margin-bottom: 1rem!important;
    text-transform: uppercase
}

.blog h3 {
    font-size: 1.5rem!important;
    color: #666!important;
    margin-top: 1.5rem!important;
    margin-bottom: 1rem!important
}

.md-space p img {
    width: 100%;
    height: auto
}

.md-youtube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%
}

.md-youtube iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.p-abs-1 {
    top: .25rem;
    left: .25rem;
    right: .25rem;
    bottom: .25rem
}

.p-abs-2 {
    top: .5rem;
    left: .5rem;
    right: .5rem;
    bottom: .5rem
}

.p-abs-3 {
    top: 1rem;
    left: 1rem;
    right: 1rem;
    bottom: 1rem
}

.carousel-control-next-icon,.carousel-control-prev-icon {
    width: 60px;
    height: 60px
}

@media (min-width: 768px) and (max-width:991px) {
    .carousel-inner .active.col-md-4.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position:absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible
    }
}

@media (min-width: 576px) and (max-width:768px) {
    .carousel-inner .active.col-sm-6.carousel-item+.carousel-item+.carousel-item {
        position:absolute;
        top: 0;
        right: -50%;
        z-index: -1;
        display: block;
        visibility: visible
    }
}

@media (min-width: 576px) {
    .carousel-item {
        margin-right:0
    }

    .carousel-inner .active+.carousel-item {
        display: block
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),.carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item {
        transition: none
    }

    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0,0,0)
    }

    .active.carousel-item-left+.carousel-item-next.carousel-item-left,.carousel-item-next.carousel-item-left+.carousel-item,.carousel-item-next.carousel-item-left+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible
    }

    .active.carousel-item-right+.carousel-item-prev.carousel-item-right,.carousel-item-prev.carousel-item-right+.carousel-item,.carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%,0,0);
        visibility: visible;
        display: block;
        visibility: visible
    }
}

@media (min-width: 768px) {
    .carousel-inner .active+.carousel-item+.carousel-item {
        display:block
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item {
        transition: none
    }

    .carousel-inner .carousel-item-next {
        position: relative;
        transform: translate3d(0,0,0)
    }

    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%,0,0);
        visibility: visible;
        display: block;
        visibility: visible
    }
}

@media (min-width: 991px) {
    .carousel-inner .active+.carousel-item+.carousel-item+.carousel-item {
        display:block
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)+.carousel-item+.carousel-item+.carousel-item {
        transition: none
    }

    .carousel-inner .active.col-lg-3.carousel-item+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: absolute;
        top: 0;
        right: -25%;
        z-index: -1;
        display: block;
        visibility: visible
    }

    .carousel-item-next.carousel-item-left+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    .carousel-item-prev.carousel-item-right+.carousel-item+.carousel-item+.carousel-item+.carousel-item {
        position: relative;
        transform: translate3d(100%,0,0);
        visibility: visible;
        display: block;
        visibility: visible
    }
}

#single-novica p {
    font-size: 1rem;
    line-height: 1.42
}

#single-novica p img {
    width: 100%;
    height: auto
}

blockquote {
    background: #222;
    border-left: .7rem solid #888;
    margin: 1.5em .7rem;
    padding: .5em .7rem
}

.box blockquote {
    background: #eee
}

blockquote p:last-child {
    margin-bottom: 0
}

.checkbox-btn {
    position: relative
}

.checkbox-btn input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkbox-btn input:checked~.btn {
    border-color: #000;
    background-color: #000;
    color: #fff
}

.icon-control {
    margin-top: 5px;
    float: right;
    font-size: 80%
}

.slider-container {
    margin-left: .7rem;
    margin-right: .25rem
}

.slider.slider-horizontal {
    width: 100%
}

.slider.slider-horizontal .slider-track {
    height: 3px;
    margin-top: -5px
}

.slider.slider-horizontal .slider-selection {
    background: #000
}

.slider.slider-horizontal .slider-handle {
    width: 12px;
    height: 12px;
    margin-left: -6px;
    background: #000
}

.slider-banner-slick .slick-next,.slider-banner-slick .slick-prev {
    padding: 18px 7px;
    color: #fff;
    display: inline-block;
    background-color: rgba(0,0,0,.3);
    position: absolute;
    z-index: 9;
    position: absolute
}

.slider-banner-slick .slick-next:before,.slider-banner-slick .slick-prev:before {
    display: none
}

.slider-banner-slick .slick-prev {
    top: 18%;
    left: 0
}

.slider-banner-slick .slick-next {
    top: 18%;
    right: 0
}

.slider-banner-slick .item-slide img {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-items-slick .slick-next,.slider-items-slick .slick-prev {
    padding: 18px 7px;
    color: #fff;
    position: absolute;
    z-index: 9;
    display: none;
    position: absolute
}

.slider-items-slick:hover .slick-prev {
    background-color: rgba(0,0,0,.3)
}

.slider-items-slick:hover .slick-next {
    background-color: rgba(0,0,0,.3)
}

.slider-items-slick .slick-next:before,.slider-items-slick .slick-prev:before {
    display: none
}

.slider-items-slick .slick-prev {
    top: 40%;
    left: 0
}

.slider-items-slick .slick-next {
    top: 40%;
    right: 0
}

.slick-dots {
    bottom: -1.5rem
}