/*!* Bootstrap v4.1.3 (https://getbootstrap.com/)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/
.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

strong {
    font-weight: bold;
}

.owl-carousel,
.owl-carousel .owl-item,
.owl-theme .owl-dots,
.owl-theme .owl-nav,
html {
    -webkit-tap-highlight-color: transparent
}

img,
svg {
    vertical-align: middle
}

.badge,
progress,
sub,
sup {
    vertical-align: baseline
}

.owl-carousel {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn,
.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -ms-user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -moz-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

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

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(node_modules/owl.carousel/dist/assets/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-theme .owl-nav {
    margin-top: 10px
}

.owl-theme .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px 7px;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

@font-face {
    font-family: flexslider-icon;
    src: url(node_modules/flexslider/fonts/flexslider-icon.eot);
    src: url(node_modules/flexslider/fonts/flexslider-icon.eot?#iefix) format('embedded-opentype'), url(node_modules/flexslider/fonts/flexslider-icon.woff) format('woff'), url(node_modules/flexslider/fonts/flexslider-icon.ttf) format('truetype'), url(node_modules/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format('svg');
    font-weight: 400;
    font-style: normal
}

.dropdown-menu,
.form-control,
.modal-content,
.popover {
    background-clip: padding-box
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden
}

dl,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
pre,
ul {
    margin-top: 0
}

button,
hr,
input {
    overflow: visible
}

pre,
textarea {
    overflow: auto
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0
}

address,
dl,
ol,
p,
pre,
ul {
    margin-bottom: 1rem
}

dd,
h1,
h2,
h3,
h4,
h5,
h6,
label {
    margin-bottom: .5rem
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

label,
output {
    display: inline-block
}

.flex-control-thumbs img:hover {
    opacity: 1
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default
}

@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev {
        opacity: 1;
        left: 10px
    }

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px
    }
}

@media(min-width:992px) {

    .flex-lg-column,
    .flex-lg-row {
        -webkit-box-direction: normal !important
    }

    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }

    .float-lg-left {
        float: left !important
    }

    .float-lg-right {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important
    }

    .mr-lg-0,
    .mx-lg-0 {
        margin-right: 0 !important
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: .25rem !important
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: .25rem !important
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: .25rem !important
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .mt-lg-2,
    .my-lg-2 {
        margin-top: .5rem !important
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: .5rem !important
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: .5rem !important
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important
    }

    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important
    }

    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: .25rem !important
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: .25rem !important
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: .25rem !important
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: .5rem !important
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: .5rem !important
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: .5rem !important
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important
    }

    .text-lg-left {
        text-align: left !important
    }

    .text-lg-right {
        text-align: right !important
    }

    .text-lg-center {
        text-align: center !important
    }
}

@media(min-width:1200px) {

    .flex-xl-column,
    .flex-xl-row {
        -webkit-box-direction: normal !important
    }

    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: reverse !important;
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -webkit-box-flex: 0 !important;
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -webkit-box-flex: 1 !important;
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline !important;
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }

    .float-xl-left {
        float: left !important
    }

    .float-xl-right {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: .25rem !important
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: .25rem !important
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: .25rem !important
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: .5rem !important
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: .5rem !important
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: .5rem !important
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: .25rem !important
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: .25rem !important
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: .25rem !important
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: .5rem !important
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: .5rem !important
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: .5rem !important
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important
    }

    .text-xl-left {
        text-align: left !important
    }

    .text-xl-right {
        text-align: right !important
    }

    .text-xl-center {
        text-align: center !important
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 770ms;
    animation-duration: 770ms;
    animation-fill-mode: both
}

.fadeInUp3,
.fadeInUp4 {
    -webkit-animation-name: fadeInUp;
    -webkit-animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp3 {
    animation-name: fadeInUp;
    -webkit-animation-duration: 790ms;
    animation-duration: 790ms;
    animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp4 {
    animation-name: fadeInUp;
    -webkit-animation-duration: 810ms;
    animation-duration: 810ms;
    animation-fill-mode: both
}

.fadeInUp5,
.fadeInUp6 {
    -webkit-animation-name: fadeInUp;
    -webkit-animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp5 {
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp6 {
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.02s;
    animation-duration: 1.02s;
    animation-fill-mode: both
}

.fadeInUp7,
.fadeInUp8 {
    -webkit-animation-name: fadeInUp;
    -webkit-animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp7 {
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.04s;
    animation-duration: 1.04s;
    animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp8 {
    animation-name: fadeInUp;
    -webkit-animation-duration: 1.06s;
    animation-duration: 1.06s;
    animation-fill-mode: both
}

.fadeInRight,
.fadeInUp9 {
    -webkit-animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInUp9 {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 980ms;
    animation-duration: 980ms;
    animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-fill-mode: both
}

.fadeInRight2,
.fadeInRight3 {
    -webkit-animation-name: fadeInRight;
    -webkit-animation-fill-mode: both
}

.fadeInRight2 {
    animation-name: fadeInRight;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    animation-fill-mode: both
}

.fadeInRight3 {
    animation-name: fadeInRight;
    -webkit-animation-duration: 2.6s;
    animation-duration: 2.6s;
    animation-fill-mode: both
}

.fadeInLeft,
.fadeInRight4 {
    -webkit-animation-fill-mode: both
}

.fadeInRight4 {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: 2.9s;
    animation-duration: 2.9s;
    animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-fill-mode: both
}

.fadeInLeft2,
.fadeInLeft3 {
    -webkit-animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both
}

.fadeInLeft2 {
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    animation-fill-mode: both
}

.fadeInLeft3 {
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2.6s;
    animation-duration: 2.6s;
    animation-fill-mode: both
}

.fade-Product,
.fadeInLeft4 {
    -webkit-animation-fill-mode: both
}

.fadeInLeft4 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 2.9s;
    animation-duration: 2.9s;
    animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.mub {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-box-shadow: 0 0 1px transparent;
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden
}

.mub:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: rgba(183, 156, 125, .5);
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.mub:active:before,
.mub:focus:before,
.mub:hover:before {
    right: 0
}

.fade-Product {
    -webkit-animation-name: fade;
    animation-name: fade;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInRight-tap {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.tab-fadeInUp2 {
    -webkit-animation-name: fadeup;
    animation-name: fadeup;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

body {
    font-family: Raleway, sans-serif;
    font-weight: 300;
    overflow-x: hidden !important;
}

a:hover {
    text-decoration: none !important
}

.video-container-vimeo {
    position: relative;
    padding-bottom: 55%;
    padding-top: 25px;
    height: 0;
    z-index: 0
}

.footer .headding,
.footer .sub-headding,
.page-header,
.page-list-left .heding,
.page-list-right .heding,
.section-link a,
.sub-header {
    text-transform: uppercase
}

.slider-container .slider-text-content .slider-link:hover {
    text-decoration: none
}

.slider-container .slider-text-content .link-flot {
    float: right;
    margin-right: 3px
}

.slider-container .slider-text-content .text-right {
    text-align: right
}

.slider-container .text-posi-left {
    bottom: 22%;
    left: 0
}

.slider-container .text-posi-right {
    bottom: 17%;
    right: 0
}

.slider-container .text-posi-right2 {
    bottom: 37%;
    right: 0
}

.owl-carousel .active .item .slider-container .slider-text-content {
    display: block
}

.owl-theme .owl-dots .owl-dot {
    outline: 0 !important
}

.owl-theme .owl-dots .owl-dot span {
    background: #8f8f8f;
    width: 6px;
    height: 6px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #b79c7d
}

.page-section {
    width: 100%;
    height: auto;
    padding: 0 20px;
    float: left
}

.page-section-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: auto !important;
    margin-left: auto !important
}

.sc-row {
    width: 100%;
    height: auto
}

.sc-col-md-1 {
    width: 20%;
    float: left
}

.sc-col-md-2 {
    width: 60%;
    float: left
}

.sc-col-md-3 {
    width: 40%;
    float: left
}

.sc-col-md-4 {
    width: 33.33%;
    float: left
}

.sc-col-md-6 {
    width: 50%;
    float: left
}

.page-imgs,
.page-imgs img {
    width: 100%
}

.page-imgs {
    height: auto;
    float: left
}

.page-margin {
    margin-top: 80px
}

.page-margin2 {
    margin-top: 50px !important
}

.page-margin3 {
    margin-top: 30px
}

.page-padding {
    padding-top: 50px
}

.image-padding {
    padding: 30px 40px 30px 0
}

.image-padding2 {
    padding: 30px 32px
}

.image-padding3 {
    padding: 0 50px 0 0
}

.image-padding4 {
    padding: 0 40px 30px 0
}

.image-padding5 {
    padding: 0 70px
}

.page-header {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-size: 36px;
    word-break: break-word;
    font-family: playfair display, serif;
    color: #414042;
    margin: 0;
    padding: 0;
    letter-spacing: 2.5px
}

.heading-spacer {
    width: 92%;
    height: 11px;
    margin: 25px auto;
    padding: 25px 0 0;
    display: table;
    position: relative;
    border-bottom: #ccc solid 1px
}

.section-link,
.sub-header {
    width: 100%;
    text-align: center
}

.heading-spacer .diamond {
    position: relative;
    bottom: -8px;
    float: none;
    display: table;
    margin: auto;
    z-index: 5
}

.sub-header {
    height: auto;
    font-family: Raleway, sans-serif;
    font-weight: 200;
    color: #414042;
    font-size: 16px;
    margin: 0;
    padding: 0 20px;
    letter-spacing: .2px
}

.section-link {
    height: auto;
    float: left;
    margin: 25px 0;
    padding: 0
}

.section-link a {
    width: auto;
    font-size: 14px;
    color: #9c866e;
    font-weight: 200;
    letter-spacing: 1px
}

.section-link a:hover {
    text-decoration: none
}

.page-list-left {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 65px 0 0;
    margin: 0 0 45px
}

.page-list-left .heding {
    width: 100%;
    height: auto;
    font-size: 18px !important;
    font-weight: 600;
    font-family: playfair display, serif;
    color: #414042;
    letter-spacing: 2px;
    text-align: right
}

.page-list-left .text {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    font-family: Raleway, sans-serif;
    color: #8f8f8f;
    letter-spacing: 1px;
    text-align: right;
    padding: 0 0 0 30px
}

.page-list-left i {
    width: 50px;
    height: 50px;
    float: right;
    margin-right: -65px
}

.page-list-right {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 0 0 65px;
    margin: 0 0 45px
}

.page-list-right .heding {
    width: 100%;
    height: auto;
    font-size: 18px !important;
    font-weight: 600;
    font-family: playfair display, serif;
    color: #414042;
    letter-spacing: 2px;
    text-align: left
}

.page-list-right .text {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    font-family: Raleway, sans-serif;
    color: #8f8f8f;
    letter-spacing: .1px;
    text-align: left;
    padding: 0 30px 0 0
}

.page-list-right i {
    width: 50px;
    height: 50px;
    float: left;
    margin-left: -65px
}

.icon-prongs {
    background: url(/public/images/Sylvie-DesignDiff-Icon.png) left 0 bottom -1px no-repeat
}

.icon-points {
    background: url(/public/images/Sylvie-DesignDiff-Icon.png) left -55px bottom -1px no-repeat
}

.icon-timeless {
    background: url(/public/images/Sylvie-DesignDiff-Icon.png) left -110px bottom -1px no-repeat
}

.icon-match {
    background: url(/public/images/Sylvie-DesignDiff-Icon.png) left -167px bottom -1px no-repeat
}

.icon-beauty {
    width: 45px !important;
    background: url(/public/images/Sylvie-DesignDiff-Icon.png) left -216px bottom -1px no-repeat
}

.icon-perfect {
    background: url(/public/images/Sylvie-DesignDiff-Icon.png) left -261px bottom -1px no-repeat
}

.footer,
.page-top-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.page-list-horizontal {
    width: 100%;
    height: auto;
    float: left;
    padding: 0 80px;
    margin: 20px 0 0
}

.page-list-horizontal ul {
    width: 100%;
    height: auto;
    list-style: none;
    float: left;
    margin: 0;
    padding: 0
}

.page-list-horizontal ul li {
    width: 20%;
    height: auto;
    float: left
}

.page-list-horizontal ul li a {
    width: 100%;
    float: left;
    padding: 1px
}

.page-list-horizontal ul li a:hover {
    text-decoration: none
}

.page-list-horizontal ul li a img {
    width: 100%
}

.share-links {
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0;
    text-align: center
}

.share-links .share-links-content {
    width: 105px;
    height: 44px;
    margin: 0 auto;
    padding: 0 15px;
    float: none;
    display: table;
    overflow: hidden;
    background-color: #f1f2f2;
    border-radius: 50px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.share-links .share-links-content:hover {
    width: 200px;
    -webkit-transition: all .5s;
    transition: all .5s
}

.share-links .share-links-content ul {
    width: auto;
    height: 44px;
    margin: 0;
    padding: 0;
    float: left;
    list-style: none
}

.share-links .share-links-content ul li {
    width: auto;
    float: left;
    margin: 0 5px;
    font-size: 12px;
    text-transform: uppercase;
    color: #414042;
    line-height: 44px
}

.share-links .share-links-content ul li a {
    width: auto;
    color: #414042
}

.share-links .share-links-content ul li a:hover {
    color: #9c866e;
    text-decoration: none
}

.psection {
    margin: 0;
    padding: 50px 0 0
}

.product-item .pdescription,
.psmall-headding {
    font-family: Raleway, sans-serif;
    width: 100%;
    text-align: center
}

.psmall-headding {
    height: auto;
    font-size: 14px;
    letter-spacing: 1px;
    color: #b79c7d;
    padding: 0;
    margin: 20px 0 40px
}

.product-item {
    width: 100%;
    height: auto;
    margin: 0 0 50px
}

.product-item .pimge {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative
}

.product-item .pimge:hover .pdescription {
    color: #b79c7d
}

.product-item .pimge img {
    width: 100%
}

.product-item .pimge .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.product-item .pimge .overlay:hover {
    background-color: rgba(255, 255, 255, .2);
    -webkit-transition: opacity .01s ease-out;
    transition: opacity .01s ease-out
}

@-webkit-keyframes fadeInFromNone {
    0% {
        opacity: 1;
        display: none
    }

    100% {
        display: block;
        opacity: 0
    }
}

@keyframes fadeInFromNone {
    0% {
        opacity: 1;
        display: none
    }

    100% {
        display: block;
        opacity: 0
    }
}

.item-tab .tab-content .active,
.tab-pane-opacity {
    opacity: 1 !important
}

.product-item .pdescription {
    height: auto;
    font-size: 16px;
    letter-spacing: 3px;
    color: #414042;
    padding: 10px 0
}

.product-item .pdescription:hover {
    color: #b79c7d
}

.item-page-headding .content ul li a,
.item-tab .itmetab .nav-item .nav-link,
.item-tab .tab-content .tab-pane .tb-content .item-table td,
.item-tab .tab-content .tab-pane .tb-content .text,
.share {
    font-family: Raleway, sans-serif
}

.item-page-headding .content ul {
    width: auto;
    list-style: none;
    margin: 25px 0 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.item-page-headding .content ul li {
    width: auto;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0
}

.item-page-headding .content ul li a {
    width: auto;
    height: 44px;
    line-height: 44px;
    font-weight: 700;
    color: #9e9e9e;
    background-color: #f0f0f0;
    padding: 0 15px
}

.item-page-headding .content ul li a:hover {
    background-color: #b79c7d;
    color: #fff;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.item-page-headding .content ul li a i {
    margin-right: 5px
}

.item-page-headding .content ul li .active {
    background-color: #414042;
    color: #fff !important
}

.share {
    width: 103px !important;
    -webkit-transition: width 1s !important;
    transition: width 1s !important;
    font-weight: 700;
    color: #9e9e9e;
    background-color: #f0f0f0;
    padding: 13px 15px !important;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    max-height: 44px
}

.share span {
    float: left;
    width: 73px
}

.share:hover {
    width: 223px !important;
    height: 44px;
    max-height: 44px;
    overflow: hidden;
    -webkit-transition: width 1s;
    transition: width 1s;
    background-color: #b79c7d;
    color: #fff
}

.share a,
.share a:hover {
    background: 0 0 !important
}

.share a {
    width: 0 !important;
    height: auto !important;
    float: left !important;
    padding: 0 !important;
    margin: 0 !important;
    line-height: normal !important;
    overflow-x: hidden !important;
    color: #fff !important
}

.share a i {
    position: relative;
    top: 2px
}

.share:hover a {
    width: 20px !important;
    overflow-x: auto;
    -webkit-transition: all .5s ease .5s;
    transition: all .5s ease .5s;
    margin: 0 0 0 10px !important
}

.item-tab {
    width: 100%;
    float: left;
    margin: 60px 0 0
}

.item-tab .itmetab {
    margin: 0 0 30px
}

.item-tab .itmetab .nav-item .nav-link {
    width: auto;
    font-size: 15px;
    color: #8f8f8f;
    text-transform: uppercase;
    padding: 0 30px 10px;
    margin: 0 30px;
    letter-spacing: 2px;
    cursor: pointer
}

.item-tab .itmetab .nav-item .active {
    color: #414042;
    border-bottom: 2px solid #ccc
}

.item-tab .tab-content .tab-pane .tb-content {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 30px;
    border-bottom: #ebebeb solid 1px;
    float: left
}

.item-tab .tab-content .tab-pane .tb-content .item-table td {
    font-size: 13px;
    font-weight: 700;
    line-height: 25px;
    color: #8f8f8f;
    padding: 5px;
    text-align: center !important
}

.slider-2,
.slider-3 {
    display: none
}

.all-pro-button,
.load-more-button h4 {
    font-family: playfair display, serif;
    color: #000;
    font-style: italic
}

.xzoom2,
.xzoom3,
.xzoom4,
.xzoom5 {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important
}

.load-more-button {
    text-align: center;
    background: #e0c099;
    padding: 13px 50px 8px;
    cursor: pointer;
    margin: 40px auto
}

.load-more-button h4 {
    font-size: 23px
}

.all-pro-button {
    background: #fff;
    border: 1px solid #000;
    font-size: 21px;
    padding: 15px 55px;
    margin-top: 60px;
    display: none
}

.loading-gif,
.products_top_banner .products_top_banner-image {
    margin: 0 auto
}

.all-pro-button:hover {
    color: #e0c099;
    border: 1px solid #e0c099
}

#vintage-rings-wrapper {
    position: relative;
    -webkit-animation-name: example;
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 1s;
    animation-name: example;
    animation-duration: 2s;
    animation-delay: 1s
}

.loading-gif {
    display: none;
    width: 150px
}

#window-3,
.cd-project-info,
.info-1,
.info-2 {
    visibility: hidden
}

.accordion {
    color: #b79c7d;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: center;
    font-size: 16px;
    -webkit-transition: .4s;
    transition: .4s;
    background: 0 0;
    font-weight: 700;
    outline: 0
}

.panel {
    padding: 0;
    overflow: hidden
}

.accordian-wrapper {
    font-family: Raleway, sans-serif;
    padding-top: 35px;
    color: #8f8f8f;
    font-size: 16px;
    line-height: 30px
}

@-webkit-keyframes example {
    0% {
        right: -1000px;
        top: 0
    }

    100% {
        right: 0;
        top: 0
    }
}

@keyframes example {
    0% {
        right: -1000px
    }

    100% {
        right: 0
    }
}

button:focus {
    outline: 0
}

@media(min-width:768px) {

    .container,
    .footer .container,
    .page-section-container {
        max-width: 750px
    }
}

@media(min-width:992px) {

    .container,
    .footer .container,
    .page-section-container {
        max-width: 970px
    }
}

@media(min-width:1200px) {

    .container,
    .page-section-container {
        max-width: 1280px
    }

    .footer .container {
        width: 1326px !important;
        max-width: 1200px !important
    }
}