@media (min-width: 1200px) {
    .container, .header .container {
        max-width: 1410px;
    }
}

ng-pluralize.vertical-centering {
    top: 50%;
    transform: translateY(-50%)
}

.horizontal-centering {
    left: 50%;
    transform: translateX(-50%)
}

.centering-mixin {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
/*! Prefix flex for IE10  in LESS
* https://gist.github.com/codler/2148ba4ff096a19f08ea
* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */ /*! normalize.css by Dream-Theme.com based on http://github.com/necolas/normalize.css */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
    display: block
}

audio, canvas, video {
    display: inline-block
}

.old-ie audio, .old-ie canvas, .old-ie video {
    display: inline;
    zoom: 1
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

* {
    padding: 0;
    margin: 0
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:active, a:focus, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 900
}

dfn {
    font-style: italic
}

code, kbd, pre, samp {
    font-family: monospace,serif;
    font-family: 'courier new',monospace
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-warap: break-word
}

q {
    quotes: none
}

    q:after, q:before {
        content: '';
        content: none
    }

small {
    font-size: 75%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dd, dl, menu, ol, ul {
    list-style: none
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

figure, form {
    margin: 0
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

.old-ie legend {
    margin-left: -7px
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

.old-ie button, .old-ie input, .old-ie select, .old-ie textarea {
    vertical-align: middle
}

button, input {
    line-height: normal
}

    button, input[type=button], input[type=reset], input[type=submit] {
        cursor: pointer;
        -webkit-appearance: button
    }

.old-ie button, .old-ie input[type=button], .old-ie input[type=reset], .old-ie input[type=submit] {
    overflow: visible
}

button[disabled], input[disabled] {
    cursor: default
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

.old-ie input[type=checkbox], .old-ie input[type=radio] {
    height: 13px;
    width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    padding-bottom: 13px;
    display: block;
    z-index: 5000
}

.ajaxSubmit {
    padding: 10px;
    text-align: center;
    border: 1px solid #999;
    display: none
}

.formError .formErrorContent {
    background: #8a0b2c;
    color: #fff;
    width: 165px;
    font-family: tahoma;
    font-size: 11px;
    border: 0 solid #ddd;
    text-shadow: #f5f5f5;
    padding: 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px
}

.greenPopup .formErrorContent {
    background: #33be40
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF
}

.formError .formErrorArrow {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 15px;
    height: 15px;
    z-index: 5001;
    border: none
}

.formError .formErrorArrowBottom {
    top: 0;
    margin: -6px
}

.formError .formErrorArrow div {
    border: none;
    height: 1px;
    background: #8a0b2c;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none
}

.formError .formErrorArrow .line8 {
    width: 11px
}

.formError .formErrorArrow .line7 {
    width: 9px
}

.formError .formErrorArrow .line6 {
    width: 7px
}

.formError .formErrorArrow .line5 {
    width: 5px
}

.formError .formErrorArrow .line4 {
    width: 3px
}

.formError .formErrorArrow .line3 {
    width: 1px
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    display: none
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    display: none
}

.dt-contact-form.dt-form .formError, .dt-contact-form.dt-form .hide-privacy-message, .dt-contact-form.dt-form span .formError, .popup-message-style .dt-contact-form.dt-form .formError {
    display: none
}

    .dt-contact-form.dt-form span .formError.field-success, .dt-contact-form.dt-form span .formError.first, .inline-message-style .dt-contact-form.dt-form .formError.field-success, .inline-message-style .dt-contact-form.dt-form .formError.first, .popup-message-style .dt-contact-form.dt-form .formError.field-success, .popup-message-style .dt-contact-form.dt-form .formError.first {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex
    }

    .dt-contact-form.dt-form .formError .close-message {
        position: absolute;
        top: 50%;
        width: 30px;
        height: 30px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 15px;
        font-family: icomoon-the7-font;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
        opacity: .5
    }

        .dt-contact-form.dt-form .formError .close-message:before {
            content: "\eb01"
        }

        .dt-contact-form.dt-form .formError .close-message:hover {
            cursor: pointer;
            opacity: 1
        }

.dt-contact-form.dt-form .error-field:not(.field-success) {
    border-color: red
}

.inline-message-style .dt-contact-form.dt-form {
    position: relative
}

.inline-message-style .form-fields > span {
    position: static
}

.inline-message-style .formError {
    z-index: 100;
    width: 100%;
    top: 0 !important;
    left: 0 !important;
    margin: 0 0 10px !important;
    padding: 15px 40px 15px 45px;
    box-sizing: border-box
}

    .inline-message-style .formError.run-animation {
        position: relative
    }

    .inline-message-style .formError .formErrorContent {
        width: 100%;
        background: 0 0
    }

    .inline-message-style .formError .formErrorArrow {
        display: none
    }

.popup-message-style .parentFormundefined.run-animation {
    -webkit-transform: translate3d(200px,-50%,0);
    -ms-transform: translate3d(200px,-50%,0);
    transform: translate3d(200px,-50%,0);
    -webkit-animation: slide-in-message,slide-out-message;
    animation: slide-in-message,slide-out-message;
    -webkit-animation-duration: 1.2s,1.1s;
    animation-duration: 1.2s,1.1s;
    -webkit-animation-delay: .4s,9s;
    animation-delay: .4s,9s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

    .popup-message-style .parentFormundefined.run-animation .formErrorContent {
        opacity: 1
    }

.parentFormundefined:before {
    position: absolute;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    top: 20px;
    left: 0;
    width: 65px;
    height: 100%;
    font-family: icomoon-the7-font;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 28px;
    line-height: 1;
    content: "\ea10" !important
}

.greenPopup.parentFormundefined:before {
    content: "\ea09" !important
}

.popup-message-style .parentFormundefined.run-animation, .popup-message-style .parentFormundefined:not(.run-animation) {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 10px 40px 0 rgba(0,0,0,.3);
    border: none;
    opacity: 0;
    position: fixed !important;
    top: 50% !important;
    left: 100% !important;
    right: auto !important;
    margin: 0 !important;
    padding: 15px 40px 15px 45px;
    width: 400px;
    max-height: 500px;
    z-index: 9999;
    overflow: hidden;
    font-weight: 700;
    color: #FFF;
    box-sizing: border-box
}

    .popup-message-style .parentFormundefined.run-animation a, .popup-message-style .parentFormundefined.run-animation a:hover, .popup-message-style .parentFormundefined:not(.run-animation) a, .popup-message-style .parentFormundefined:not(.run-animation) a:hover {
        color: #fff
    }

    .popup-message-style .parentFormundefined.run-animation .formErrorContent, .popup-message-style .parentFormundefined:not(.run-animation) .formErrorContent {
        width: 100%;
        background: 0 0
    }

    .popup-message-style .parentFormundefined.run-animation .formErrorArrow, .popup-message-style .parentFormundefined:not(.run-animation) .formErrorArrow {
        display: none
    }

@-webkit-keyframes slide-in-message {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(600px,-50%,0);
        transform: translate3d(600px,-50%,0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(-200px,-50%,0);
        transform: translate3d(-200px,-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(-400px,-50%,0);
        transform: translate3d(-400px,-50%,0)
    }
}

@keyframes slide-in-message {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(600px,-50%,0);
        transform: translate3d(600px,-50%,0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(-200px,-50%,0);
        transform: translate3d(-200px,-50%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(-400px,-50%,0);
        transform: translate3d(-400px,-50%,0)
    }
}

@-webkit-keyframes slide-out-message {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-400px,-50%,0);
        transform: translate3d(-400px,-50%,0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(-100px,-50%,0);
        transform: translate3d(-100px,-50%,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(800px,-50%,0);
        transform: translate3d(800px,-50%,0)
    }
}

@keyframes slide-out-message {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(-400px,-50%,0);
        transform: translate3d(-400px,-50%,0)
    }

    50% {
        opacity: 0;
        -webkit-transform: translate3d(-100px,-50%,0);
        transform: translate3d(-100px,-50%,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(800px,-50%,0);
        transform: translate3d(800px,-50%,0)
    }
}

#page .ngg-gallery-thumbnail img, #page .ngg-imagebrowser .ngg-imagebrowser .pic, #page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .back, #page .ngg-imagebrowser-nav .ngg-imagebrowser-nav .next, #page .ngg-navigation a.next, #page .ngg-navigation a.page-numbers, #page .ngg-navigation a.prev, #page .ngg-navigation span.next, #page .ngg-navigation span.page-numbers, #page .ngg-navigation span.prev, #page .ngg-thumbnail img {
    border: none;
    background: 0 0
}

.ngg-navigation a.next:hover, .ngg-navigation a.page-numbers:hover, .ngg-navigation a.prev:hover {
    background: 0 0
}

#page .ngg-gallery-thumbnail img, #page .ngg-imagebrowser .pic, #page .ngg-imagebrowser-nav .back, #page .ngg-imagebrowser-nav .next, #page .ngg-navigation a.next, #page .ngg-navigation a.page-numbers, #page .ngg-navigation a.prev, #page .ngg-navigation span.next, #page .ngg-navigation span.page-numbers, #page .ngg-navigation span.prev, #page .ngg-thumbnail img {
    border: none;
    background: 0 0
}

#page .ngg-navigation a {
    font-weight: 400
}

    #page .ngg-navigation a.next:hover, #page .ngg-navigation a.page-numbers:hover, #page .ngg-navigation a.prev:hover {
        background-color: transparent
    }

#page .ngg-galleryoverview .ngg-gallery-thumbnail a:hover img, .ngg-album-link a:hover img, .ngg-imagebrowser a:hover, .ngg-thumbnail a:hover {
    opacity: .7 !important
}

.ngg-imagebrowser img {
    box-sizing: border-box
}

.rev_slider_wrapper {
    z-index: 1
}

.tp-scrollbelowslider:hover {
    cursor: pointer
}

.is-iphone .kenburnimg img {
    transform: none !important
}
/*!Revolution slider arrows*/
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    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 .dt-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 .dt-owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled, .owl-nav.disabled {
        display: none
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav 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;
        outline: 0
    }

    .owl-carousel.owl-loaded {
        display: block;
        display: grid
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .dt-owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .dt-owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .dt-owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

.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
}
/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 9500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: 0
}

    .pswp::after, .pswp::before {
        content: ' ';
        display: table
    }

    .pswp * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .pswp img {
        max-width: none
    }

.pswp--animate_opacity {
    opacity: .001;
    will-change: unset;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1);
    transition: transform 333ms cubic-bezier(.4,0,.22,1);
    text-align: center;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.pswp__bg {
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC
}

    .pswp__error-msg a {
        color: #CCC;
        text-decoration: underline
    }

.admin-bar .pswp {
    z-index: 100000
}

.pswp-video-wrap {
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    line-height: 0;
    width: 100%;
    max-width: 900px;
    position: relative;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    width: 100%
}

    .video-wrapper iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .video-wrapper video {
        width: 100% !important;
        height: auto !important
    }

.pswp .pswp__ui--fit .pswp__caption, .pswp .pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0,0,0,.5)
}

.admin-bar .pswp .pswp__ui--fit .pswp__caption, .admin-bar .pswp .pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0,0,0,.7)
}

.pswp.video-active .pswp__share-tooltip.show-share-pin .pswp__share--pinterest {
    display: none
}

.pswp__caption .pswp__caption__center {
    text-align: center
}

.pswp__caption h5 {
    color: #fff;
    margin-bottom: 5px
}

.pswp button.pswp__button {
    height: 43px;
    background: 0 0 !important;
    font-family: icomoon-the7-font;
    font-size: 16px;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    opacity: .5
}

.pswp--touch .pswp__ui:not(.pswp__ui--hidden) .pswp__button--arrow--left, .pswp--touch .pswp__ui:not(.pswp__ui--hidden) .pswp__button--arrow--right {
    visibility: visible
}

.pswp button.pswp__button:focus, .pswp button.pswp__button:hover {
    opacity: 1
}

.pswp .pswp__button:active {
    opacity: .9
}

.pswp--zoom-allowed .pswp__button--zoom:before {
    content: "\ec06"
}

.pswp--zoomed-in .pswp__button--zoom:before {
    content: "\ec07"
}

.pswp--supports-fs .pswp__button--fs:before {
    content: "\ed07"
}

.pswp--fs .pswp__button--fs:before {
    content: "\ed09"
}

.pswp button.pswp__button--close {
    font-size: 21px
}

.pswp__button--close:before {
    content: "\eb00"
}

.pswp__button--share:before {
    content: "\ea04"
}

.pswp .pswp__button--arrow--left:before, .pswp .pswp__button--arrow--right:before {
    top: 0
}

.pswp .pswp__button--arrow--left:before {
    content: "\f052" !important;
    background: 0 0 !important
}

.pswp .pswp__button--arrow--right:before {
    content: "\f053" !important;
    background: 0 0 !important
}

.pswp .pswp__share-tooltip, .pswp .pswp__share-tooltip a:first-child, .pswp .pswp__share-tooltip a:last-child {
    border-radius: 0
}

    .pswp .pswp__share-tooltip a {
        display: none;
        color: #222
    }

.pswp__share-tooltip a:hover {
    color: #fff !important;
    text-decoration: none
}

.pswp__share-tooltip a i {
    min-width: 15px;
    margin-right: 5px
}

.hide-pspw-share .pswp__button--share, .hide-pspw-share .pswp__share-modal {
    display: none
}

.pswp .pswp__share-tooltip.show-share-d .pswp__share--download, .pswp .pswp__share-tooltip.show-share-fb .pswp__share--facebook, .pswp .pswp__share-tooltip.show-share-g .pswp__share--google, .pswp .pswp__share-tooltip.show-share-in .pswp__share--linkedin, .pswp .pswp__share-tooltip.show-share-pin .pswp__share--pinterest, .pswp .pswp__share-tooltip.show-share-tw .pswp__share--twitter, .pswp .pswp__share-tooltip.show-share-wp .pswp__share--whatsapp {
    display: block
}

.pswp__share-tooltip:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--pinterest:hover {
    background: #cf2834 !important
}

a.pswp__share--linkedin:hover {
    background: #007bc7
}

a.pswp__share--whatsapp:hover {
    background: #36b74d
}

a.pswp__share--google:hover {
    background: #e64235
}
/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
    position: relative;
    background: 0 0;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .pswp__button:focus, .pswp__button:hover {
        opacity: 1
    }

    .pswp__button:active {
        outline: 0;
        opacity: .9
    }

    .pswp__button::-moz-focus-inner {
        padding: 0;
        border: 0
    }

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    width: 44px;
    height: 44px
}

.filter-option-inner-inner.active {
    color: #000;
}



mc-welcome_main {
    background: transparent;
}

.success_message {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
    color: #1B75BC;
    margin-left: 20px;
}

.mc-detail_wrap {
    font-size: 20px;
    color: #1B75BC !important;
    font-weight: 400;
    margin-top: 30px !important;
}

.detail_wrap-title {
    font-size: 14px;
    font-weight: 600;
    color: #1B75BC !important;
    line-height: 100px;
    line-height: 1;
    margin: 100px 0 24px 0 !important;
}

.mc-progress {
    background-color: #4BB587;
    border-radius: 100px;
    height: 19px;
    margin: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    color: #FFFFFF;
}

.mc-progress-bar {
    border: 1px solid #DBDBDB;
    background: transparent;
    border-radius: 32px;
    height: 24px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.success-message-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.thank_you_img {
    margin-top: 16px;
}

    .thank_you_img img {
        width: 100%;
        height: 223px;
    }

.mc-back-btn {
    margin-top: 54px;
}

    .mc-back-btn a {
        font-size: 20px !important;
        font-weight: 300;
        color: #ef4036 !important;
    }

.support_text.mc-support_text {
    padding-bottom: 0;
}


    .support_text.mc-support_text .support_inner {
        padding: 20px 0 0 0;
    }



@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:105dpi), (min-resolution:1.1dppx) {
    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background: 0 0
    }
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: 0 0;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

    .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
        content: '';
        top: 35px;
        background-color: rgba(0,0,0,.3);
        height: 30px;
        width: 32px;
        position: absolute
    }

.pswp__button--arrow--left:before {
    left: 6px
}

.pswp__button--arrow--right:before {
    left: 0;
    right: 6px
}

.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    min-width: 150px;
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);
    box-shadow: 0 2px 5px rgba(0,0,0,.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

    .pswp__share-tooltip a {
        display: block;
        padding: 8px 12px;
        color: #000;
        text-decoration: none;
        font-size: 14px;
        line-height: 18px
    }

        .pswp__share-tooltip a:first-child {
            border-radius: 2px 2px 0 0
        }

        .pswp__share-tooltip a:last-child {
            border-radius: 0 0 2px 2px
        }

.pswp__share-modal--fade-in {
    opacity: 1
}

    .pswp__share-modal--fade-in .pswp__share-tooltip {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF
}

a.pswp__share--pinterest:hover {
    color: #CE272D
}

a.pswp__share--download:hover {
    background: #DDD
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #FFF;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

    .pswp__caption small {
        font-size: 11px;
        color: #BBB
    }

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #CCC
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp--css_animation .pswp__preloader--active, .pswp__preloader--active {
    opacity: 1
}

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
        -webkit-animation: clockwise .5s linear infinite;
        animation: clockwise .5s linear infinite
    }

    .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
        -webkit-animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;
        animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
    }

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

.right-nav-main {
    background-color: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    width: 100%;
    max-width: 460px;
    padding: 20px;
    border-radius: 10px;
}

.support-inner {
    display: flex;
    gap: 30px;
}

.right-nav-heading {
    font-size: 2em;
    color: #ef4036;
    font-weight: 600;
    margin-bottom: 20px;
}

    .right-nav-heading span {
        display: block;
    }

.rightnav-img {
    margin-top: 30px;
}

.support_text label {
    margin: 0px;
    font-size: 16px;
    font-weight: 700;
    color: #334155;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.btnmartop {
    margin-top: 40px;
}

.support-form-label {
    font-size: 16px;
    font-weight: 700;
    color: #334155;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.form-row-bx.verifi-textbox {
    width: 100%;
}

    .form-row-bx.verifi-textbox input {
        border: 1px solid #f87171 !important;
        width: 100%;
        border-radius: 6px;
        height: 50px;
        padding: .5rem .75rem;
    }

.otpbtn-wrap {
    display: flex;
    margin-top: 30px;
}

.otp_inner {
    display: flex;
    width: 100%;
    align-items: center;
}

    .otp_inner .support-form-label {
        min-width: 230px;
    }

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0%,100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

@keyframes donut-rotate {
    0%,100% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption, .pswp__top-bar {
    background-color: rgba(0,0,0,.5)
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0,0,0,.3)
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}

.asp_all_buttons_container {
    margin-top: 20px
}

#page .asp_product_item {
    padding: 0;
    margin: 0
}

#page .asp_product_description, #page .asp_product_item {
    box-shadow: none;
    border: none
}

.asp_product_buy_button input {
    margin-right: 5px
}

@media (max-width:500px) {
    #page .asp_price_container, #page .asp_product_buy_btn_container {
        text-align: left
    }
}

.content .elementor-nav-menu, .content .elementor-nav-menu ul {
    margin: 0
}

.ifb-flip-box.ifb-hover .ifb-face.ifb-front {
    opacity: 0
}

.mec-event-footer .mec-booking-button, .mec-event-sharing-wrap li a {
    text-decoration: none
}

.mec-single-event .mec-event-social li.mec-event-social-icon a {
    text-decoration: none
}

.mec-event-footer .mec-booking-button, .mec-event-footer .mec-booking-button:hover {
    border: none
}

#page .mec-topsec .mec-event-image {
    line-height: 0
}

#page.ls-overflow-visible {
    overflow-x: hidden !important
}
/*!
 * WireFrame v.1.0.rc2 - teeny-tiny leyout framework by Dream-Theme (http://dream-theme.com, http://themeforest.net/user/Dream-Theme)
 * Copyright © 2013 Dream-Theme. All rights reserved. 
 */
.responsive-off #page {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-template-areas: "header" "slider" "title" "fancyheader" "elementor-header" "checkout" "main" "footer"
}

.footer-overlap.responsive-off #page {
    grid-template-areas: "header" "page-inner" "slider" "title" "fancyheader" "elementor-header" "checkout" "main" "footer"
}

.floating-navigation-below-slider.responsive-off #page {
    grid-template-areas: "slider" "header" "title" "fancyheader" "elementor-header" "main" "footer"
}

.responsive-off.header-side-left:not(.sticky-header) #page, .responsive-off.header-side-line.left-side-line #page {
    grid-template-areas: "header-side slider" "header-side title" "header-side fancyheader" "header-side elementor-header" "header-side checkout" "header-side main" "header-side footer"
}

.footer-overlap.responsive-off.header-side-left:not(.sticky-header) #page, .footer-overlap.responsive-off.header-side-line.left-side-line #page {
    grid-template-areas: "header-side page-inner" "header-side footer"
}

.responsive-off.header-side-right:not(.sticky-header) #page {
    grid-template-areas: "slider header-side" "title header-side" "fancyheader header-side" "elementor-header header-side" "checkout header-side" "main header-side" "footer header-side"
}

.footer-overlap.responsive-off.header-side-right:not(.sticky-header) #page {
    grid-template-areas: "page-inner header-side" "footer header-side"
}

.footer-overlap.floating-navigation-below-slider.responsive-off .page-inner {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    grid-template-areas: "slider" "header" "title" "fancyheader" "elementor-header" "checkout" "main" "footer"
}

.no-cssgridlegacy.no-cssgrid .wf-container-main:before, .no-cssgridlegacy.no-cssgrid .wf-container:before {
    content: "";
    display: table
}

.no-cssgridlegacy.no-cssgrid .wf-container-main:after, .no-cssgridlegacy.no-cssgrid .wf-container:after {
    content: "";
    display: table;
    clear: both
}

.ancient-ie .no-cssgridlegacy.no-cssgrid .wf-container, .ancient-ie .no-cssgridlegacy.no-cssgrid .wf-container-main {
    zoom: 1
}

.page-inner {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    grid-area: page-inner
}

.is-safari .page-inner {
    max-width: 100%
}

.header-side-left:not(.sticky-header) .page-inner, .header-side-line.left-side-line .page-inner {
    -ms-grid-column: 2
}

.header-side-right:not(.sticky-header) .page-inner {
    -ms-grid-column: 1
}

#main-slideshow, .photo-scroller {
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    grid-area: slider
}

.floating-navigation-below-slider #main-slideshow, .floating-navigation-below-slider .photo-scroller {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.header-side-left:not(.sticky-header) #main-slideshow, .header-side-left:not(.sticky-header) .photo-scroller, .header-side-line.left-side-line #main-slideshow, .header-side-line.left-side-line .photo-scroller {
    -ms-grid-column: 2
}

.header-side-right:not(.sticky-header) #main-slideshow, .header-side-right:not(.sticky-header) .photo-scroller {
    -ms-grid-column: 1
}

.masthead {
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-area: header
}

.floating-navigation-below-slider .masthead {
    -ms-grid-column: 1;
    -ms-grid-row: 2
}

.side-header-v-stroke.masthead, .side-header.masthead {
    -ms-grid-column: 1;
    grid-area: header-side
}

.checkout-page-title {
    grid-area: checkout;
    -ms-grid-column: 1;
    -ms-grid-row: 4
}

.is-safari .checkout-page-title {
    max-width: 100%
}

.header-side-left:not(.sticky-header) .checkout-page-title, .header-side-line.left-side-line .checkout-page-title {
    -ms-grid-column: 2
}

.header-side-right:not(.sticky-header) .checkout-page-title {
    -ms-grid-column: 1
}

.page-title {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-area: title
}

.is-safari .page-title {
    max-width: 100%
}

.header-side-left:not(.sticky-header) .page-title, .header-side-line.left-side-line .page-title {
    -ms-grid-column: 2
}

.header-side-right:not(.sticky-header) .page-title {
    -ms-grid-column: 1
}

.fancy-header {
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    grid-area: fancyheader
}

.is-safari .fancy-header {
    max-width: 100%
}

.header-side-left:not(.sticky-header) .fancy-header, .header-side-line.left-side-line .fancy-header {
    -ms-grid-column: 2
}

.header-side-right:not(.sticky-header) .fancy-header {
    -ms-grid-column: 1
}

.elementor-location-header {
    grid-area: elementor-header
}

#main {
    -ms-grid-column: 1;
    -ms-grid-row: 5;
    grid-area: main
}

.is-safari #main {
    max-width: 100%
}

.header-side-left:not(.sticky-header) #main, .header-side-line.left-side-line #main {
    -ms-grid-column: 2
}

.header-side-right:not(.sticky-header) #main {
    -ms-grid-column: 1
}

.footer {
    -ms-grid-column: 1;
    -ms-grid-row: 6;
    grid-area: footer
}

.is-safari .footer {
    max-width: 100%
}

.header-side-left:not(.sticky-header) .footer, .header-side-line.left-side-line .footer {
    -ms-grid-column: 2
}

.header-side-right:not(.sticky-header) .footer {
    -ms-grid-column: 1
}

.responsive-off #main:not(.sidebar-none) .wf-container-main {
    display: -ms-grid;
    display: grid
}

.responsive-off .sidebar-right .wf-container-main {
    grid-template-areas: "content sidebar"
}

.responsive-off .sidebar-left .wf-container-main {
    grid-template-areas: "sidebar content"
}

.responsive-off .sidebar {
    grid-area: sidebar;
    -ms-grid-row: 1
}

.responsive-off .sidebar-right .sidebar {
    -ms-grid-column: 3
}

.responsive-off .sidebar-left .sidebar {
    -ms-grid-column: 1
}

.responsive-off .content {
    grid-area: content;
    -ms-grid-row: 1
}

.responsive-off .sidebar-right .content {
    -ms-grid-column: 1
}

.responsive-off .sidebar-left .content {
    -ms-grid-column: 3
}

.wf-mobile-visible, .wf-phone-visible {
    display: none
}

.content, .sidebar, .wf-cell, .wf-usr-cell, .wf-wrap, .wpb_row {
    box-sizing: border-box
}

.footer .widget, .wf-cell, .wf-usr-cell {
    display: inline-block;
    vertical-align: top;
    padding: 0 22px
}

.ancient-ie .footer .widget, .ancient-ie .wf-cell, .ancient-ie .wf-usr-cell {
    display: inline;
    zoom: 1
}

.wf-1, .wf-1-1, .wf-span-12 {
    width: 100%
}

.wf-1-2, .wf-2-4, .wf-span-6 {
    width: 50%
}

.wf-1-3, .wf-span-4 {
    width: 33.3333%
}

.wf-2-3, .wf-span-8 {
    width: 66.6667%
}

.wf-1-4, .wf-span-3 {
    width: 25%
}

.wf-3-4, .wf-span-9 {
    width: 75%
}

.wf-1-5 {
    width: 20%
}

.wf-2-5 {
    width: 40%
}

.wf-1-6, .wf-span-2 {
    width: 16.6667%
}

.wf-span-1, .wf-span-10 {
    width: 83.3333%
}

.wf-span-7 {
    width: 58.3333%
}

.wf-table {
    display: table;
    width: 100%
}

.wf-tr {
    display: table-row
}

.wf-td {
    display: table-cell;
    vertical-align: middle
}

.wf-float-left {
    float: left
}

.wf-float-right {
    float: right
}

.wf-container {
    font-size: 0;
    line-height: 0;
    word-spacing: -4px;
    margin: 0 -22px;
    padding: 0
}

.wf-wrap {
    max-width: 100%;
    padding: 0 44px;
    margin: 0 auto
}

#main-slideshow {
    position: relative;
    z-index: 1;
    clear: both;
    overflow: hidden
}

#main-slideshow-content {
    display: none
}

#main-slideshow.fixed {
    padding: 44px;
    margin-top: 0
}

#main-slideshow.layer-fixed {
    padding: 40px;
    margin-top: 0
}

#main-slideshow.fix.rv-slider {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0
}

#main-slideshow.fix:after, #main-slideshow.fixed:after, #main-slideshow.layer-fixed:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    top: auto;
    bottom: 0
}

#main-slideshow #main-slideshow-content {
    display: block
}

.transparent .page-title {
    visibility: hidden
}

#fancy-header {
    position: relative;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

    #fancy-header > .wf-wrap {
        position: relative;
        z-index: 1;
        max-width: 100%
    }

.fancy-header-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.content-right.fancy-header .hgroup, .title-left .breadcrumbs, .title-right .hgroup {
    text-align: right
}

.fancy-header.title-center .hgroup {
    text-align: center
}

.mobile-false #fancy-header .breadcrumbs, .mobile-false #fancy-header .fancy-subtitle, .mobile-false #fancy-header .fancy-title {
    opacity: 0
}

#fancy-header .fancy-title > span {
    display: inline-block
}

.ie-mobile #fancy-header .breadcrumbs, .ie-mobile #fancy-header .fancy-subtitle, .ie-mobile #fancy-header .fancy-title {
    opacity: 1
}

#fancy-header .breadcrumbs.start-animation, #fancy-header .fancy-subtitle.start-animation, #fancy-header .fancy-title.start-animation {
    animation: mk_fade .7s 1 cubic-bezier(.445,.05,.55,.95);
    opacity: 1
}

.fancy-header .hgroup, .page-title .hgroup {
    overflow: hidden
}

.fancy-header .hgroup {
    padding: 5px 0
}

#fancy-header.content-left.breadcrumbs-off .hgroup, #fancy-header.content-right.breadcrumbs-off .hgroup, #fancy-header.title-center.breadcrumbs-off .hgroup {
    margin-top: 5px;
    margin-bottom: 5px
}

#fancy-header.content-left .breadcrumbs.breadcrumbs-bg, #fancy-header.content-right .breadcrumbs.breadcrumbs-bg, #fancy-header.title-center .breadcrumbs.breadcrumbs-bg {
    margin-top: 10px
}

#fancy-header.titles-off .breadcrumbs {
    margin-top: 5px;
    margin-bottom: 5px
}

#fancy-header.content-left .breadcrumbs, #fancy-header.content-right .breadcrumbs, #fancy-header.title-center .breadcrumbs {
    margin-bottom: 10px
}

#fancy-header.disabled-bg.breadcrumbs-off.page-title h1, #fancy-header.disabled-bg.content-left .breadcrumbs, #fancy-header.disabled-bg.content-left.breadcrumbs-off .hgroup, #fancy-header.disabled-bg.content-right .breadcrumbs, #fancy-header.disabled-bg.content-right.breadcrumbs-off .hgroup, #fancy-header.disabled-bg.title-center .breadcrumbs, #fancy-header.disabled-bg.title-center.breadcrumbs-off .hgroup {
    margin-bottom: 0
}

#fancy-header.content-left .hgroup, #fancy-header.content-right .hgroup, #fancy-header.title-center .hgroup {
    padding-bottom: 5px
}

.fancy-header .fancy-title {
    margin: 5px 0;
    padding: 0
}

.fancy-header .fancy-subtitle {
    margin: 0;
    padding: 5px 0
}

.fancy-header .wf-td .breadcrumbs, .page-title .wf-td .breadcrumbs {
    display: inline-block
}

.breadcrumbs.bg-dark, .breadcrumbs.bg-light, .hr-breadcrumbs .breadcrumbs.bg-dark, .hr-breadcrumbs .breadcrumbs.bg-light {
    padding: 4px 10px
}

.breadcrumbs.bg-dark {
    background-color: rgba(15,18,19,.1)
}

.breadcrumbs.bg-light {
    background-color: rgba(255,255,255,.12)
}

.title-left .breadcrumbs {
    float: right
}

.fancy-header .breadcrumbs li {
    position: relative;
    background: 0 0
}

    .breadcrumbs li:first-child:before, .fancy-header .breadcrumbs li:first-child:before {
        content: ""
    }

    .breadcrumbs li:before, .fancy-header .breadcrumbs li:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 15px;
        height: 13px;
        content: "/";
        opacity: .5;
        text-align: left;
        z-index: 3
    }

.breadcrumbs li:before {
    opacity: 1
}

.page-title {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.fancy-title-head, .page-title-head {
    max-width: 100%
}

.page-title.overlay-bg {
    position: relative
}

    .page-title.overlay-bg .wf-wrap {
        position: relative;
        z-index: 1
    }

    .page-title.overlay-bg:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: ""
    }

.page-title .wf-wrap {
    position: relative
}

    .page-title .wf-wrap:after {
        position: absolute;
        width: 100%;
        bottom: 0;
        content: ""
    }

.page-title.disabled-bg .wf-wrap:after, .page-title.full-width-line .wf-wrap:after, .page-title.gradient-bg .wf-wrap:after, .page-title.solid-bg .wf-wrap:after, .page-title.transparent-bg .wf-wrap:after {
    display: none
}

.fancy-header > .wf-wrap, .page-title > .wf-wrap {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box
}

.content-left > .wf-wrap {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.content-right > .wf-wrap {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.title-center > .wf-wrap {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.title-left > .wf-wrap, .title-right > .wf-wrap {
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between
}

.page-title.title-left .hr-breadcrumbs, .page-title.title-right h1 {
    text-align: right
}

.title-center .hr-breadcrumbs, .title-center h1 {
    text-align: center
}

.page-title h1, .page-title h2 {
    margin: 0
}

.page-title .hr-breadcrumbs .breadcrumbs:after {
    display: none
}

.page-title .wf-container-title, .page-title.full-width-line {
    border-bottom: 1px solid
}

.page-title.title-left.disabled-bg h1, .page-title.title-right.disabled-bg h1 {
    margin: 0
}

.dt-breadcrumbs-shortcode {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

    .dt-breadcrumbs-shortcode.align-centre {
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center
    }

    .dt-breadcrumbs-shortcode.align-right {
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end
    }

.breadcrumbs {
    list-style: none
}

.page-title.title-center .breadcrumbs {
    text-align: center
}

.breadcrumbs li {
    position: relative;
    display: inline-block;
    padding-left: 12px;
    margin-left: 8px
}

    .breadcrumbs li:first-child {
        padding-left: 0;
        margin-left: 0;
        background: 0 0 !important
    }

    .breadcrumbs li a, .fancy-header .breadcrumbs li a {
        color: inherit
    }

.breadcrumbs a {
    text-decoration: none
}

    .breadcrumbs a:hover {
        text-decoration: underline
    }

.filter {
    position: relative;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.filter-align-left .filter {
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.filter-align-right .filter {
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.filter:before {
    content: "";
    display: table
}

.filter:after {
    content: "";
    display: table;
    clear: both
}

.filter-by, .filter-categories, .filter-categories a, .filter-extras, .filter-sorting {
    display: inline-block;
    box-sizing: border-box
}

.filter-by, .filter-categories, .filter-sorting {
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.filter-categories, .filter-extras {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.filter-align-left .filter-categories, .filter-align-left .filter-extras {
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start
}

.filter-align-right .filter-categories, .filter-align-right .filter-extras {
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end
}

.filter-categories {
    position: relative
}

    .filter-categories .hasCustomSelect {
        display: none;
        left: 0;
        z-index: 1
    }

#page .filter-categories .customSelect {
    position: relative;
    padding: 0;
    background: 0 0;
    display: none !important
}

    #page .filter-categories .customSelect:after {
        position: relative;
        right: 0;
        width: 20px;
        height: 20px;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 14px;
        line-height: 1;
        content: "\f0dc"
    }

    #page .filter-categories .customSelect .customSelectInner {
        background: 0 0
    }

.filter .filter-categories a, .filter .filter-extras a {
    position: relative;
    text-decoration: none
}

.filter .filter-extras a {
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex
}

.filter-categories a {
    white-space: nowrap
}

.filter-bg-decoration .filter-categories a {
    overflow: hidden
}

    .filter-bg-decoration .filter-categories a:after {
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        opacity: 0
    }

    .filter-bg-decoration .filter-categories a.act:after {
        opacity: 1
    }

.filter-underline-decoration .filter-categories a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: "";
    opacity: 0;
    transition: opacity .3s ease
}

.filter-underline-decoration .filter-categories a.act:after, .filter-underline-decoration .filter-categories a:hover:after {
    opacity: 1
}

.filter .filter-extras a [class^=dt-icon-] {
    font-size: 16px;
    line-height: 1
}

.filter .filter-popup {
    position: absolute;
    left: 50%;
    z-index: 999;
    bottom: 100%;
    padding: 2px 6px;
    margin-bottom: 15px;
    background: #000;
    color: #fff !important;
    font: 400 10px/14px Arial,Verdana,sans-serif;
    letter-spacing: .3px;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-50%,10px,0);
    transition: all .25s ease-out;
    border-radius: 2px
}

    .filter .filter-popup:after {
        position: absolute;
        left: 50%;
        bottom: -5px;
        margin-left: -5px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #000;
        content: ""
    }

    .filter .filter-popup:before {
        position: absolute;
        left: 0;
        bottom: -20px;
        content: " ";
        display: block;
        width: 100%;
        height: 20px
    }

.lte8 .filter-popup {
    display: none
}

.lte8 .filter-extras a:hover .filter-popup {
    display: block
}

.filter-extras > div > a:hover {
    cursor: default
}

.filter-extras > div > a > i:hover {
    cursor: pointer
}

    .filter-extras > div > a > i:hover + .filter-popup {
        visibility: visible;
        opacity: 1;
        transform: translate3d(-50%,0,0)
    }

        .filter-extras > div > a > i:hover + .filter-popup:before {
            bottom: 0
        }

.filter-switch {
    position: relative;
    display: inline-block;
    width: 19px;
    height: 7px;
    margin: 0 10px
}

    .filter-switch:hover {
        cursor: pointer
    }

.filter-switch, .filter-switch-toggle {
    border-radius: 8px
}

.filter-switch-toggle {
    position: absolute;
    top: -1px;
    left: 0;
    width: 9px;
    height: 9px;
    background-color: #fff;
    content: "";
    transition: left .3s ease-out
}

.filter-switch.right-act .filter-switch-toggle {
    left: 9px
}

.filter-extras a.pressed:after, .pressed .filter-switch-toggle:after {
    animation: anim-effect-boris .45s ease-out forwards
}

@keyframes anim-effect-boris {
    0% {
        transform: scale(0)
    }

    25%,50% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: scale(1)
    }
}

.paginator {
    position: relative;
    margin: 30px 0 0;
    padding-bottom: 2px;
    z-index: 10;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

    .paginator:before {
        content: "";
        display: table
    }

    .paginator:after {
        content: "";
        display: table;
        clear: both
    }

    .paginator:not(.paginator-more-button) a {
        box-sizing: border-box
    }

    .paginator .disabled:hover {
        cursor: default
    }

    .paginator:not(.paginator-more-button):not(.filter-decorations) a:after, .paginator:not(.paginator-more-button):not(.filter-decorations) span:after {
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 100%;
        height: 2px;
        content: "";
        opacity: 0;
        transition: opacity .3s ease
    }

    .paginator:not(.paginator-more-button):not(.filter-decorations) a.act:after, .paginator:not(.paginator-more-button):not(.filter-decorations) a:hover:after, .paginator:not(.paginator-more-button):not(.filter-decorations) span.act:after, .paginator:not(.paginator-more-button):not(.filter-decorations) span:hover:after {
        opacity: 1
    }

    .paginator:not(.paginator-more-button) a, .paginator:not(.paginator-more-button) span {
        position: relative;
        display: inline-block;
        padding: 1px 8px;
        margin: 0 6px;
        text-align: center;
        text-decoration: none;
        font-weight: 700
    }

        .paginator:not(.paginator-more-button) a.disabled, .paginator:not(.paginator-more-button) span.disabled {
            opacity: 0
        }

        .paginator:not(.paginator-more-button) a.nav-next, .paginator:not(.paginator-more-button) a.nav-prev, .paginator:not(.paginator-more-button) span.nav-next, .paginator:not(.paginator-more-button) span.nav-prev {
            padding: 0;
            line-height: 1;
            transition: transform .3s ease;
            transform: translateX(0)
        }

            .paginator:not(.paginator-more-button) a.nav-next:not(.disabled):hover, .paginator:not(.paginator-more-button) span.nav-next:not(.disabled):hover {
                transform: translateX(4px)
            }

            .paginator:not(.paginator-more-button) a.nav-prev:not(.disabled):hover, .paginator:not(.paginator-more-button) span.nav-prev:not(.disabled):hover {
                transform: translateX(-4px)
            }

            .paginator:not(.paginator-more-button) a.nav-next:after, .paginator:not(.paginator-more-button) a.nav-prev:after, .paginator:not(.paginator-more-button) span.nav-next:after, .paginator:not(.paginator-more-button) span.nav-prev:after {
                display: none
            }

    .paginator .nav-next, .paginator .nav-prev {
        position: relative;
        display: inline-block;
        text-decoration: none
    }

    .paginator.paginator-more-button {
        text-align: center
    }

.lazy-loading-mode .paginator.paginator-more-button {
    opacity: 0
}

.justified-grid .paginator.paginator-more-button {
    width: 100%
}

.paginator .button-load-more, .paginator .loading-ready {
    position: relative;
    display: inline-block;
    float: none;
    text-decoration: none
}

.paginator .button-load-more {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    width: 220px;
    height: 50px;
    border: 2px solid;
    box-sizing: border-box;
    transition: all .4s cubic-bezier(.19,1,.22,1)
}

    .paginator .button-load-more .stick {
        display: none;
        opacity: 0;
        transition: opacity .1s ease
    }

    .paginator .button-load-more .button-caption {
        display: block;
        margin: 0;
        font-weight: 700;
        transition: opacity 10ms ease,color .2s ease
    }

        .paginator .button-load-more .button-caption:before {
            content: "\f0362";
            margin-right: 5px;
            font-family: icomoon-the7-font;
            font-size: 12px;
            line-height: 1
        }

    .paginator .button-load-more.animate-load, .paginator .button-load-more.button-lazy-loading {
        width: 50px;
        height: 50px;
        border-radius: 50%
    }

        .paginator .button-load-more.animate-load .button-caption, .paginator .button-load-more.button-lazy-loading .button-caption {
            opacity: 0;
            text-indent: -9999px
        }

        .paginator .button-load-more.animate-load .stick, .paginator .button-load-more.button-lazy-loading .stick {
            display: block;
            animation: dt-spin 1s infinite linear .2s;
            animation-delay: .4s;
            border-bottom-color: transparent;
            border-left-color: transparent
        }

.dt-posts-preload.iso-preloader .dt-posts-preload-activity:before {
    border-color: #fff transparent transparent;
    border-right-color: #fff !important
}

.iso-preloader .dt-posts-preload-activity:after {
    display: none
}

.iso-preloader .dt-posts-preload-activity:before, .stick:first-child {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 50px;
    height: 50px;
    border-radius: 40px;
    box-sizing: border-box;
    background-color: transparent;
    border: 2px solid;
    animation: dt-spin 1s infinite linear .2s
}

.stick:first-child {
    top: -2px;
    left: -2px;
    margin: 0
}

@keyframes dt-spin {
    0% {
        opacity: 1
    }

    100% {
        opacity: 1;
        transform: rotate(360deg)
    }
}

.page-info {
    padding: 0 0 10px
}

.post {
    position: relative
}

    .post:after, .post:before {
        content: "";
        display: table;
        clear: both
    }

    .post .entry-title a {
        display: initial
    }

.blog .details.more-link, .dt-blog-shortcode .details.more-link {
    margin-bottom: 10px
}

.more-link.dt-btn {
    margin-top: 5px
}

.post .more-link.dt-btn {
    margin-right: 10px
}

.post.bg-on .block-style-widget, .post.bg-on .format-aside-content, .post.bg-on .format-link-content, .post.bg-on .format-status-content {
    padding: 0;
    background: 0 0 !important;
    box-shadow: none !important;
    box-sizing: border-box
}

.format-aside-content, .format-link-content {
    padding: 25px 30px 15px;
    margin: 0 0 15px
}

.author-quote {
    border-left: 5px solid;
    padding-left: 10px
}

.format-status-content {
    padding: 25px 20px 15px;
    margin: 5px 0 15px
}

.format-aside .details, .format-link .details, .format-quote .details, .format-status .details {
    display: none
}

.albums .post img, .blog .post img, .dt-albums-shortcode:not(.owl-carousel) img, .dt-blog-shortcode img, .dt-portfolio-shortcode:not(.owl-carousel) img, .images-container img, .media .post img, .portfolio .post img, .related-projects .rollover img, .related-projects .rollover-video img, .wf-container.iso-grid img, .wf-container.layout-masonry img {
    max-width: 100%;
    width: 100%;
    height: auto
}

.portfolio .slider-simple.owl-carousel img {
    max-width: none
}

.blog.layout-list .post .blog-media img, .mobile-true .post img.iso-lazy-load:not(.blog-thumb-lazy-load-show) {
    width: 100%
}

.bg-on .blog-content, .bg-on .project-list-content {
    padding: 10px 25px
}

.slider-wrapper .bg-on .project-list-content {
    padding-top: 20px
}

.iso-container .bg-on .blog-content > *, .iso-container .bg-on .project-list-content > *, .iso-grid .bg-on .blog-content > *, .iso-grid .bg-on .project-list-content > * {
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0
}

.iso-container .bg-on .blog-content > :last-child, .iso-container .bg-on .project-list-content > :last-child, .iso-grid .bg-on .blog-content > :last-child, .iso-grid .bg-on .project-list-content > :last-child {
    margin-bottom: 10px
}

.bg-on .blog-media > p, .bg-on .project-list-media > p, .description-under-image .post.bg-on ul.royalSlider.alignnone, .post.bg-on .alignleft, .post.bg-on .alignnone, .post.bg-on ul.royalSlider.alignnone {
    margin-bottom: 0
}

.bg-on .blog-media, .bg-on .project-list-media {
    padding: 25px 25px 0
}

.bg-on.fullwidth-img .blog-media, .bg-on.fullwidth-img .project-list-media {
    padding: 0
}

.bg-on .blog-content, .bg-on .blog-media {
    position: relative;
    z-index: 9
}

.bg-on.post .alignnone {
    margin-top: 0
}

.layout-list .post {
    padding-top: 44px;
    margin-top: 19px
}

.layout-list .articles-list .post:last-child {
    margin-bottom: -25px
}

.layout-list .articles-list .post.bg-on:last-child {
    margin-bottom: 0
}

.layout-list .post:first-child {
    border: none;
    padding-top: 0;
    margin-top: 0
}

.blog .post.bg-on, .portfolio .post.bg-on {
    border-top: none
}

.layout-list .blog-content, .layout-list .blog-media, .layout-list .project-list-content, .layout-list .project-list-media {
    display: block;
    float: left;
    width: 100%
}

.layout-list article.no-img .blog-content {
    width: 100% !important
}

.project-even .alignleft, .project-even ul.royalSlider.alignleft {
    float: right;
    margin-right: 0;
    margin-left: 30px
}

.layout-list .post.bg-on {
    padding: 25px 25px 0;
    margin: 0 0 20px
}

.layout-list .bg-on .blog-content, .layout-list .bg-on .blog-media, .layout-list .bg-on .project-list-content, .layout-list .bg-on .project-list-media {
    display: block;
    float: left;
    width: 100%;
    padding: 0
}

.layout-list .bg-on .blog-content, .layout-list .bg-on .project-list-content {
    padding-bottom: 10px
}

.layout-list .post-slider {
    margin-right: 30px
}

.layout-list .project-even .post-slider {
    margin-right: 0;
    margin-left: 30px
}

.layout-list .media-wide .post-slider, .layout-list .media-wide.project-even .post-slider {
    margin-right: 0;
    margin-left: 0
}

.blog.layout-list .post.bg-on .slider-masonry.alignnone, .description-under-image .post .alignnone, .description-under-image .post .photoSlider, .description-under-image .post .slider-masonry.alignnone, .post .alignleft {
    margin-bottom: 20px
}

.description-under-image .bg-on.post .alignnone, .description-under-image .post .buttons-on-img .slider-masonry.alignnone {
    margin-bottom: 0
}

.project-list-media .alignleft {
    width: 100%
}

.blog-media .alignleft {
    float: none
}

.blog.layout-list .post .alignleft, .blog.layout-list .post .alignnone, .blog.layout-list .post .post-slider {
    margin-bottom: 25px
}

.format-quote .block-style-widget {
    margin: 0 0 15px;
    padding: 25px 30px 15px
}

.bg-on .format-aside-content, .bg-on .format-link-content, .format-quote.bg-on .block-style-widget {
    margin-bottom: 10px
}

.iso-container .blog-content.wf-td, .iso-container .blog-media.wf-td, .iso-grid .blog-content.wf-td, .iso-grid .blog-media.wf-td, .layout-masonry .blog-content.wf-td, .layout-masonry .blog-media.wf-td, .media-wide .blog-content.wf-td, .media-wide .blog-media.wf-td, .shortcode-blog-posts .wf-td {
    display: block
}

.blog-media {
    position: relative;
    overflow: hidden;
    z-index: 9
}

.fancy-date a {
    position: absolute;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 10px;
    right: 10px;
    z-index: 30;
    box-sizing: border-box;
    text-decoration: none;
    background: #fff
}

.circle-fancy-style .fancy-date a {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0 8px;
    min-width: 63px;
    min-height: 63px
}

.vertical-fancy-style .fancy-date a {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    min-height: 80px;
    min-width: 42px;
    padding: 2px 0
}

.horizontal-fancy-style .fancy-date a {
    padding: 2px 2px 1px 4px
}

.fancy-date a * {
    color: #222
}

.circle-fancy-style .fancy-date a .entry-date:after, .circle-fancy-style .fancy-date a .entry-year {
    display: none
}

.fancy-date a .entry-date, .fancy-date a .entry-month {
    position: relative
}

    .fancy-date a .entry-date:after, .fancy-date a .entry-month:after {
        position: absolute;
        height: 2px;
        content: ""
    }

.circle-fancy-style .fancy-date a .entry-date:after, .circle-fancy-style .fancy-date a .entry-month:after {
    left: 0;
    bottom: -2px;
    width: 100%
}

.vertical-fancy-style .fancy-date a .entry-date:after, .vertical-fancy-style .fancy-date a .entry-month:after {
    left: 50%;
    bottom: -2px;
    width: 14px;
    margin-left: -7px
}

.horizontal-fancy-style .fancy-date a .entry-date:after, .horizontal-fancy-style .fancy-date a .entry-month:after {
    top: 50%;
    margin-top: -2px;
    right: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.layout-list article.project-odd .fancy-date a {
    top: 10px;
    right: auto;
    left: 10px
}

.layout-list article.project-even .fancy-date a {
    top: 10px;
    left: auto;
    right: 10px
}

.bg-on:not(.fullwidth-img) .fancy-date a {
    top: 35px;
    right: 35px
}

.fancy-date .entry-month, .fancy-date .entry-year {
    font: 700 11px/19px Arial,Verdana,sans-serif
}

.circle-fancy-style .fancy-date .entry-month, .circle-fancy-style .fancy-date .entry-year {
    text-transform: uppercase
}

.vertical-fancy-style .fancy-date .entry-month, .vertical-fancy-style .fancy-date .entry-year {
    font: 700 12px/22px Arial;
    padding: 1px
}

.horizontal-fancy-style .fancy-date .entry-month, .horizontal-fancy-style .fancy-date .entry-year {
    padding: 0 6px 0 5px;
    text-transform: none;
    font: 700 12px/22px Arial,Verdana,sans-serif
}

.circle-fancy-style .fancy-date .entry-month, .vertical-fancy-style .fancy-date .entry-month {
    margin-bottom: 2px
}

.horizontal-fancy-style .fancy-date .entry-month {
    padding: 0 9px 0 5px
}

.fancy-date .entry-date {
    font: 700 24px/29px Arial,Verdana,sans-serif
}

.vertical-fancy-style .fancy-date .entry-date {
    font: 700 22px/28px Arial;
    margin-bottom: 3px;
    padding: 2px
}

.horizontal-fancy-style .fancy-date .entry-date {
    padding: 0 9px 0 5px;
    font: 700 12px/22px Arial,Verdana,sans-serif
}

.post .project-media {
    margin-bottom: 20px;
    line-height: 0
}

.project-content, .project-media {
    box-sizing: border-box
}

    .project-media img {
        max-width: 100%
    }

.dt-posts-preload {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none
}

    .dt-posts-preload .dt-posts-preload-activity {
        position: fixed;
        display: block;
        z-index: 2000;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        width: 50px;
        height: 50px;
        border-radius: 50%
    }

        .dt-posts-preload .dt-posts-preload-activity:before {
            width: 32px;
            height: 32px;
            margin: -16px 0 0 -16px;
            border: 3px solid #fff;
            border-right-color: transparent !important;
            border-left-color: transparent !important;
            animation: dt-posts-loader-rotation 1s linear infinite;
            content: ''
        }

@keyframes dt-posts-loader-rotation {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(359deg)
    }
}

.single .content > .post, .single .content > .project-post {
    margin-bottom: 50px
}

    .single .content > .post:last-child, .single .content > .project-post:last-child {
        margin-bottom: 0
    }
/*!-Meta & tags*/
.post-meta .entry-meta, .post-meta .entry-tags {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.portfolio-categories {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    overflow: hidden
}

.content-align-center .portfolio-categories, .content-align-centre .portfolio-categories, .related-projects .portfolio-categories {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.blog-content .entry-meta, .portfolio-categories {
    padding: 0 0 10px
}

.project-post .portfolio-categories {
    padding: 0;
    margin-bottom: 10px
}

.entry-meta > a, .entry-meta > span, .portfolio-categories > a, .portfolio-categories > span {
    position: relative;
    display: inline-block;
    text-decoration: none;
    margin: 0 6px 0 0;
    padding: 0 9px 0 0
}

.portfolio-categories a {
    transition: all 50ms linear 50ms
}

.entry-meta span a, .portfolio-categories > span a {
    text-decoration: none
}

.portfolio-categories > a.data-link:hover {
    text-decoration: none;
    cursor: default
}

.entry-meta > a:last-child, .entry-meta > span:last-child, .portfolio-categories > a:last-child, .portfolio-categories > span:last-child {
    padding: 0;
    margin: 0
}

.entry-meta > a:after, .entry-meta > span:after, .portfolio-categories > a:after, .portfolio-categories > span:after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 3px;
    content: "";
    border-radius: 50%
}

.entry-meta > a:last-child:after, .entry-meta > span:last-child:after, .portfolio-categories > a:last-child:after, .portfolio-categories > span:last-child:after {
    display: none
}

.fullwidth-slider .portfolio-categories span, .fullwidth-slider .portfolio-categories > a {
    float: none;
    display: inline-block
}

.entry-tags {
    display: block;
    overflow: hidden;
    padding: 10px 0 0
}

    .entry-tags, .entry-tags a, .entry-tags span {
        word-wrap: break-word
    }

        .entry-tags span.single-tags {
            position: relative;
            float: left
        }

.single .entry-tags a {
    padding: 1px 6px;
    margin: 2px;
    border: 1px solid;
    font: 400 10px/15px Arial,Verdana,sans-serif;
    text-decoration: none;
    letter-spacing: .3px
}
/*!-Post author*/
.entry-author {
    overflow: hidden;
    margin-bottom: 60px;
    padding: 30px 30px 25px;
    box-sizing: border-box
}

    .entry-author:last-child {
        margin-bottom: 0
    }

.entry-author-img {
    width: 115px
}

.entry-author-info {
    vertical-align: top
}

.entry-author .text-primary {
    font-weight: 700
}

.entry-author .alignleft {
    margin-bottom: 10px
}

    .entry-author .alignleft img, .entry-author img.alignleft {
        border-radius: 50%
    }

.post .entry-author img {
    max-width: none
}

.blog .post .wp-smiley {
    width: auto
}

.single .post:not(.type-event) .post-thumbnail {
    position: relative;
    margin-bottom: 45px;
    line-height: 0
}

    .single .post:not(.type-event) .post-thumbnail:last-child {
        margin-bottom: 0
    }

    .single .post:not(.type-event) .post-thumbnail img {
        width: 100%
    }

.single .entry-content {
    margin-bottom: 50px
}

    .single .entry-content:last-child {
        margin-bottom: 0
    }

.single .post-meta {
    margin-bottom: 55px
}

    .single .post-meta:last-child {
        margin-bottom: 0
    }

.single-share-box {
    position: relative
}

.single .single-share-box {
    margin-top: -5px;
    margin-bottom: 60px
}

    .single .single-share-box:last-child {
        margin-bottom: 0
    }

.page .single-share-box {
    margin-top: 50px
}

.single-share-box.show-on-hover {
    z-index: 10;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%)
}

    .single-share-box.show-on-hover:hover {
        cursor: pointer
    }

.share-link-description {
    display: block;
    margin-bottom: 10px;
    font-weight: 700;
    text-align: center
}

.show-on-hover .share-link-description {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

    .show-on-hover .share-link-description:before {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border: 2px solid;
        margin-bottom: 5px;
        border-radius: 50%;
        box-sizing: border-box;
        transition: all .2s ease;
        content: "\ea04";
        font-family: icomoon-the7-font;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 14px;
        line-height: 1
    }

.single-share-box .share-buttons {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    line-height: 0
}

.single-share-box:not(.show-on-hover) .share-buttons {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.share-buttons .soc-font-icon {
    display: none
}

.show-on-hover .share-buttons {
    position: absolute;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    left: 50%;
    transform: translateX(-50%);
    bottom: 100%;
    min-width: 180px;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 1px 3px 16px 0 rgba(0,0,0,.3);
    opacity: 0;
    visibility: hidden;
    transform: translate3d(-50%,10px,0);
    transition: all .25s ease-out
}

    .show-on-hover .share-buttons:after {
        position: absolute;
        left: 50%;
        bottom: -6px;
        margin-left: -5px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #fff;
        content: ""
    }

    .show-on-hover .share-buttons:before {
        position: absolute;
        left: 0;
        bottom: -20px;
        content: " ";
        display: block;
        width: 100%;
        height: 20px
    }

.show-on-hover:hover .share-buttons {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(-50%,0,0)
}

.single-share-box .share-buttons a {
    display: inline-block;
    width: 50px;
    height: 30px;
    min-width: 50px;
    min-height: 30px;
    margin: 0 4px 4px 0;
    border: 1px solid;
    text-transform: none;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none;
    text-align: center;
    transition: border-color .2s ease;
    box-sizing: border-box
}

:not(.show-on-hover).single-share-box .share-buttons a .social-text {
    display: none
}

.show-on-hover.single-share-box .share-buttons a {
    display: block;
    width: auto;
    line-height: 1;
    text-align: left;
    padding: 10px 5px 10px 10px
}

.single-share-box .share-buttons a .icon {
    display: none
}

.single-share-box .share-buttons a:before {
    font-family: icomoon-the7-font;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal
}

.single-share-box .share-buttons a.facebook {
    border-color: rgba(76,105,199,.3);
    color: #4c69c7
}

    .single-share-box .share-buttons a.facebook:hover {
        border-color: #4c69c7
    }

    .single-share-box .share-buttons a.facebook:before {
        content: "\f106"
    }

.single-share-box .share-buttons a.twitter {
    border-color: rgba(42,190,235,.3);
    color: #2abeeb
}

    .single-share-box .share-buttons a.twitter:hover {
        border-color: #2abeeb
    }

    .single-share-box .share-buttons a.twitter:before {
        content: "\f127"
    }

.single-share-box .share-buttons a.google {
    border-color: rgba(230,66,53,.3);
    color: #e64235
}

    .single-share-box .share-buttons a.google:hover {
        border-color: #e64235
    }

    .single-share-box .share-buttons a.google:before {
        content: "\f110"
    }

.single-share-box .share-buttons a.pinterest {
    border-color: rgba(207,40,52,.3);
    color: #cf2834
}

    .single-share-box .share-buttons a.pinterest:hover {
        border-color: #cf2834
    }

    .single-share-box .share-buttons a.pinterest:before {
        content: "\f115"
    }

.single-share-box .share-buttons a.linkedin {
    border-color: rgba(0,123,199,.3);
    color: #007bc7
}

    .single-share-box .share-buttons a.linkedin:hover {
        border-color: #007bc7
    }

    .single-share-box .share-buttons a.linkedin:before {
        content: "\f113"
    }

.single-share-box .share-buttons a.whatsapp {
    border-color: rgba(54,183,77,.3);
    color: #36b74d
}

    .single-share-box .share-buttons a.whatsapp:hover {
        border-color: #36b74d
    }

    .single-share-box .share-buttons a.whatsapp:before {
        content: "\f132"
    }

.show-on-hover .share-buttons a {
    height: auto;
    border: none;
    font-size: 14px;
    line-height: 18px !important;
    margin: 0
}

    .show-on-hover .share-buttons a:before {
        margin-right: 5px
    }

    .show-on-hover .share-buttons a *, .show-on-hover .share-buttons a:before {
        color: #222
    }

    .show-on-hover .share-buttons a:hover *, .show-on-hover .share-buttons a:hover:before {
        color: #fff
    }

    .show-on-hover .share-buttons a.facebook:hover {
        background-color: #4c69c7
    }

    .show-on-hover .share-buttons a.twitter:hover {
        background-color: #2abeeb
    }

    .show-on-hover .share-buttons a.google:hover {
        background-color: #e64235
    }

    .show-on-hover .share-buttons a.pinterest:hover {
        background-color: #cf2834
    }

    .show-on-hover .share-buttons a.linkedin:hover {
        background-color: #007bc7
    }

    .show-on-hover .share-buttons a.whatsapp:hover {
        background-color: #36b74d
    }

.author-info {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

.author-avatar {
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    margin-right: 30px
}

    .author-avatar.no-avatar {
        width: 80px;
        height: 80px;
        border-radius: 50%
    }

        .author-avatar.no-avatar.no-avatar:after {
            content: "\e502";
            font-size: 36px
        }

.author-description h4 {
    margin-bottom: 5px
}

.author-description .author-link {
    display: inline-block;
    margin-bottom: 20px;
    text-decoration: none
}

    .author-description .author-link:hover {
        text-decoration: underline
    }

.post-navigation {
    margin-bottom: 50px
}

    .post-navigation:last-child {
        margin-bottom: 0
    }

    .post-navigation .nav-links {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        padding: 25px 0;
        border-width: 1px 0;
        border-style: solid
    }

.disabled-post-navigation.post-navigation .nav-links {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.post-navigation .nav-links .back-to-list [class^=dt-icon-] {
    font-size: 24px
}

.meta-nav {
    margin-bottom: 5px;
    text-transform: uppercase
}

.post-navigation .back-to-list, .post-navigation .nav-next, .post-navigation .nav-previous {
    position: relative;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    text-decoration: none
}

.back-to-list {
    width: 30px
}

.rtl .back-to-list {
    -ms-flex-order: 1;
    order: 1
}

.nav-previous {
    width: 45%;
    padding-left: 35px;
    margin-right: 30px
}

    .nav-previous i {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 32px
    }

    .nav-previous .post-title {
        -ms-align-self: flex-start;
        -ms-flex-item-align: flex-start;
        align-self: flex-start;
        max-width: 100%
    }

.rtl .nav-previous .post-title {
    -ms-align-self: flex-end;
    -ms-flex-item-align: flex-end;
    align-self: flex-end
}

.rtl .nav-previous {
    -ms-flex-order: 2;
    order: 2;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end
}

.post-navigation .nav-next {
    padding-right: 35px;
    margin-left: 30px;
    width: 45%;
    text-align: right
}

    .post-navigation .nav-next i {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        font-size: 32px
    }

    .post-navigation .nav-next .post-title {
        -ms-align-self: flex-end;
        -ms-flex-item-align: flex-end;
        align-self: flex-end;
        max-width: 100%
    }

.rtl .post-navigation .nav-next .post-title {
    -ms-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start
}

.rtl .nav-next {
    -ms-flex-order: 0;
    order: 0
}

.project-post {
    position: relative
}

.single .project-slider {
    margin-bottom: 45px
}

.single-gallery-media {
    padding-bottom: 45px
}

.single .project-content {
    margin-bottom: 55px
}

    .single .project-content:last-child {
        margin-bottom: 0
    }

.images-container {
    line-height: 0
}

.images-list {
    position: relative;
    margin-bottom: 20px;
    line-height: 0
}

    .images-list img, .images-list:last-child {
        margin-bottom: 0
    }

.images-list-caption {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99
}

.images-list-inner {
    position: absolute;
    bottom: 0;
    display: inline-block;
    margin: 0 20px;
    padding: 15px 0
}

    .images-list-inner h4 {
        display: inline-block;
        margin: 5px 0 0
    }

    .images-list-inner, .images-list-inner * {
        color: #fff
    }

.navigation-inner a, .project-details, .project-link, .project-zoom, .vc-item .vc_read_more {
    text-decoration: none
}
/*!-Slideshow description*/
.slider-post-inner h4 {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 0 0
}

#main .images-list-inner h4, #main .slider-post-inner h4, .images-list-inner, .slider-post-inner {
    text-shadow: 1px 1px 5px rgba(0,0,0,.5)
}

    .images-list-inner .album-content-btn, .slider-post-inner .album-content-btn {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    .images-list-inner p {
        margin-bottom: 0
    }

.slider-link {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,14 2,14 2,2 5.011,2 5.011,0 2,0 0.011,0 0,0 0,14 0,16 2,16 16,16 16,15.989 16,14 16,10.989 14,10.989 '/%3E%3Cpolygon points='14,-0.019 14,0 8.993,0 8.993,2 12.637,2 6.5,8.137 7.863,9.5 14,3.364 14,6.981 16,6.981 16,-0.019 '/%3E%3C/svg%3E");
    background-color: rgba(0,0,0,.4);
    border-radius: 50%;
    background-repeat: no-repeat;
    transition: opacity .2s ease
}

    .slider-link:hover {
        background-color: rgba(0,0,0,.4);
        opacity: .7
    }

.images-list-inner .share-button.entry-share, .slider-link, .slider-post-inner .share-button.entry-share {
    margin: 0 5px 5px 0;
    box-sizing: border-box
}

.single-related-posts {
    padding-bottom: 35px;
    margin-bottom: 50px;
    border-bottom: 1px solid
}

    .single-related-posts:last-child {
        margin-bottom: 0
    }

    .single-related-posts .items-grid {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        margin: 0 -25px -25px
    }

        .single-related-posts .items-grid > .related-item {
            position: relative;
            display: -ms-flexbox;
            display: -ms-flex;
            display: flex;
            width: 33%;
            padding: 0 25px 25px;
            box-sizing: border-box
        }

.sidebar-left .single-related-posts .items-grid > .related-item, .sidebar-right .single-related-posts .items-grid > .related-item {
    width: 50%
}

.comment-respond, .comments-area, .single-related-posts {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

    .comment-respond > h3, .comments-area > h3, .single-related-posts > h3 {
        position: relative;
        -ms-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        padding-bottom: 10px;
        margin-bottom: 40px
    }

        .comment-respond > h3:after, .comments-area > h3:after, .single-related-posts > h3:after {
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 60px;
            height: 3px;
            margin-left: -30px;
            content: ""
        }

    .single-related-posts > h3 {
        margin-bottom: 35px
    }

.single-portfolio .single-related-posts {
    padding-bottom: 60px
}

    .single-portfolio .single-related-posts > h3 {
        margin-bottom: 40px
    }

#comments .children, #comments .comment-list {
    margin: 0;
    padding: 0;
    list-style: none
}

#comments .comment-list {
    padding-bottom: 50px
}

    #comments .comment-list:last-child {
        padding-bottom: 0
    }

.comment-list .comment-body {
    position: relative;
    padding: 20px 20px 10px 100px;
    margin-top: 20px;
    box-sizing: border-box
}

.comment-list > li:first-child > .comment-body {
    margin-top: 0
}

#comments .children {
    margin-left: 90px
}

.comment-author-name {
    display: block;
    margin-bottom: 5px
}

    .comment-author-name a {
        font: inherit !important
    }

.comment-metadata {
    margin-bottom: 20px
}

.comment-author .avatar, .comment-author .rollover {
    float: left;
    margin: 0 20px 15px -80px
}

    .comment-author .avatar, .comment-author .rollover, .comment-author .rollover i {
        border-radius: 50%
    }

        .comment-author .rollover .avatar {
            margin: 0
        }

.comment-content {
    overflow: hidden;
    margin-bottom: 10px
}

.comment-list .reply {
    text-align: right;
    margin-bottom: 10px
}

.comment-reply-link {
    margin-left: 10px;
    font-weight: 700
}

.comment-reply-title > small {
    display: block;
    text-align: center
}

.comment-reply-title #cancel-comment-reply-link {
    display: inline-block;
    float: none;
    padding-left: 15px;
    text-align: center
}

.comment-notes, .logged-in-as {
    text-align: center;
    margin-bottom: 15px
}

.comment-form .form-fields {
    overflow: hidden;
    margin-bottom: 10px
}

#page .comment-respond .dt-btn, #page .comment-respond p.form-submit {
    margin-bottom: 0
}

.rtl #page .comment-respond .dt-btn {
    float: left
}

.says {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.comment #respond {
    padding-top: 24px
}

#respond #submit {
    display: none
}

#commentform textarea, .dt-contact-form textarea {
    width: 100%;
    margin: 0 0 10px
}

.clear-form, .comment-meta a, .comment-reply-link, .fn a, .pingback a {
    text-decoration: none
}

    #reply-title small a:hover, .clear-form:hover, .comment-meta a:hover, .comment-reply-link:hover, .pingback a:hover {
        text-decoration: underline
    }

.project-share-overlay {
    position: relative;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px
}

.project-info-box {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    margin-bottom: 40px
}

.project-post .btn-project-link {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    min-width: 220px;
    height: 50px;
    border: 2px solid;
    margin-bottom: 15px;
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box
}

.project-share-overlay .share-button.entry-share {
    text-decoration: none
}

#page .project-share-overlay .share-button.entry-share {
    padding: 0 0 0 23px
}

.share-button.entry-share {
    display: inline-block;
    padding: 0 0 0 23px
}

    .btn-project-link.no-text, .share-button.entry-share.no-text {
        width: 36px;
        height: 36px;
        padding: 0;
        font-size: 0
    }

.btn-project-link, .share-button.entry-share, .share-overlay .soc-ico a {
    transition: all .2s ease
}

.images-list-inner .share-button.entry-share, .photo-scroller .share-button.entry-share, .slider-post-inner .share-button.entry-share {
    font-family: icomoon-the7-font !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 32px;
    font-size: 0;
    text-decoration: none;
    text-align: center;
    color: #fff
}

    .images-list-inner .share-button.entry-share:before, .photo-scroller .share-button.entry-share:before, .slider-post-inner .share-button.entry-share:before {
        content: '\ea04';
        font-size: 16px
    }

.project-share-overlay:not(.allways-visible-icons) .soc-ico {
    position: absolute;
    z-index: 999;
    bottom: 46px;
    width: 150px;
    height: 36px;
    padding: 0 3px;
    visibility: hidden;
    overflow: visible;
    opacity: 0;
    background-color: #fff;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0 0 2px 0 rgba(0,0,0,.2)
}

.single-post .project-share-overlay:not(.allways-visible-icons) .soc-ico {
    bottom: 48px
}

.project-content-btn .project-share-overlay:not(.allways-visible-icons) .soc-ico {
    bottom: 38px
}

.project-share-overlay:not(.allways-visible-icons) .soc-ico:after, .project-share-overlay:not(.allways-visible-icons) .soc-ico:before {
    position: absolute;
    left: 50%;
    margin-left: -5px;
    bottom: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content: ""
}

.project-share-overlay:not(.allways-visible-icons) .soc-ico:before {
    margin-left: -6px;
    bottom: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0,0,0,.1)
}

.project-share-overlay:not(.allways-visible-icons) .soc-ico a {
    display: none;
    float: none;
    width: 24px;
    margin: 7px 3px 0;
    background: 0 0 !important
}

#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a {
    box-shadow: none
}

.project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover {
    background: 0 0 !important;
    opacity: .6
}

.project-share-overlay:not(.allways-visible-icons) .soc-ico a:after, .project-share-overlay:not(.allways-visible-icons) .soc-ico a:before {
    display: none
}

#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a .soc-font-icon, #page .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover .soc-font-icon {
    color: #000
}

.project-share-overlay.allways-visible-icons .soc-ico {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px
}

.slide-caption .btn-project-link, .slide-caption .share-button.entry-share {
    border-color: rgba(255,255,255,.35)
}

    .slide-caption .btn-project-link:hover, .slide-caption .share-button.entry-share:hover {
        background-color: rgba(255,255,255,.35);
        border-color: rgba(255,255,255,.35)
    }

.single-attachment article.type-attachment {
    text-align: center
}

    .single-attachment article.type-attachment .rollover {
        display: inline-block
    }

.sidebar {
    position: relative;
    z-index: 9
}

    .sidebar .sidebar-content {
        box-sizing: border-box
    }

.sidebar-none .sidebar, .wc-sidebar-toggle {
    display: none
}

#main .ui-widget-content {
    clear: both
}

.sidebar-left .sidebar.bg-under-widget, .sidebar-left .sidebar.solid-bg, .sidebar-right .sidebar.bg-under-widget, .sidebar-right .sidebar.solid-bg {
    border: none
}

.sidebar-left .sidebar.bg-under-widget, .sidebar-left .sidebar.solid-bg {
    padding-right: 0
}

.sidebar-right .sidebar.bg-under-widget, .sidebar-right .sidebar.solid-bg {
    padding-left: 0
}

.sidebar-left .wf-wrap:after, .sidebar-left .wf-wrap:before, .sidebar-right .wf-wrap:after, .sidebar-right .wf-wrap:before {
    content: "";
    display: table
}

.sidebar-divider-off #sidebar {
    border: none
}

.no-cssgridlegacy.no-cssgrid .sidebar-none .content, .sidebar-none .content {
    width: 100%
}

.sidebar .widget, .sidebar-content .widget {
    padding: 0
}

.bg-under-widget .sidebar-content .widget, .sidebar.bg-under-widget .widget, .solid-bg.sidebar-content .widget {
    margin-bottom: 0;
    padding: 25px
}

.sidebar.solid-bg .widget, .solid-bg .sidebar-content .widget, .solid-bg.sidebar-content .widget {
    padding-left: 25px;
    padding-right: 25px
}

.sidebar .widget-divider-off .widget, .sidebar-content.widget-divider-off .widget, .solid-bg.sidebar-content .widget {
    border-top: none
}

    .bg-under-widget .sidebar-content .widget:first-child, .elementor-widget-sidebar .widget:first-child, .sidebar.bg-under-widget .widget:first-child, .solid-bg.sidebar-content .widget:first-child {
        margin-top: 0
    }

.content .sidebar-content:not(.solid-bg):not(.bg-under-widget) .widget:first-child, .elementor-widget-sidebar .widget:first-child, .sidebar:not(.solid-bg):not(.bg-under-widget) .widget:first-child {
    padding-top: 0
}

.elementor-widget-sidebar .widget:first-child, .sidebar .widget:first-child, .sidebar-content .widget:first-child {
    border-top: none
}

.footer .widget {
    margin-bottom: 30px
}

.widget:after, .widget:before {
    content: "";
    display: table;
    clear: both
}

.widget-info:not(:last-child) {
    margin-bottom: 10px
}

.content .widget ul {
    list-style: none
}

.widget-title {
    margin-bottom: 15px;
    clear: both
}

.cat-item, .custom-categories li, .elementor-widget-sitemap .page_item {
    margin: 5px 0 0;
    padding: 5px 0 0
}

.custom-categories li {
    overflow: hidden;
    margin-top: 0
}

.cat-item:first-child, .custom-categories > li:first-child, .elementor-widget-sitemap .page_item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none !important
}

.cat-item a, .custom-categories a {
    text-decoration: none
}

.custom-categories a {
    display: block;
    clear: both
}

.custom-categories span.item-name {
    float: left
}

.custom-categories span.item-num {
    float: right;
    margin-left: 10px
}

.cat-item ul, .custom-categories ul {
    margin-left: 20px
}

#wp-calendar {
    margin: 25px 0 15px;
    border-width: 1px;
    border-style: solid
}

    #wp-calendar caption {
        padding: 5px 0;
        margin: 0;
        height: auto;
        border-style: solid;
        border-width: 1px;
        border-bottom: none
    }

    #wp-calendar th {
        height: 25px;
        font-weight: 400
    }

.content #wp-calendar th {
    border: none
}

#wp-calendar td {
    width: 34px;
    height: 25px;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    cursor: default
}

    #wp-calendar td.act {
        color: #fff
    }

    #wp-calendar td a {
        display: block;
        width: 100%;
        text-decoration: none
    }

    #wp-calendar td.pad, .footer #wp-calendar td.pad {
        background: 0 0 !important;
        border: none
    }

#wp-calendar tfoot td {
    width: auto
}

    #wp-calendar tfoot td#prev {
        padding-left: 10px;
        text-align: left
    }

    #wp-calendar tfoot td#next {
        padding-right: 10px;
        text-align: right
    }

    #wp-calendar tfoot td a:hover {
        background: 0 0;
        text-decoration: none
    }

.shortcode-contact-info, .shortcode-contacts {
    margin-bottom: 20px
}

.contact-info:not(:last-child), .content .contact-info:not(:last-child) {
    margin: 0;
    padding-bottom: 15px
}

.contact-info li {
    margin: 15px 0 0;
    list-style: none
}

    .contact-info li span:not(:last-child) {
        display: inline-block;
        margin-bottom: 5px
    }

    .contact-info li:first-child {
        margin-top: 0
    }

.widget .soc-ico:not(:last-child) {
    padding: 0 0 10px
}

.custom-nav {
    margin: 0
}

    .custom-nav > li:first-child {
        border-top: none !important
    }

    .custom-nav > li > a {
        display: block;
        position: relative;
        text-decoration: none
    }

    .custom-nav > li:not(:last-child) > a {
        padding: 0 0 10px
    }

    .custom-nav > li > a span {
        display: inline-block
    }

    .custom-nav > li li a:before, .custom-nav > li > a:before {
        display: block;
        position: absolute;
        top: 14px;
        right: 0;
        width: 13px;
        height: 13px
    }

    .custom-nav > li.has-children > a:after {
        float: right;
        content: "\f005";
        font-family: icomoon-the7-font;
        font-size: 8px
    }

    .custom-nav > li .custom-menu li {
        border: none !important
    }

    .custom-nav > li li a {
        padding-left: 12px;
        background-image: none !important
    }

        .custom-nav > li li a:before {
            top: 50%;
            margin-top: -1px;
            right: auto;
            left: 0;
            width: 3px;
            height: 3px;
            border-radius: 50%
        }

    .custom-nav > li > ul {
        display: none;
        margin: 0;
        padding: 0 20px 15px
    }

    .custom-nav > li:last-child > ul {
        padding: 10px 20px 15px
    }

    .custom-nav > li > ul a span {
        display: inline-block
    }

    .custom-nav > li li {
        margin-top: 0;
        padding-top: 7px
    }

    .custom-nav > li > ul a:hover {
        text-decoration: none
    }

    .bg-under-widget .custom-nav > li:last-child > ul, .custom-nav > li:last-child > ul, .solid-bg .custom-nav > li:last-child > ul {
        margin-bottom: -5px
    }

.content .menu, .custom-menu .widget_pages > ul, .menu {
    margin: 0;
    padding: 0
}

    .menu li, .qts-lang-menu li, .widget_pages li {
        display: block;
        position: relative;
        margin: 9px 0 0;
        padding: 10px 0 0
    }

.custom-menu li {
    margin: 6px 0 0;
    padding: 7px 0 0
}

.dividers-on.custom-menu li {
    margin: 9px 0 0;
    padding: 10px 0 0
}

.custom-menu > li:first-child, .menu > li:first-child, .qts-lang-menu li:first-child, .widget_pages > ul > li:first-child {
    border: none !important;
    margin-top: 0;
    padding-top: 0
}

#page .qtrans_flag {
    width: auto;
    height: auto;
    background-position: 0 center
}

.custom-menu a, .menu a, .widget_pages a {
    text-decoration: none
}

.widget_nav_menu a {
    display: inline-block
}

    .widget_nav_menu a:hover {
        text-decoration: none
    }

.custom-menu a {
    position: relative;
    display: inline-block
}

.show-arrow.custom-menu a {
    padding-left: 23px
}

.enable-bold.custom-menu a {
    font-weight: 700
}

.custom-menu.show-arrow a:before {
    height: 14px;
    content: ""
}

div[class*=elementor-widget-wp-widget-] ul {
    list-style: none
}

div[class*=elementor-widget-wp-widget-] .elementor-widget-container > ul {
    margin: 0
}

.elementor-widget-wp-widget-pages ul.children {
    margin: 5px 0 5px 20px
}

.custom-menu.show-arrow a:before, .widget_presscore-custom-menu-one .custom-menu.show-arrow a:after, div[class*=elementor-widget-wp-widget-] .custom-menu.show-arrow a:after {
    position: absolute;
    width: 14px;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.widget_presscore-custom-menu-one .custom-menu.show-arrow a:after, div[class*=elementor-widget-wp-widget-] .custom-menu.show-arrow a:after {
    content: "\f007";
    font-family: icomoon-the7-font;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 7px;
    line-height: 14px;
    text-align: center
}

.custom-nav.show-arrow > .has-children > a:after {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 5px;
    width: 8px;
    height: 8px;
    content: ""
}

.widget_pages a {
    display: inline-block
}

.content .custom-menu li ul, .content .menu li ul, .content .widget_pages li ul, .custom-menu li ul, .menu li ul, .widget_pages li ul {
    margin-left: 0px
}

.custom-nav .custom-menu li ul {
    padding-top: 10px
}

.widget_tag_cloud a {
    display: inline-block;
    padding: 0 3px;
    margin-bottom: 2px;
    text-decoration: none
}

.content .recent-posts, .recent-posts {
    margin: 0;
    padding: 0 0 5px
}

.widget .recent-posts {
    padding-bottom: 0
}

.recent-posts li {
    display: block;
    overflow: hidden;
    margin: 0
}

    .recent-posts li article {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex
    }

    .recent-posts li:not(:last-child) {
        padding: 0 0 15px
    }

.widget .recent-posts li {
    margin-top: 0
}

.recent-posts > li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none !important
}

.items-grid .post-content > a, .recent-posts a {
    display: inline-block;
    text-decoration: none
}

.items-grid .post-content > p, .recent-posts .post-content > p {
    margin: 5px 0 0
}

#footer .items-grid .alignleft, #footer .recent-posts .alignleft, #sidebar .items-grid .alignleft, #sidebar .recent-posts .alignleft {
    margin: 0 15px 5px 0
}

.items-grid .post-content > time, .recent-posts .post-content > time {
    display: block;
    margin: 5px 0 0
}

.recent-posts .alignleft {
    margin: 0 15px 5px 0;
    font-size: 0;
    line-height: 0
}

.widget .tp_recent_tweets {
    margin-bottom: 10px
}

    .widget .tp_recent_tweets li .twitter_time {
        position: relative;
        padding: 0 0 0 20px
    }

    .widget .tp_recent_tweets li {
        padding: 15px 0 0;
        background-image: none
    }

.tp_recent_tweets li, .tp_recent_tweets li * {
    line-height: inherit
}

.widget .tp_recent_tweets li:first-child {
    margin-top: 0;
    padding-top: 0;
    border: none !important
}

.widget .tp_recent_tweets li .twitter_time:before {
    position: absolute;
    display: block;
    top: 2px;
    left: 0;
    width: 15px;
    height: 15px;
    content: "";
    background-position: 0 0;
    background-repeat: no-repeat
}

.widget .tp_recent_tweets li:first-child:before {
    top: 5px
}

.tp_recent_tweets li a {
    font-weight: 400;
    text-decoration: none
}

.widget .tp_recent_tweets .twitter_time {
    font-style: normal
}

    .widget .tp_recent_tweets .twitter_time:hover {
        text-decoration: underline
    }

.content .searchform, .widget .searchform {
    position: relative
}

.widget_search form {
    margin: 5px 0 0
}

.widget_search input[type=text] {
    width: 100%;
    margin: 0 !important
}

.content .searchform input, .widget .searchform input {
    padding-right: 30px
}

.content .searchform .submit, .widget .searchform .submit, .widget .searchsubmit {
    position: absolute;
    top: 0;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    right: 11px;
    width: 20px;
    height: 100%;
    padding: 0;
    text-decoration: none
}

    .content .searchform .submit:hover, .widget .searchform .submit:hover, .widget .searchsubmit:hover {
        opacity: .7;
        cursor: pointer
    }

    .content .searchform .submit:before, .widget .searchform .submit:before, .widget .searchsubmit:before {
        content: "\ec051";
        font-family: icomoon-the7-font !important;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: inherit;
        font-size: 16px
    }

.skills.hide-percent .skill-value > span {
    display: none !important
}

html:not(.mobile-true) .skill-value {
    transition: width 1.2s ease;
    transition-delay: .3s
}

.skill-name {
    margin-bottom: 5px
}

    .skill-name span {
        margin-left: 5px
    }

.skill {
    height: 7px
}

    .skill:not(:last-child) {
        margin-bottom: 15px
    }

.skill-value {
    position: relative;
    width: 0;
    height: 100%
}

    .skill-value:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
        background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
        background-size: 40px 40px
    }

    .skill-value span {
        position: absolute;
        top: -26px;
        right: -16px;
        margin-right: 4px;
        padding: 2px 6px 3px;
        background-color: rgba(0,0,0,.8);
        color: #fff;
        font-size: 10px;
        font-family: Tahoma,san-serif;
        line-height: 14px
    }

        .skill-value span:after {
            position: absolute;
            left: 50%;
            bottom: -5px;
            margin-left: -5px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 5px solid rgba(0,0,0,.8);
            content: ""
        }

.widget .rsContW {
    padding-top: 5px
}

.blogroll li, .widget_archive li, .widget_categories li, .widget_links li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li {
    margin: 5px 0 0;
    padding: 0
}

.widget_archive select[name=archive-dropdown], .widget_categories select.postform {
    margin-bottom: 0
}

.blogroll li:first-child, .custom-menu > li:first-child, .widget_archive > ul > li:first-child, .widget_categories li:first-child, .widget_links > ul > li:first-child, .widget_meta li:first-child, .widget_recent_comments > ul > li:first-child, .widget_recent_entries li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none !important
}

.blogroll a, .widget_archive a, .widget_categories a, .widget_links a, .widget_meta a, .widget_recent_comments a, .widget_recent_entries a {
    display: inline-block;
    text-decoration: none
}

.st-accordion ul {
    margin: 0
}

.st-accordion > ul > li {
    overflow: hidden;
    margin: 0;
    padding: 9px 0 0;
    list-style: none
}

    .st-accordion > ul > li:first-child .st-content {
        display: block
    }

    .st-accordion > ul > li:first-child {
        padding-top: 0;
        margin-top: 0;
        border: none
    }

.st-accordion li > a {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    outline: 0
}

    .st-accordion li > a:after, .st-accordion li > a:before {
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -7px;
        width: 14px;
        height: 14px;
        content: ""
    }

    .st-accordion li > a:after {
        content: "\f005";
        font-family: icomoon-the7-font;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 8px;
        line-height: 14px;
        text-align: center
    }

.st-content {
    display: none;
    padding: 10px 0 5px
}

    .st-content p {
        margin-bottom: 0
    }

.st-accordion li > a:hover, .textwidget a {
    text-decoration: none
}

.textwidget img {
    max-width: 100%;
    height: auto
}

.textwidget * {
    max-width: 100%
}

.textwidget input {
    width: 100%
}

.textwidget .owl-stage {
    max-width: none
}

.textwidget p:last-child {
    margin-bottom: 0
}

a.rsswidget {
    text-decoration: none;
    display: inline-block
}

.widget .testimonials {
    padding-bottom: 0
}

.widget_presscore-contact-form-widget form > p:last-child {
    margin-bottom: 0
}

body {
    overflow-x: hidden;
    color: #334155;
}

    body.responsive-off {
        min-width: 998px;
        overflow-x: auto
    }

div[data-pagination-mode=load-more] {
    overflow-anchor: none
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 10px;
    clear: both
}

    a:hover, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        text-decoration: none
    }

p {
    margin-bottom: 10px
}

a {
    text-decoration: underline
}

.content ol, .content ul {
    margin: 0 0 10px 20px
}

.fa-ul li {
    list-style: none
}

.content .widget ol, .content .widget ul {
    margin: 0
}

.content ul {
    list-style: disc
}

.content ol {
    list-style-type: decimal
}

.content table {
    border-bottom: 1px solid transparent;
    width: 100%;
    margin: 0 0 10px
}

    .content table caption {
        margin: 10px 0
    }

.content td, .content th {
    border-top: 1px solid transparent;
    padding: 5px 10px 5px 5px
}

.content th {
    text-align: left
}

.post .rollover, .post .rollover-video:not(.ts-slide), .post img, img[class*=align], img[class*=wp-image-], img[class*=attachment-] {
    max-width: 100%;
    height: auto
}

.recent-posts .alignleft img {
    max-width: inherit;
    height: inherit
}

blockquote {
    padding: 20px 25px;
    margin: 0 0 10px;
    box-sizing: border-box
}

.format-status-content {
    border: none
}

.alignleft {
    float: left;
    margin: 0 30px 10px 0
}

    .alignleft.photoswipe-wrapper {
        clear: both;
        margin: 0
    }

        .alignleft.photoswipe-wrapper .wp-caption-text {
            float: left;
            clear: both
        }

    .alignleft > .dt-pswp-item {
        float: left;
        margin: 0 30px 10px 0
    }

#footer .alignleft, #sidebar .alignleft {
    margin-right: 20px
}

.alignright {
    float: right;
    margin: 0 0 10px 30px
}

    .alignright.photoswipe-wrapper {
        clear: both;
        margin: 0
    }

    .alignright > .dt-pswp-item {
        float: right;
        margin: 0 0 10px 30px
    }

    .alignright.photoswipe-wrapper .wp-caption-text {
        float: right;
        clear: both
    }

#footer .alignright, #sidebar .alignright {
    margin-left: 20px
}

.aligncenter {
    display: block;
    margin: 0 auto 10px
}

.wp-caption.aligncenter {
    text-align: center
}

.entry-content .wp-block-image.alignfull img {
    width: 100vw;
    margin-left: auto;
    margin-right: auto
}

.alignnone {
    float: none;
    margin: 0 auto 10px
}

.shortcode-single-image-wrap.aligncenter, .shortcode-single-image-wrap.alignnone {
    margin-left: auto !important;
    margin-right: auto !important
}

.wp-caption {
    max-width: 100%
}

.gap, .gap-10, .gap-20, .gap-30, .gap-40, .hr-thick, .hr-thin, .vc_empty_space {
    clear: both
}

.hr-thick {
    height: 1px;
    line-height: 1px;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    margin: 0 auto
}

.hr-thin {
    height: 9px;
    line-height: 9px;
    margin: 0 auto
}

    .hr-thin.hr-left {
        margin: 0
    }

    .hr-thin.hr-right {
        margin: 0 0 0 auto
    }

.divider-heder, .layout-list .divider-heder, .layout-masonry .divider-heder, .page .divider-heder, .single .divider-heder {
    margin: 25px 0 36px
}

.divider-comments {
    margin: 0 0 35px
}

.divider-post {
    margin: 10px 0 20px
}

.text-centered {
    text-align: center
}

a.text-secondary {
    text-decoration: none
}

    a.text-secondary:hover {
        text-decoration: underline
    }

.assistive-text {
    position: absolute !important;
    clip: rect(1px,1px,1px,1px)
}

.assistive-info {
    text-align: right;
    color: #fff
}

.wf-clearfix:before {
    content: "";
    display: table
}

.wf-clearfix:after {
    content: "";
    display: table;
    clear: both
}

.ancient-ie .wf-clearfix {
    zoom: 1
}

#main-nav:before, #top-bar:before, .header-bottom-bar:before, .layout-list .post:before, .wf-container:before {
    content: "";
    display: table
}

#main-nav:after, #top-bar:after, .header-bottom-bar:after, .layout-list .post:after, .wf-container:after {
    content: "";
    display: table;
    clear: both
}

.ancient-ie #main-nav, .ancient-ie #top-bar, .ancient-ie .header-bottom-bar, .ancient-ie .layout-list .post, .ancient-ie .wf-container {
    zoom: 1
}

#page {
    position: relative;
    overflow: hidden
}

.footer-overlap #page {
    background: 0 0
}

#page.boxed {
    max-width: 1320px;
    margin: 0 auto;
    box-shadow: 0 0 12px rgba(0,0,0,.15)
}

.main-gradient {
    display: none
}

#main {
    padding: 50px 0
}

.static-height {
    position: relative
}

.fancy-parallax-bg, .page-title-parallax-bg {
    background-attachment: fixed !important;
    background-position-x: 50%
}

    .fancy-parallax-bg > .wf-wrap, .page-title-parallax-bg > .wf-wrap {
        position: relative
    }

.mobile-false .fancy-parallax-bg, .mobile-false .page-title-parallax-bg {
    opacity: 0;
    transition: opacity .3s ease
}
/*!-Video */
embed, iframe, object, video {
    max-width: 100%
}
/*!-Parallax background for device*/
.mobile-true .fancy-parallax-bg, .mobile-true .page-title-parallax-bg {
    background-attachment: scroll !important;
    background-size: auto !important
}
/*!-Row settings->Full-width content*/
.full-width-wrap {
    position: relative;
    display: block;
    opacity: 0;
    transition: opacity .4s ease
}

.is-iphone .full-width-wrap {
    opacity: 1
}

.content .vc_row.full-width-wrap > .wpb_column, .full-width-wrap > .wf-cell, .full-width-wrap > .wpb_column, .full-width-wrap > .wpb_column > .vc_column-inner {
    padding-left: 0;
    padding-right: 0
}
/*!-WP Audio*/
.mejs-controls .mejs-play:hover button {
    background-position: 0 0
}

.mejs-controls .mejs-pause button, .mejs-controls .mejs-pause:hover button {
    background-position: 0 -16px
}

.mejs-controls button {
    box-shadow: none
}

.mejs-controls .mejs-mute button:hover {
    background-position: -16px -16px
}

.mejs-controls .mejs-unmute button:hover {
    background-position: -16px 0
}

.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
}

#page .skip-link {
    background-color: #f1f1f1;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    left: -9999em;
    outline: 0;
    padding: 15px 23px 14px;
    text-decoration: none;
    text-transform: none;
    top: -9999em
}

    #page .skip-link:focus {
        left: 30px;
        top: 15px;
        height: auto;
        width: auto;
        clip: unset !important;
        z-index: 9
    }

article.attachment:after, article.attachment:before {
    content: "";
    display: table;
    clear: both
}

.widget_search input[type=text].searchform-s, .woocommerce div.elementor .the7-elementor-widget form.cart table.variations td.value select, .wpcf7-number, input[type=text]:not(.elementor-field):not(.searchform-s), input[type=search]:not(.elementor-field), input[type=tel]:not(.elementor-field), input[type=url]:not(.elementor-field), input[type=email]:not(.elementor-field), input[type=number]:not(.elementor-field), input[type=date]:not(.elementor-field), input[type=range]:not(.elementor-field), input[type=password]:not(.elementor-field), select:not(.elementor-field), textarea:not(.elementor-field) {
    margin-bottom: 10px;
    border-style: solid;
    box-sizing: border-box
}

input[type=button] {
    outline: 0
}

@media all and (-ms-high-contrast:none) {
    .dt-form textarea {
        min-height: 100px
    }
}

.comment-form .form-fields > span {
    box-sizing: border-box
}

.form-fields input, .login-password input, .login-username input {
    width: 100%
}

.the7-g-captcha {
    margin-bottom: 20px
}

.form-message {
    display: block;
    margin-bottom: 10px
}

.inline-message-style .form-message {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

    .inline-message-style .form-message .formError {
        -ms-flex-order: 0;
        order: 0
    }

    .inline-message-style .form-message textarea {
        -ms-flex-order: 1;
        order: 1
    }

input[type=text], input[type=tel], input[type=url], input[type=email], input[type=number], input[type=date], input[type=range], input[type=password], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0
}

.form-fields > span {
    position: relative;
    display: block
}

.inline-message-style .form-fields > span {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

    .inline-message-style .form-fields > span .formError {
        -ms-flex-order: 0;
        order: 0
    }

    .inline-message-style .form-fields > span input {
        -ms-flex-order: 1;
        order: 1
    }

.form-allowed-tags {
    margin-bottom: 20px
}

#cancel-comment-reply-link, .clear-form {
    position: relative;
    float: right;
    padding: 0 15px 0 0
}

    #cancel-comment-reply-link:before, .clear-form:before {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -5px;
        width: 10px;
        font-family: icomoon-the7-font;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 10px;
        line-height: 1;
        content: "\eb01"
    }

.wpcf7-form input[type=text], .wpcf7-form input[type=tel], .wpcf7-form input[type=url], .wpcf7-form input[type=email], .wpcf7-form input[type=number], .wpcf7-form input[type=date], .wpcf7-form input[type=range], .wpcf7-form textarea, .wpcf7-select {
    width: 100%
}

.wpcf7-not-valid-tip {
    display: none
}

.popup-message-style #page .wpcf7-response-output {
    position: fixed;
    top: 50%;
    left: 100%
}

.inline-message-style .wpcf7-mail-sent-ok, .inline-message-style .wpcf7-response-output.run-animation, .inline-message-style .wpcf7-validation-errors {
    border: none
}

.popup-message-style #page .wpcf7-mail-sent-ok, .popup-message-style #page .wpcf7-response-output.run-animation, .popup-message-style #page .wpcf7-validation-errors {
    display: -ms-flexbox !important;
    display: -ms-flex !important;
    display: flex !important;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0 10px 40px 0 rgba(0,0,0,.3);
    border: none !important;
    position: fixed;
    top: 50%;
    left: 100%;
    width: 400px;
    max-height: 500px;
    margin: 0 !important;
    padding: 15px 20px 15px 65px;
    z-index: 9999;
    overflow: hidden;
    transform: translate3d(200px,-50%,0);
    animation: slide-in-message,slide-out-message;
    animation-duration: 1.2s,1.1s;
    animation-delay: .4s,9s;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    font-weight: 700;
    box-sizing: border-box
}

    .popup-message-style #page .wpcf7-mail-sent-ok:before, .popup-message-style #page .wpcf7-response-output.run-animation:before, .popup-message-style #page .wpcf7-validation-errors:before {
        position: absolute;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
        top: 20px;
        left: 0;
        width: 65px;
        height: 100%;
        font-family: icomoon-the7-font;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 18px;
        line-height: 1;
        content: "\eb00"
    }

    .popup-message-style #page .wpcf7-mail-sent-ok .wpcf7-not-valid-tip-text, .popup-message-style #page .wpcf7-mail-sent-ok .wpcf7-valid-tip-text, .popup-message-style #page .wpcf7-response-output.run-animation .wpcf7-not-valid-tip-text, .popup-message-style #page .wpcf7-response-output.run-animation .wpcf7-valid-tip-text, .popup-message-style #page .wpcf7-validation-errors .wpcf7-not-valid-tip-text, .popup-message-style #page .wpcf7-validation-errors .wpcf7-valid-tip-text {
        opacity: 1
    }

    .popup-message-style #page .wpcf7-mail-sent-ok.wpcf7-response-output:before, .popup-message-style #page .wpcf7-mail-sent-ok:before {
        content: "\ea09"
    }

.wpcf7-quiz.wpcf7-not-valid, input.wpcf7-validates-as-required.wpcf7-not-valid {
    border-color: #f55b5f
}

.gform_fields li {
    list-style: none
}

.gform_wrapper .gform_body input[type=text], .gform_wrapper .gform_body input[type=tel], .gform_wrapper .gform_body input[type=url], .gform_wrapper .gform_body input[type=email], .gform_wrapper .gform_body input[type=number], .gform_wrapper .gform_body input[type=password] {
    padding: 9px 10px 8px;
    font-size: 100%
}

.gform_wrapper .gform_body select, .gform_wrapper.gf_browser_chrome .gform_body .ginput_complex .ginput_right select, .gform_wrapper.gf_browser_chrome .gform_body .ginput_complex select, .mc4wp-form form select {
    padding: 6px 10px 5px;
    font-size: 100%
}

#main .gform_wrapper .ginput_full input:focus + label, #main .gform_wrapper .ginput_left input:focus + label, #main .gform_wrapper .ginput_right input:focus + label {
    font-weight: 400
}

.comment-form-cookies-consent, .the7-form-terms-wrap {
    margin-bottom: 20px
}

#wp-comment-cookies-consent, .the7-form-terms {
    margin-right: 5px
}

.wpcf7 .wf-cell {
    padding: 0 15px
}

.wpcf7 .wf-container {
    margin: 0 -15px
}

#main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input[type=submit], #main-slideshow .tp-button, .dt-btn, .dt-form button, .mc4wp-form input[type=submit], .nsu-submit, .post-password-form input[type=submit], .tml-submit-wrap input[type=submit], .woocommerce-widget-layered-nav-dropdown__submit, a.button, button.button, div.mc4wp-form button[type=submit], form.mc4wp-form input[type=submit], input[type=button], input[type=reset], input[type=submit] {
    position: relative;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    -webkit-tap-highlight-color: transparent
}

    #main .gform_wrapper .gform_footer input.button:hover, #main .gform_wrapper .gform_footer input[type=submit]:hover, #main-slideshow .tp-button:hover, .dt-btn:hover, .dt-form button:hover, .mc4wp-form input[type=submit]:hover, .nsu-submit:hover, .post-password-form input[type=submit]:hover, .tml-submit-wrap input[type=submit]:hover, .woocommerce-widget-layered-nav-dropdown__submit:hover, a.button:hover, button.button:hover, div.mc4wp-form button[type=submit]:hover, form.mc4wp-form input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
        text-decoration: none
    }

.full-width-btn.dt-btn {
    display: block;
    text-align: center;
    clear: both
}

#page .btn-margin, #page .btn-margin:last-child, #page .dt-contact-form .dt-btn {
    margin-right: 10px
}

#page .btn-margin-left, #page .btn-margin-left:last-child {
    margin-left: 10px
}

.btn-shortcode {
    margin-bottom: 10px
}

.mc4wp-form input[type=submit], .woocommerce-widget-layered-nav-dropdown__submit, button.button, input[type=button], input[type=reset] {
    border: none
}

#page .btn-link {
    padding: 0
}

.btn-link, .dt-btn-link {
    position: relative;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap
}

    .dt-btn-link.left-to-right-line:after {
        position: absolute;
        display: block;
        left: 0;
        bottom: 0;
        width: 0;
        content: "";
        transition: width .4s ease
    }

    .dt-btn-link.left-to-right-line:hover:after {
        width: 100%
    }

.dt-btn-link {
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

    .dt-btn-link.full-width-btn {
        width: 100%
    }

        .btn-align-left .dt-btn-link.full-width-btn, .dt-btn-link.full-width-btn.btn-inline-left {
            -ms-flex-pack: flex-start;
            -ms-justify-content: flex-start;
            justify-content: flex-start
        }

        .btn-align-right .dt-btn-link.full-width-btn, .dt-btn-link.full-width-btn.btn-inline-right {
            -ms-flex-pack: flex-end;
            -ms-justify-content: flex-end;
            justify-content: flex-end
        }

    .dt-btn-link.from-center-line:after {
        position: absolute;
        visibility: hidden;
        left: 0;
        bottom: -5px;
        width: 100%;
        background-color: #000;
        content: "";
        transform: scaleX(0);
        transition: all .2s ease-in-out 0s;
        opacity: .85
    }

    .dt-btn-link.from-center-line:hover:after {
        visibility: visible;
        transform: scaleX(1)
    }

    .dt-btn-link.upwards-line:after {
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 2px;
        background: rgba(0,0,0,.1);
        content: '';
        opacity: 0;
        transition: opacity .3s,transform .3s;
        transform: translateY(10px)
    }

    .dt-btn-link.upwards-line:hover:after {
        opacity: 1;
        transform: translateY(0)
    }

    .dt-btn-link.downwards-line:after {
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        background: #fff;
        content: '';
        opacity: 0;
        transition: height .3s,opacity .3s,transform .3s;
        transform: translateY(-10px)
    }

    .dt-btn-link.downwards-line:hover:after {
        opacity: 1;
        transform: translateY(0)
    }

.btn-shadow .dt-btn {
    transform: translateZ(0)
}

.btn-link i, .btn-link i *, .dt-btn i, .dt-btn i * {
    color: inherit
}

.dt-btn-m i, .dt-btn-s i {
    margin-right: 8px
}

.dt-btn-l i {
    margin-right: 9px
}

.dt-btn-m.ico-right-side i, .dt-btn-s.ico-right-side i {
    margin-right: 0;
    margin-left: 8px
}

.dt-btn-l.ico-right-side i {
    margin-right: 0;
    margin-left: 9px
}

.btn-3d #place_order, .btn-3d .button.wc-backward, .btn-3d .checkout-button, .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn), .btn-3d .dt-form button, .btn-3d .dt-wc-btn, .btn-3d .mc4wp-form input[type=submit], .btn-3d .nsu-submit, .btn-3d .post-password-form input[type=submit], .btn-3d .single_add_to_cart_button.button, .btn-3d .tml-submit-wrap input[type=submit], .btn-3d .track_order input[name=track], .btn-3d .widget .dt-form .dt-btn, .btn-3d .woocommerce-Button.button, .btn-3d .woocommerce-Button[name=register], .btn-3d .woocommerce-Reviews .submit, .btn-3d .woocommerce-widget-layered-nav-dropdown__submit, .btn-3d .wpcf7-form input[type=submit], .btn-3d .wpcf7-submit, .btn-3d a.button, .btn-3d button.button, .btn-3d button[name=calc_shipping], .btn-3d div.mc4wp-form button[type=submit], .btn-3d input#place_order, .btn-3d input[name=apply_coupon], .btn-3d input[name=login], .btn-3d input[name=save_address], .btn-3d input[type=reset], .btn-3d input[type=submit]:not([name=update_cart]) {
    top: 0;
    transition: none
}

    .btn-3d #place_order:after, .btn-3d .button.wc-backward:after, .btn-3d .checkout-button:after, .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after, .btn-3d .dt-form button:after, .btn-3d .dt-wc-btn:after, .btn-3d .mc4wp-form input[type=submit]:after, .btn-3d .nsu-submit:after, .btn-3d .post-password-form input[type=submit]:after, .btn-3d .single_add_to_cart_button.button:after, .btn-3d .tml-submit-wrap input[type=submit]:after, .btn-3d .track_order input[name=track]:after, .btn-3d .widget .dt-form .dt-btn:after, .btn-3d .woocommerce-Button.button:after, .btn-3d .woocommerce-Button[name=register]:after, .btn-3d .woocommerce-Reviews .submit:after, .btn-3d .woocommerce-widget-layered-nav-dropdown__submit:after, .btn-3d .wpcf7-form input[type=submit]:after, .btn-3d .wpcf7-submit:after, .btn-3d a.button:after, .btn-3d button.button:after, .btn-3d button[name=calc_shipping]:after, .btn-3d div.mc4wp-form button[type=submit]:after, .btn-3d input#place_order:after, .btn-3d input[name=apply_coupon]:after, .btn-3d input[name=login]:after, .btn-3d input[name=save_address]:after, .btn-3d input[type=reset]:after, .btn-3d input[type=submit]:not([name=update_cart]):after, .btn-flat #place_order:after, .btn-flat .button.wc-backward:after, .btn-flat .checkout-button:after, .btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after, .btn-flat .dt-form button:after, .btn-flat .dt-wc-btn:after, .btn-flat .mc4wp-form input[type=submit]:after, .btn-flat .nsu-submit:after, .btn-flat .post-password-form input[type=submit]:after, .btn-flat .single_add_to_cart_button.button:after, .btn-flat .tml-submit-wrap input[type=submit]:after, .btn-flat .track_order input[name=track]:after, .btn-flat .widget .dt-form .dt-btn:after, .btn-flat .woocommerce-Button.button:after, .btn-flat .woocommerce-Button[name=register]:after, .btn-flat .woocommerce-Reviews .submit:after, .btn-flat .woocommerce-widget-layered-nav-dropdown__submit:after, .btn-flat .wpcf7-form input[type=submit]:after, .btn-flat .wpcf7-submit:after, .btn-flat a.button:after, .btn-flat button.button:after, .btn-flat button[name=calc_shipping]:after, .btn-flat div.mc4wp-form button[type=submit]:after, .btn-flat input#place_order:after, .btn-flat input[name=apply_coupon]:after, .btn-flat input[name=login]:after, .btn-flat input[name=save_address]:after, .btn-flat input[type=reset]:after, .btn-flat input[type=submit]:not([name=update_cart]):after, .btn-shadow #place_order:after, .btn-shadow .button.wc-backward:after, .btn-shadow .checkout-button:after, .btn-shadow .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after, .btn-shadow .dt-form button:after, .btn-shadow .dt-wc-btn:after, .btn-shadow .mc4wp-form input[type=submit]:after, .btn-shadow .nsu-submit:after, .btn-shadow .post-password-form input[type=submit]:after, .btn-shadow .single_add_to_cart_button.button:after, .btn-shadow .tml-submit-wrap input[type=submit]:after, .btn-shadow .track_order input[name=track]:after, .btn-shadow .widget .dt-form .dt-btn:after, .btn-shadow .woocommerce-Button.button:after, .btn-shadow .woocommerce-Button[name=register]:after, .btn-shadow .woocommerce-Reviews .submit:after, .btn-shadow .woocommerce-widget-layered-nav-dropdown__submit:after, .btn-shadow .wpcf7-form input[type=submit]:after, .btn-shadow .wpcf7-submit:after, .btn-shadow a.button:after, .btn-shadow button.button:after, .btn-shadow button[name=calc_shipping]:after, .btn-shadow div.mc4wp-form button[type=submit]:after, .btn-shadow input#place_order:after, .btn-shadow input[name=apply_coupon]:after, .btn-shadow input[name=login]:after, .btn-shadow input[name=save_address]:after, .btn-shadow input[type=reset]:after, .btn-shadow input[type=submit]:not([name=update_cart]):after {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        border-radius: inherit
    }

    .btn-3d #place_order:active:after, .btn-3d .button.wc-backward:active:after, .btn-3d .checkout-button:active:after, .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after, .btn-3d .dt-form button:active:after, .btn-3d .dt-wc-btn:active:after, .btn-3d .mc4wp-form input[type=submit]:active:after, .btn-3d .nsu-submit:active:after, .btn-3d .post-password-form input[type=submit]:active:after, .btn-3d .single_add_to_cart_button.button:active:after, .btn-3d .tml-submit-wrap input[type=submit]:active:after, .btn-3d .track_order input[name=track]:active:after, .btn-3d .widget .dt-form .dt-btn:active:after, .btn-3d .woocommerce-Button.button:active:after, .btn-3d .woocommerce-Button[name=register]:active:after, .btn-3d .woocommerce-Reviews .submit:active:after, .btn-3d .woocommerce-widget-layered-nav-dropdown__submit:active:after, .btn-3d .wpcf7-form input[type=submit]:active:after, .btn-3d .wpcf7-submit:active:after, .btn-3d a.button:active:after, .btn-3d button.button:active:after, .btn-3d button[name=calc_shipping]:active:after, .btn-3d div.mc4wp-form button[type=submit]:active:after, .btn-3d input#place_order:active:after, .btn-3d input[name=apply_coupon]:active:after, .btn-3d input[name=login]:active:after, .btn-3d input[name=save_address]:active:after, .btn-3d input[type=reset]:active:after, .btn-3d input[type=submit]:not([name=update_cart]):active:after, .btn-flat #place_order:active:after, .btn-flat .button.wc-backward:active:after, .btn-flat .checkout-button:active:after, .btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after, .btn-flat .dt-form button:active:after, .btn-flat .dt-wc-btn:active:after, .btn-flat .mc4wp-form input[type=submit]:active:after, .btn-flat .nsu-submit:active:after, .btn-flat .post-password-form input[type=submit]:active:after, .btn-flat .single_add_to_cart_button.button:active:after, .btn-flat .tml-submit-wrap input[type=submit]:active:after, .btn-flat .track_order input[name=track]:active:after, .btn-flat .widget .dt-form .dt-btn:active:after, .btn-flat .woocommerce-Button.button:active:after, .btn-flat .woocommerce-Button[name=register]:active:after, .btn-flat .woocommerce-Reviews .submit:active:after, .btn-flat .woocommerce-widget-layered-nav-dropdown__submit:active:after, .btn-flat .wpcf7-form input[type=submit]:active:after, .btn-flat .wpcf7-submit:active:after, .btn-flat a.button:active:after, .btn-flat button.button:active:after, .btn-flat button[name=calc_shipping]:active:after, .btn-flat div.mc4wp-form button[type=submit]:active:after, .btn-flat input#place_order:active:after, .btn-flat input[name=apply_coupon]:active:after, .btn-flat input[name=login]:active:after, .btn-flat input[name=save_address]:active:after, .btn-flat input[type=reset]:active:after, .btn-flat input[type=submit]:not([name=update_cart]):active:after, .btn-shadow #place_order:active:after, .btn-shadow .button.wc-backward:active:after, .btn-shadow .checkout-button:active:after, .btn-shadow .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after, .btn-shadow .dt-form button:active:after, .btn-shadow .dt-wc-btn:active:after, .btn-shadow .mc4wp-form input[type=submit]:active:after, .btn-shadow .nsu-submit:active:after, .btn-shadow .post-password-form input[type=submit]:active:after, .btn-shadow .single_add_to_cart_button.button:active:after, .btn-shadow .tml-submit-wrap input[type=submit]:active:after, .btn-shadow .track_order input[name=track]:active:after, .btn-shadow .widget .dt-form .dt-btn:active:after, .btn-shadow .woocommerce-Button.button:active:after, .btn-shadow .woocommerce-Button[name=register]:active:after, .btn-shadow .woocommerce-Reviews .submit:active:after, .btn-shadow .woocommerce-widget-layered-nav-dropdown__submit:active:after, .btn-shadow .wpcf7-form input[type=submit]:active:after, .btn-shadow .wpcf7-submit:active:after, .btn-shadow a.button:active:after, .btn-shadow button.button:active:after, .btn-shadow button[name=calc_shipping]:active:after, .btn-shadow div.mc4wp-form button[type=submit]:active:after, .btn-shadow input#place_order:active:after, .btn-shadow input[name=apply_coupon]:active:after, .btn-shadow input[name=login]:active:after, .btn-shadow input[name=save_address]:active:after, .btn-shadow input[type=reset]:active:after, .btn-shadow input[type=submit]:not([name=update_cart]):active:after {
        background-color: rgba(0,0,0,.2)
    }

.btn-light, .btn-link, .light-bg-btn, .outline-btn {
    transition: background .2s ease-out,color .2s ease-out,border-color .2s ease-out
}

.outline-bg-btn {
    transition: all .2s ease-out
}

#page .btn-light:after, .btn-3d .dt-btn.btn-light:after, .btn-3d .dt-btn.btn-light:before {
    display: none
}

#page .outline-bg-btn, #page .outline-btn, #phantom .outline-bg-btn, #phantom .outline-btn {
    border: 2px solid
}

.custom-btn-color .dt-btn > * {
    color: inherit !important
}

.btn-link.custom-btn-hover-color:hover > .text-wrap *, .btn-link.custom-btn-hover-color:hover > i, .btn-link.custom-btn-hover-color:hover > span, .dt-btn.custom-btn-hover-color:hover > .text-wrap *, .dt-btn.custom-btn-hover-color:hover > i, .dt-btn.custom-btn-hover-color:hover > span, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > .text-wrap *, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > i, .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > span {
    background: 0 0 !important;
    color: inherit !important
}

.outline-element-decoration .btn-light:hover {
    box-shadow: none
}

.default-btn-shortcode {
    text-align: center;
    max-width: 100%;
    box-sizing: border-box;
    white-space: normal
}

    .default-btn-shortcode.btn-inline-center {
        margin-left: auto;
        margin-right: auto
    }

    .default-btn-shortcode.btn-inline-right {
        float: right
    }

.btn-align-center {
    text-align: center
}

.btn-align-right {
    text-align: right
}

.shortcode-banner {
    position: relative;
    overflow: hidden;
    background-position: center;
    line-height: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background-size: cover
}

.shortcode-banner, .shortcode-banner-inside {
    box-sizing: border-box
}

.wf-table .shortcode-banner-inside {
    display: table-cell;
    vertical-align: middle
}

.content .shortcode-banner-inside * {
    color: inherit
}

.shortcode-banner-link:hover .shortcode-banner-bg {
    opacity: .9;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    cursor: pointer
}

.shortcode-banner img {
    width: 100%;
    height: auto
}

.shortcode-banner-bg {
    height: 100%;
    background-clip: padding-box;
    box-sizing: border-box
}

.shortcode-banner-inside {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    background-clip: padding-box
}

.shortcode-blockquote {
    position: relative;
    overflow: hidden;
    padding: 20px 25px;
    font-style: normal
}

blockquote.shortcode-blockquote {
    background-color: transparent;
    border: 1px solid
}

    blockquote.shortcode-blockquote.block-style-widget {
        border: none
    }

.shortcode-blockquote.block-style-widget:before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 117px;
    height: 81px;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 117px 81px;
    content: ""
}

.block-style-widget {
    border: none
}

.shortcode-blockquote p {
    margin-bottom: 0
}

.shortcode-pullquote {
    position: relative;
    background-color: transparent !important
}

    #page .shortcode-pullquote.align-left, .shortcode-pullquote.align-left {
        float: left;
        margin: 15px 30px 10px 0;
        padding: 5px 20px 5px 0
    }

    #page .shortcode-pullquote.align-right, .shortcode-pullquote.align-right {
        float: right;
        margin: 15px 0 10px 30px;
        padding: 5px 0 5px 20px
    }

    .shortcode-pullquote:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 100%;
        content: ""
    }

    .shortcode-pullquote.align-left:after {
        left: auto;
        right: 0
    }

.shortcode-action-bg.no-line, .shortcode-action-box {
    word-wrap: break-word
}

.plain-bg {
    border-style: solid;
    border-width: 1px
}

.shortcode-action-bg.no-line:before {
    display: none;
    background-color: transparent
}

.shortcode-action-box.box-style-table {
    display: table;
    width: 100%;
    box-sizing: border-box
}

.box-style-table .shortcode-action-container {
    display: table-cell;
    vertical-align: middle
}

.shortcode-action-bg {
    position: relative;
    padding: 20px 25px 10px 30px
}

.block-style-widget.shortcode-action-bg {
    border: none
}

.shortcode-action-bg.no-line {
    padding-left: 25px
}

#page .shortcode-action-bg:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    content: "";
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.action-button {
    margin-bottom: 20px
}

.box-style-table .action-button {
    padding-top: 0;
    padding-left: 40px;
    margin-bottom: 0;
    box-sizing: border-box
}

    .box-style-table .action-button .dt-btn {
        float: right;
        margin-right: 0;
        margin-bottom: 10px
    }

.shortcode-single-image-wrap {
    margin-bottom: 0;
    max-width: 100%
}

    .shortcode-single-image-wrap:before {
        content: "";
        display: table
    }

    .shortcode-single-image-wrap:after {
        content: "";
        display: table;
        clear: both
    }

.ancient-ie .shortcode-single-image-wrap {
    zoom: 1
}

.shortcode-single-image-wrap.alignnone img {
    display: inherit;
    margin: 0 auto
}

.shortcode-single-image-wrap.alignnone .fancy-media-wrap {
    text-align: center;
    display: inline-block
}

.shortcode-single-image-wrap.alignnone .rollover, .shortcode-single-image-wrap.alignnone .rollover-video {
    display: inline-block;
    overflow: hidden
}

    .shortcode-single-image-wrap.alignnone .rollover img, .shortcode-single-image-wrap.alignnone .rollover-video img {
        border-radius: inherit
    }

.shortcode-single-image-wrap.alignleft, .shortcode-single-image-wrap.alignright {
    margin: 0
}

.shortcode-single-image-wrap .rollover-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10;
    opacity: 0;
    transition: all 450ms ease
}

.mobile-false .shortcode-single-image-wrap .rollover:hover .rollover-icon {
    opacity: 1
}

.quick-scale-img.shortcode-single-image-wrap img {
    transition: transform .25s ease-out,opacity .25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mobile-false .scale-img.shortcode-single-image-wrap:hover img {
    transform: scale(1.2);
    transition: transform 4s ease-out
}

.mobile-false .quick-scale-img.shortcode-single-image-wrap:hover img {
    transform: scale(1.2);
    transition: transform .25s ease-out
}

.mobile-false .shortcode-single-image-wrap .rollover-video:hover .rollover-icon {
    transform: scale(1.2)
}

.shortcode-single-image-wrap .rollover-video .video-icon {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    text-decoration: none;
    background: 0 0
}

.shortcode-single-image-wrap .rollover-video .rollover-icon {
    position: relative;
    top: 0;
    left: 0;
    opacity: 1;
    transform: scale(1)
}

.shortcode-single-image-wrap .rollover-video .video-icon:before {
    display: none
}

.fancy-media-wrap > a {
    display: block
}

.disable-bg-rollover .fancy-media-wrap .rollover i, .disable-bg-rollover .shortcode-single-image .rollover-video i {
    display: none
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .shortcode-single-image-wrap .fancy-media-wrap, .shortcode-single-image-wrap .rollover {
        display: block !important
    }
}

.shortcode-single-image {
    position: relative;
    line-height: 0;
    box-sizing: border-box
}

.alignnone .shortcode-single-image {
    text-align: center
}

.shortcode-single-image:before {
    content: "";
    display: table
}

.shortcode-single-image:after {
    content: "";
    display: table;
    clear: both
}

.ancient-ie .shortcode-single-image {
    zoom: 1
}

.shortcode-single-image .rollover i, .shortcode-single-image .rollover i:after, .shortcode-single-image .rollover-video i {
    border-radius: inherit
}

.post-video, .shortcode-single-video .fancy-media-wrap, .shortcode-single-video .shortcode-teaser-video, .shortcode-single-video.alignnone .fancy-media-wrap, .shortcode-video {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 30px;
    height: 0;
    padding-bottom: 56.25%
}

.shortcode-single-video .mejs-container, .shortcode-single-video .mejs-overlay.load, .shortcode-single-video .wp-video, .shortcode-single-video video.wp-video-shortcode {
    width: 100% !important;
    height: 100% !important
}

.shortcode-single-video .mejs-container {
    padding-top: 56.25%
}

.shortcode-single-video .wp-video, .shortcode-single-video video.wp-video-shortcode {
    max-width: 100% !important
}

.shortcode-single-video video.wp-video-shortcode {
    position: relative
}

.shortcode-single-video .mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.post-video embed, .post-video iframe, .post-video object, .shortcode-single-video embed, .shortcode-single-video iframe, .shortcode-single-video object, .shortcode-single-video video, .shortcode-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important
}

.shortcode-single-image img {
    max-width: 100%;
    height: auto
}

.borderframe .shortcode-single-image {
    border: 1px solid
}

.borderframe.br-standard .shortcode-single-image {
    border: none
}

.content .borderframe.caption-on .shortcode-single-image {
    border-bottom: none
}

#main .borderframe.caption-on .shortcode-single-image {
    padding-bottom: 0 !important
}

.shortcode-single-caption {
    width: 100%;
    height: auto;
    padding: 15px 20px 0;
    box-sizing: border-box;
    text-align: center
}

.br-standard.borderframe .shortcode-single-caption {
    border: none
}

.shortcode-single-caption p {
    margin-bottom: 0
}

.shortcode-single-image-wrap img {
    border-radius: inherit
}

.content .image-arrow, .content .standard-arrow, .content .standard-number-list, .standard-arrow {
    margin: 0 0 15px
}

    .content .image-arrow ul, .content .standard-arrow ul, .content .standard-number-list ul {
        margin: 0
    }

    .standard-arrow li, .standard-number-list li {
        position: relative;
        padding-left: 24px;
        margin-bottom: 10px;
        list-style: none
    }

        .standard-arrow li:after, .standard-arrow li:before {
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            width: 14px;
            height: 14px;
            content: ""
        }

    .standard-arrow.list-divider:not(.bullet-top) li:first-child:after, .standard-arrow.list-divider:not(.bullet-top) li:first-child:before {
        transform: translateY(calc(-50% - 9px/2))
    }

    .standard-arrow li:after {
        content: "\f007";
        font-family: icomoon-the7-font;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 7px;
        line-height: 14px;
        text-align: center;
        color: #fff
    }

    .standard-arrow li:before, .standard-number-list li:before, .standard-number-list.list-divider li:first-child:before {
        border-radius: 50%
    }

    .standard-arrow.bullet-top li:after {
        margin-top: 0;
        height: 14px
    }

    .standard-arrow.bullet-top li:after, .standard-arrow.bullet-top li:before {
        top: 0;
        transform: translateY(0)
    }

    .standard-arrow.bullet-top li:after, .standard-arrow.list-divider.bullet-top li:after, .standard-arrow.list-divider.bullet-top li:first-child:after {
        background-position: center center
    }

.list-divider li {
    padding-top: 9px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-top: 1px solid;
    background-position: 0 13px
}

.image-arrow .fa-ul li {
    padding-left: 2.14286em
}

    .image-arrow .fa-ul li .fa-li {
        left: 0;
        line-height: inherit
    }

.list-divider.image-arrow .fa-ul li .fa-li {
    padding: 9px 0 10px
}

.list-divider.image-arrow .fa-ul li:first-child .fa-li {
    padding-top: 0
}

.list-divider li p {
    margin-bottom: 0
}

.list-divider li:first-child {
    padding-top: 0;
    margin-bottom: 0;
    border: none !important;
    background-position: 0 4px
}

.standard-number-list {
    counter-reset: my-badass-counter
}

    .standard-number-list li {
        position: relative;
        padding-left: 30px
    }

    .standard-number-list.list-divider li {
        padding-top: 9px
    }

    .standard-number-list li:before {
        position: absolute;
        text-align: center;
        top: 50%;
        left: 0;
        width: 20px;
        height: 20px;
        transform: translateY(-50%);
        color: #fff;
        background-color: red;
        content: counter(my-badass-counter,decimal);
        counter-increment: my-badass-counter;
        font-family: Arial,Verdana,sans-serif;
        font-size: 11px;
        line-height: 20px
    }

    .standard-number-list.list-divider li:first-child {
        padding-top: 0
    }

    .standard-number-list.bullet-top li:before, .standard-number-list.bullet-top li:first-child:before {
        top: 0;
        margin-top: 2px;
        transform: translateY(0)
    }

    .standard-number-list.list-divider.bullet-top li:not(:first-child):before {
        margin-top: 9px
    }

.image-arrow li {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
    list-style: none
}

.image-arrow.list-divider li {
    margin-bottom: 0
}

.image-arrow li .wf-table {
    width: auto
}

    .image-arrow li .wf-table div {
        display: table-cell;
        vertical-align: middle
    }

.image-arrow li .list-img {
    margin: 0 10px 0 0
}

.font-arrow ul {
    list-style: none
}

.font-arrow i {
    font-size: 14px;
    margin-right: 10px
}

.frame-on {
    padding-top: 25px;
    border: 1px solid
}

    .frame-on.img-full {
        padding-top: 0
    }

.content .frame-on.frame-fancy {
    border: none
}

.shortcode-teaser.frame-on.img-full {
    border-radius: 0
}

.shortcode-teaser-img {
    line-height: 0;
    padding-bottom: 20px
}

.frame-on .shortcode-teaser-img {
    padding: 0 25px 25px
}

.img-full .shortcode-teaser-img {
    padding: 0 0 25px
}

.shortcode-teaser-img img {
    width: 100%;
    height: auto
}

.frame-on .shortcode-teaser-content {
    padding: 0 25px 10px
}

.shortcode-teaser-content {
    margin-top: -5px
}

.text-centered .shortcode-teaser-content {
    text-align: center
}

.shortcode-tooltip {
    border-bottom: 1px dashed
}

    .shortcode-tooltip:hover {
        border: none;
        cursor: help
    }

.tooltip-c {
    display: none
}

.shortcode-tooltip-content {
    position: absolute;
    left: -9999px;
    z-index: 999;
    display: none;
    overflow: visible;
    margin: 5px 0 15px;
    padding: 13px 20px 17px;
    min-width: 210px;
    max-width: 210px;
    background: rgba(24,25,25,.95);
    color: #fff !important
}

.tooltip-title.text-big {
    color: #fff
}

.tooltip-title {
    display: block;
    margin-bottom: 10px
}

.dt-highlight {
    padding: 1px 4px;
    color: #fff
}

    .dt-highlight.highlight-white {
        background-color: #fff !important;
        background-image: none !important;
        color: #2e2e2f
    }

    .dt-highlight.highlight-red {
        background-color: #d73b37;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-berry {
        background-color: #e32a5a !important;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-orange {
        background-color: #f36c0a !important;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-yellow {
        background-color: #f2a809 !important;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-pink {
        background-color: #fd8fb6 !important;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-green {
        background-color: #8cc63a !important;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-dark-green {
        background-color: #3ab459 !important;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-blue {
        background-color: #27cff3 !important;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-dark-blue {
        background-color: #2985c6 !important;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-violet {
        background-color: #6946b8 !important;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-black {
        background-color: #3e3f3f !important;
        background-image: none !important;
        color: #fff
    }

    .dt-highlight.highlight-gray {
        background-color: #a5a6a7 !important;
        background-image: none !important;
        color: #fff
    }

.dt-format-gallery {
    overflow: hidden;
    max-width: 100%
}

    .dt-format-gallery.shortcode-gallery {
        margin-bottom: 0
    }

        .dt-format-gallery.shortcode-gallery a {
            line-height: 0
        }

    .dt-format-gallery .rollover-video.big-img, .dt-format-gallery a.big-img {
        border-bottom: none
    }

.gallery-col-1 .rollover-video, .gallery-col-1 > a {
    width: 100%
}

.gallery-col-2 .rollover-video, .gallery-col-2 > a {
    width: 50%
}

    .gallery-col-2 .rollover-video.big-img, .gallery-col-2 > a.big-img {
        width: 100%
    }

.gallery-col-3 .rollover-video.big-img, .gallery-col-3 a.big-img {
    width: 66.6667%
}

.gallery-col-3 .rollover-video, .gallery-col-3 > a {
    width: 33.3333%
}

.gallery-col-4 .rollover-video.big-img, .gallery-col-4 a.big-img {
    width: 50%
}

.gallery-col-4 .rollover-video, .gallery-col-4 > a {
    width: 25%
}

.gallery-col-5 .rollover-video.big-img, .gallery-col-5 a.big-img {
    width: 40%
}

.gallery-col-5 .rollover-video, .gallery-col-5 > a {
    width: 20%
}

.gallery-col-6 .rollover-video.big-img, .gallery-col-6 a.big-img {
    width: 33.3333%
}

.gallery-col-6 .rollover-video, .gallery-col-6 > a {
    width: 16.6667%
}

.gallery-coll-half {
    float: left;
    line-height: 0
}

.gallery-coll-fourth {
    float: left
}

.dt-format-gallery .rollover-video, .dt-format-gallery a {
    box-sizing: border-box;
    max-width: 100%;
    float: left;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent
}

.dt-format-gallery.gallery-col-1 .rollover-video.big-img, .dt-format-gallery.gallery-col-1 a.big-img, .dt-format-gallery.gallery-col-2 .rollover-video.big-img, .dt-format-gallery.gallery-col-2 a.big-img {
    border-bottom: 3px solid transparent
}

.dt-format-gallery img {
    width: 100%;
    height: auto
}

#main .gallery img {
    border: none
}

.slider-wrapper {
    position: relative
}

#page .slider-wrapper img {
    max-width: none
}

.bg-on .project-list-content {
    position: relative
}

.slider-content {
    visibility: hidden
}

.dt-owl-item .post.bg-on {
    position: static;
    background: 0 0
}

    .dt-owl-item .post.bg-on:before {
        position: absolute;
        display: block;
        width: 100%;
        height: 100%;
        content: "";
        z-index: 0
    }

.slider-wrapper .owl-next, .slider-wrapper .owl-prev {
    position: absolute;
    z-index: 99;
    left: 10px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    opacity: 0;
    visibility: hidden;
    transition: opacity .4s ease
}

.slider-wrapper .owl-next {
    left: auto;
    right: 10px
}

.shadow-element-decoration .description-under-image.slider-wrapper .owl-next {
    right: 0
}

.slider-wrapper.arrows-accent .owl-next, .slider-wrapper.arrows-accent .owl-prev {
    width: 30px;
    height: 60px;
    margin-top: -30px
}

.slider-wrapper.hide-arrows .disabled {
    display: none
}

.slider-wrapper.arrows-accent .owl-next, .slider-wrapper.arrows-accent .owl-prev, .slider-wrapper.arrows-dark .owl-next, .slider-wrapper.arrows-dark .owl-prev, .slider-wrapper.arrows-light .owl-next, .slider-wrapper.arrows-light .owl-prev {
    visibility: visible
}

.slider-wrapper.show-arrows .owl-next, .slider-wrapper.show-arrows .owl-prev {
    opacity: 1
}

.mobile-true .slider-wrapper.show-arrows .owl-next, .mobile-true .slider-wrapper.show-arrows .owl-prev {
    display: none
}

.mobile-true .enable-mobile-arrows.slider-wrapper .owl-next, .mobile-true .enable-mobile-arrows.slider-wrapper .owl-prev {
    display: block;
    opacity: 1
}

.slider-wrapper .owl-next i:hover, .slider-wrapper .owl-prev i:hover {
    cursor: pointer
}

.slider-wrapper .owl-next i, .slider-wrapper .owl-prev i {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    transition: opacity .4s ease;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    font-size: 18px
}

    .slider-wrapper .owl-next i:before, .slider-wrapper .owl-prev i:before {
        background: 0 0
    }

.arrows-accent.slider-wrapper .owl-next i:before, .arrows-accent.slider-wrapper .owl-prev i:before, .arrows-dark.slider-wrapper .owl-next i:before, .arrows-dark.slider-wrapper .owl-prev i:before {
    color: #fff !important
}

.arrows-light.slider-wrapper .owl-next i:before, .arrows-light.slider-wrapper .owl-prev i:before {
    color: rgba(34,34,34,.85) !important
}

.slider-wrapper .owl-next.disabled i:active:before, .slider-wrapper .owl-next.disabled i:before, .slider-wrapper .owl-prev.disabled i:active:before, .slider-wrapper .owl-prev.disabled i:before {
    opacity: .55
}

.slider-wrapper .owl-next i:active:before, .slider-wrapper .owl-prev i:active:before {
    opacity: .8
}

.slider-wrapper.arrows-accent .owl-next i, .slider-wrapper.arrows-accent .owl-prev i {
    width: 30px;
    height: 60px
}

.arrows-light .owl-next i, .arrows-light .owl-prev i {
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.1);
    border-radius: 50%
}

.arrows-light .owl-next:not(.disabled):hover i, .arrows-light .owl-prev:not(.disabled):hover i {
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}

.arrows-light .owl-next.disabled i, .arrows-light .owl-next.disabled:hover i, .arrows-light .owl-prev.disabled i, .arrows-light .owl-prev.disabled:hover i {
    background-color: rgba(255,255,255,.5) !important
}

.arrows-dark .owl-next i, .arrows-dark .owl-prev i {
    -webkit-background-clip: unset !important;
    background: rgba(34,34,34,.6) !important;
    border-radius: 50%
}

.arrows-dark .owl-next.disabled i, .arrows-dark .owl-next.disabled:hover i, .arrows-dark .owl-prev.disabled i, .arrows-dark .owl-prev.disabled:hover i {
    background-color: rgba(34,34,34,.25) !important
}

.arrows-dark .owl-next:hover i, .arrows-dark .owl-prev:hover i {
    background-color: rgba(34,34,34,.85) !important
}

.arrows-light .owl-next:hover i, .arrows-light .owl-prev:hover i {
    background-color: rgba(255,255,255,.85) !important
}

.arrows-dark .owl-next i:before, .arrows-dark .owl-prev i:before {
    opacity: .7
}

.photoSlider .ps-link:hover, .photoSlider .video-icon:hover {
    background-color: rgba(0,0,0,.4);
    opacity: .7
}

.photoSlider .slider-post-caption {
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: left
}

    .photoSlider .slider-post-caption p {
        margin-bottom: 0
    }

.photoSlider .slider-post-inner {
    position: absolute;
    bottom: 0;
    display: inline-block;
    padding: 5px 90px 15px 20px;
    margin: 0
}

    .photoSlider .slider-post-inner * {
        color: #fff
    }

.slider-masonry .owl-nav a, .slider-masonry .psPlay, .slider-simple .owl-nav a, .slider-simple .psPlay {
    height: 32px;
    width: 32px;
    line-height: 34px;
    text-align: center;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 100;
    background-color: rgba(0,0,0,.4);
    border-radius: 50%;
    transition: opacity .4s ease
}

    .slider-masonry .owl-nav a:hover, .slider-masonry .psPlay:hover, .slider-simple .owl-nav a:hover, .slider-simple .psPlay:hover {
        opacity: .7
    }

.slider-masonry .owl-nav, .slider-simple .owl-nav {
    position: relative;
    right: 0
}

.slider-masonry .owl-prev, .slider-simple .owl-prev {
    right: 58px;
    bottom: 20px
}

.slider-masonry .owl-next, .slider-simple .owl-next {
    right: 19px;
    bottom: 20px
}

.shortcode-photo-slider .owl-nav {
    right: 40px
}

.shortcode-slider-wrap .owl-prev {
    right: 98px;
    bottom: 20px
}

.shortcode-slider-wrap .owl-next {
    right: 58px;
    bottom: 20px
}

.slider-simple .psPlay {
    right: 19px;
    bottom: 20px
}

    .slider-masonry .psPlay:before, .slider-simple .psPlay:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 32px;
        height: 32px;
        line-height: 32px;
        content: "";
        background-position: center center;
        background-repeat: no-repeat;
        z-index: 9
    }

.slider-masonry .owl-nav a i:before, .slider-simple .owl-nav a i:before {
    color: #fff;
    background: 0 0 !important
}

.accent-gradient .slider-masonry .owl-nav a i:before, .accent-gradient .slider-simple .owl-nav a i:before {
    color: #fff
}

.photoSlider-wrap .rightArrow:hover:before, .rsShor-wrap .rsArrowRight.rsArrowDisabled .rsArrowIcn:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='9.349,2.035 8.016,3.363 11.661,7.022 1.031,7.022 1.031,9.016 11.661,9.016 8.016,12.674 9.349,14.002 15.309,8.02 '/%3E%3C/svg%3E")
}

.photoSlider-wrap .leftArrow:before, .photoSlider-wrap .leftArrow:hover:before, .rsShor .rsArrowLeft.rsArrowDisabled .rsArrowIcn:hover:before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.719,8.02 6.679,14.002 8.012,12.674 4.366,9.016 14.996,9.016 14.996,7.022 4.366,7.022 8.012,3.363 6.679,2.035 '/%3E%3C/svg%3E")
}

.slider-simple .psPlay.paused:before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve'%3E%3Cpath fill='white' d='M13.481,7.134L5.371,2.292C5.134,2.164,4.892,1.969,4.65,1.969C4.262,1.969,4,2.359,4,2.83v10.332c0,0.471,0.262,0.86,0.65,0.86c0.242,0,0.484-0.194,0.721-0.322l8.111-4.844C13.677,8.741,14,8.511,14,8C14,7.489,13.677,7.248,13.481,7.134z M5.85,11.381V4.592l5.535,3.395L5.85,11.381z'/%3E%3C/svg%3E")
}

.slider-simple .psPlay:before {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Crect x='4' y='3' width='2.15' height='10'/%3E%3Crect x='9.85' y='3' width='2.15' height='10'/%3E%3C/svg%3E")
}

.widget .slider-content {
    margin-bottom: 25px
}

.widget_presscore-team .slider-content {
    margin-bottom: 17px
}

.slider-content .owl-dots {
    position: absolute;
    top: calc(100%);
    overflow: hidden;
    width: 100%;
    height: auto;
    text-align: center
}

.widget .slider-content .owl-dots {
    top: 100%
}

.widget_presscore-testimonials-slider .slider-content .owl-dots {
    top: calc(100% + 8px)
}

.slider-content .owl-dot:hover {
    cursor: pointer
}

.slider-content .owl-dot, .slider-content .owl-dot:after {
    border-radius: 50%;
    box-sizing: border-box
}

.slider-content .owl-dot {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    vertical-align: middle;
    background-color: transparent;
    transition: box-shadow .3s ease
}

.gallery-carousel-shortcode .dt-owl-item, .gallery-carousel-shortcode .dt-owl-item > div, .gallery-carousel-shortcode .owl-stage {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.gallery-carousel-shortcode .post {
    -ms-align-content: center;
    align-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.slider-wrapper .blog-media {
    -ms-flex: 0 0 auto;
    display: block
}

.soc-ico {
    overflow: hidden
}

.dt-shortcode-soc-icons.soc-icons-center {
    text-align: center
}

.dt-shortcode-soc-icons.soc-icons-right {
    text-align: right
}

.dt-shortcode-icon .soc-icon, .dt-shortcode-soc-icons .soc-icon, .text-icon .soc-icon {
    position: relative;
    z-index: 2
}

.masthead .mega-menu-widgets .soc-ico a, .soc-ico a {
    position: relative;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    margin: 2px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    text-decoration: none
}

    .masthead .mega-menu-widgets .soc-ico a .soc-font-icon, .soc-ico a .soc-font-icon {
        position: relative;
        z-index: 1;
        font-size: 16px
    }

.dt-shortcode-icon, .dt-shortcode-icon .icon-inner, .dt-shortcode-soc-icons a, .text-icon .icon-inner {
    position: relative;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    min-width: 26px;
    min-height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    box-sizing: border-box;
    text-decoration: none;
    margin: 0
}

#page .dt-shortcode-icon, #page .dt-shortcode-icon .icon-inner, #page .dt-shortcode-soc-icons a, #page .text-icon .icon-inner, #phantom .dt-shortcode-icon, #phantom .dt-shortcode-icon .icon-inner, #phantom .dt-shortcode-soc-icons a, #phantom .text-icon .icon-inner {
    text-decoration: none
}

.dt-shortcode-icon .icon-inner:after, .dt-shortcode-icon .icon-inner:before, .dt-shortcode-icon:after, .dt-shortcode-icon:before, .dt-shortcode-soc-icons a:after, .dt-shortcode-soc-icons a:before, .text-icon .icon-inner:after, .text-icon .icon-inner:before {
    box-sizing: border-box;
    border: 0 solid
}

.dt-icon-center {
    text-align: center
}

.dt-icon-right {
    text-align: right
}

.soc-ico a:after, .soc-ico a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    content: "";
    border-radius: inherit;
    transition: opacity .15s linear
}

.dt-shortcode-soc-icons a:after, .dt-shortcode-soc-icons a:before {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 26px;
    min-height: 26px;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
    transition: opacity .15s linear
}

.dt-shortcode-icon .icon-inner:after, .dt-shortcode-icon .icon-inner:before, .dt-shortcode-icon:after, .dt-shortcode-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    margin: 0 !important;
    content: "";
    font-size: 0 !important;
    border-radius: inherit;
    transition: opacity .15s linear
}

.dt-shortcode-icon:after, .dt-shortcode-icon:before {
    z-index: 2
}

.dt-shortcode-icon .icon-inner:before, .dt-shortcode-icon:not(.dt-icon-hover-off):hover .icon-inner:after, .dt-shortcode-icon:not(.dt-icon-hover-off):hover:after, .dt-shortcode-soc-icons a:before, .dt-shortcode-soc-icons a:hover:after, .soc-ico a:before, .soc-ico a:hover:after {
    opacity: 1
}

.dt-shortcode-icon:hover .icon-inner:before, .dt-shortcode-icon:hover:before, .dt-shortcode-icon:not(:hover) .icon-inner:after, .dt-shortcode-icon:not(:hover):after, .dt-shortcode-soc-icons a:hover:before, .dt-shortcode-soc-icons a:not(:hover):after, .soc-ico a:hover:before, .soc-ico a:not(:hover):after {
    transition-delay: .1s
}

.dt-shortcode-icon .icon-inner:after, .dt-shortcode-icon:after, .dt-shortcode-icon:hover:before, .dt-shortcode-icon:not(.dt-icon-hover-off):hover .icon-inner:before, .dt-shortcode-icon:not(.dt-icon-hover-off):hover:before, .dt-shortcode-soc-icons a:after, .dt-shortcode-soc-icons a:hover:before, .soc-ico a:after, .soc-ico a:hover:before {
    opacity: 0
}

.dt-shortcode-icon.dt-icon-hover-off:after {
    display: none
}

.dt-hover-icon, .dt-regular-icon {
    top: 0;
    left: 0;
    display: block;
    transition: all .3s ease-in-out
}

.dt-icon-animate-slide-up:hover .dt-regular-icon {
    transform: translateY(-200%)
}

.dt-icon-animate-slide-right .dt-regular-icon {
    transform: translate(-200%,0)
}

.dt-icon-animate-slide-right:hover .dt-regular-icon {
    transform: translate(0,0)
}

.dt-icon-animate-slide-right .icon-inner, .dt-icon-animate-slide-up .icon-inner {
    overflow: hidden
}

.dt-shortcode-icon .dt-hover-icon, .text-icon .dt-hover-icon {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none
}

.dt-icon-animate-slide-up:not(.dt-icon-hover-off) .dt-hover-icon {
    display: block;
    transform: translateY(200%)
}

.dt-icon-animate-slide-up:not(.dt-icon-hover-off):hover .dt-hover-icon {
    transform: translateY(0)
}

.dt-icon-animate-slide-right:not(.dt-icon-hover-off) .dt-hover-icon {
    display: block;
    transform: translate(0,0)
}

.dt-icon-animate-slide-right:not(.dt-icon-hover-off):hover .dt-hover-icon {
    transform: translate(200%,0)
}

.dt-icon-animate-scale, .dt-icon-animate-scale-down, .dt-icon-animate-shadow {
    transition: all .2s ease-in-out
}

    .dt-icon-animate-shadow:not(.dt-icon-hover-off):hover {
        box-shadow: 0 0 10px rgba(0,0,0,.3)
    }

    .dt-icon-animate-scale:not(.dt-icon-hover-off):hover {
        transform: scale(1.2)
    }

    .dt-icon-animate-scale-down:not(.dt-icon-hover-off):hover {
        transform: scale(.8)
    }

.dt-icon-animate-spin-around:not(.dt-icon-hover-off):hover .dt-regular-icon {
    animation: rotate .9s forwards
}

@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}

.soc-ico.text-centered a {
    float: none;
    display: inline-block
}

#top-bar .right-block .soc-ico a {
    float: right;
    margin: 2px
}

#bottom-bar .soc-ico a:hover, #top-bar .soc-ico a:hover, .soc-ico a, .soc-ico a:hover {
    text-decoration: none
}

.dt-mega-parent .sidebar-content .widget .soc-ico a:hover .soc-font-icon {
    color: #fff !important
}

#footer .soc-ico a:hover .soc-font-icon, #main .soc-ico a:hover .soc-font-icon {
    color: #fff
}

.dt-fancy-separator {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    text-align: center
}

    .dt-fancy-separator.title-left, .dt-fancy-separator.title-right {
        margin: 0
    }

    .dt-fancy-separator.title-left {
        text-align: left
    }

        .dt-fancy-separator.title-left .dt-fancy-title {
            padding-left: 0
        }

            .dt-fancy-separator.title-left .dt-fancy-title.bg-on {
                padding-left: 1em
            }

    .dt-fancy-separator.title-right {
        float: right;
        clear: both;
        text-align: right
    }

        .dt-fancy-separator.title-right .dt-fancy-title {
            padding-right: 0
        }

            .dt-fancy-separator.title-right .dt-fancy-title.bg-on {
                padding-right: 1em
            }

.separator-holder {
    position: absolute;
    display: block;
    top: 49.99%;
    width: 2000px;
    border-top: 1px solid red;
    content: ''
}

.style-dashed .separator-holder {
    border-top-width: 1px;
    border-top-style: dashed
}

.style-dotted .separator-holder {
    border-top-width: 1px;
    border-top-style: dotted
}

.style-double .separator-holder {
    border-top-width: 3px;
    border-top-style: double
}

.style-thick .separator-holder {
    border-top-width: 5px;
    border-top-style: solid
}

.style-disabled .separator-holder {
    display: none
}

.separator-left {
    right: 100%;
    margin-right: 1em
}

.separator-right {
    left: 100%;
    margin-left: 1em
}

.dt-fancy-separator.line-below .separator-left {
    top: auto;
    right: 0;
    bottom: -1em;
    margin-right: 0
}

.line-below .separator-holder {
    top: auto;
    bottom: -1em;
    margin-right: 0;
    margin-left: 0
}

.dt-fancy-separator.line-below.title-left .separator-left {
    left: 0;
    right: auto
}

.dt-fancy-separator.line-below.title-right .separator-left {
    left: auto;
    right: 0
}

.dt-fancy-separator.line-below.title-left .separator-right, .dt-fancy-separator.line-below.title-right .separator-right {
    display: none
}

.dt-fancy-title {
    position: relative;
    display: inline-block;
    top: 50%
}

    .dt-fancy-title.bg-on {
        padding: 0 1em
    }

.accent-gradient .accent-border-color.hr-thin.style-line {
    height: 1px
}

.accent-gradient .accent-border-color.hr-thick {
    height: 5px
}

.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
    content: " ";
    display: block;
    background: #fff;
    position: absolute;
    z-index: 30
}

.twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-horizontal .twentytwenty-handle:before {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px
}

.twentytwenty-vertical .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px
}

.twentytwenty-after-label, .twentytwenty-before-label {
    position: absolute;
    width: 120px;
    padding: 3px 5px;
    color: #fff !important;
    font-size: 13px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
    z-index: 99;
    opacity: 0;
    text-shadow: 0 0 2px rgba(0,0,0,.5);
    transition: opacity .4s ease
}

.twentytwenty-horizontal .twentytwenty-before-label {
    bottom: 10px;
    left: 10px;
    text-align: left
}

.twentytwenty-horizontal .twentytwenty-after-label {
    bottom: 10px;
    right: 10px;
    text-align: right
}

.twentytwenty-vertical .twentytwenty-before-label {
    top: 10px;
    left: 50%;
    margin-left: -65px
}

.twentytwenty-vertical .twentytwenty-after-label {
    bottom: 10px;
    left: 50%;
    margin-left: -65px
}

.twentytwenty-container:hover .twentytwenty-after-label, .twentytwenty-container:hover .twentytwenty-before-label {
    opacity: 1
}

.twentytwenty-down-arrow, .twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute
}

.twentytwenty-left-arrow, .twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px
}

.twentytwenty-down-arrow, .twentytwenty-up-arrow {
    left: 50%;
    margin-left: -6px
}

.twentytwenty-container {
    box-sizing: content-box;
    z-index: 0;
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none
}

    .twentytwenty-container img {
        max-width: 100%;
        width: 100%;
        height: auto;
        position: absolute;
        top: 0;
        display: block
    }

    .active-click .twentytwenty-handle, .twentytwenty-container.active-click img {
        transition: all .3s ease-out
    }

    .twentytwenty-container * {
        box-sizing: content-box
    }

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #fff;
    border-radius: 1000px;
    z-index: 40;
    cursor: pointer
}

.twentytwenty-container[data-navigation=move] .twentytwenty-handle {
    border: none;
    cursor: default
}

    .twentytwenty-container[data-navigation=move] .twentytwenty-handle > span {
        display: none
    }

.twentytwenty-horizontal .twentytwenty-container[data-navigation=move] .twentytwenty-handle:before {
    margin-bottom: 0;
    margin-left: 0
}

.twentytwenty-horizontal .twentytwenty-container[data-navigation=move] .twentytwenty-handle:after {
    margin-top: 0;
    margin-left: 0
}

.twentytwenty-vertical .twentytwenty-container[data-navigation=move] .twentytwenty-handle:before {
    margin-left: 0;
    margin-top: 0
}

.twentytwenty-vertical .twentytwenty-container[data-navigation=move] .twentytwenty-handle:after {
    margin-right: 0;
    margin-top: 0
}

.twentytwenty-horizontal .twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px
}

.twentytwenty-horizontal .twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px
}

.twentytwenty-vertical .twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px
}

.twentytwenty-vertical .twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px
}

.twentytwenty-left-arrow {
    border-right: 6px solid #fff;
    left: 50%;
    margin-left: -17px
}

.twentytwenty-right-arrow {
    border-left: 6px solid #fff;
    right: 50%;
    margin-right: -17px
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid #fff;
    top: 50%;
    margin-top: -17px
}

.twentytwenty-down-arrow {
    border-top: 6px solid #fff;
    bottom: 50%;
    margin-bottom: -17px
}

.shortcode-blog-posts .post {
    border: none
}

.items-grid .wf-td, .recent-posts .wf-td {
    display: table-cell;
    vertical-align: top
}

.post-content a {
    text-decoration: none
}

.shortcode-blog-posts .entry-meta {
    padding-bottom: 10px
}

.items-grid {
    margin-bottom: -20px
}

    .items-grid .wf-cell {
        margin-bottom: 20px
    }

    .items-grid .borders:before {
        display: block;
        position: absolute;
        bottom: -15px;
        left: 0;
        width: 100%;
        content: ""
    }

    .items-grid article {
        overflow: hidden;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex
    }

.single-related-posts .mini-post-img {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.items-grid a {
    text-decoration: none
}

.items-grid .alignleft {
    margin: 5px 20px 5px 0;
    font-size: 0;
    line-height: 0
}

.blog-shortcode article {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.mode-grid:not(.bottom-overlap-layout-list) article, .mode-masonry:not(.bottom-overlap-layout-list) article {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.albums-shortcode.gradient-overlay-layout-list article, .blog-shortcode.gradient-overlay-layout-list article, article.on-hover {
    cursor: pointer
}

.bottom-overlap-layout-list article, .centered-layout-list article {
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.classic-layout-list.mode-list article.full-width-img {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.dividers-on.classic-layout-list article {
    padding-top: 44px;
    margin-top: 19px
}

    .dividers-on.classic-layout-list article:first-child {
        padding-top: 0;
        margin-top: 0
    }

.jquery-filter article:not(.visible) {
    display: none;
    opacity: 0
}

.jquery-filter article.visible {
    animation: fadeInFromNone .5s ease-out
}

.jquery-filter article.hidden {
    display: none;
    opacity: 0
}

.blog-shortcode .post-thumbnail-wrap {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    -ms-flex: 0 0 auto
}

.project-even .post-thumbnail-wrap {
    -ms-flex-order: 2;
    order: 2
}

.blog-shortcode .post-thumbnail {
    position: relative;
    display: block
}

    .blog-shortcode .post-thumbnail .alignleft {
        margin: 0
    }

    .blog-shortcode .post-thumbnail .alignnone {
        margin-bottom: 0
    }

.blog-shortcode .format-gallery .post-thumbnail {
    width: 100%
}

.post-thumbnail-rollover {
    position: relative;
    display: block;
    line-height: 0;
    overflow: hidden
}

    .post-thumbnail-rollover:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        opacity: 0;
        transition: opacity .35s linear
    }

.blog-shortcode.gradient-overlay-layout-list .post-thumbnail-rollover:after {
    display: none
}

.mobile-false .post-thumbnail > .post-thumbnail-rollover:hover:after, .on-hover .post-thumbnail > .post-thumbnail-rollover:after {
    opacity: 1
}

.blog-thumb-iso-lazy-load {
    opacity: 0
}

.content-rollover-layout-list article:hover > .post-thumbnail-wrap .post-thumbnail-rollover:after, .gradient-overlay-layout-list article:hover > .post-thumbnail-wrap .post-thumbnail-rollover:after {
    opacity: 1
}

.no-img .overlay-placeholder img {
    max-width: none
}

.post-thumbnail:not(.overlay-placeholder) > .post-thumbnail-rollover img {
    width: 100%
}

.scale-img.content-rollover-layout-list article:hover .post-thumbnail > .post-thumbnail-rollover img, .scale-img.gradient-overlay-layout-list article:hover .post-thumbnail > .post-thumbnail-rollover img {
    transform: scale(1.2);
    transition: transform 4s ease-out
}

.side-overlap-layout-list .project-odd .fancy-date a {
    right: auto;
    left: 10px
}

.fancy-date a > span {
    display: block
}

.fancy-categories {
    position: absolute;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    z-index: 30;
    top: 10px;
    left: 10px
}

    .fancy-categories a {
        padding: 2px 9px 1px;
        margin: 0 0 2px;
        text-decoration: none;
        background-color: rgba(0,0,0,.75);
        color: #fff
    }

        .fancy-categories a:hover {
            color: #fff
        }

.side-overlap-layout-list .project-odd .fancy-categories {
    top: auto;
    bottom: 10px
}

.side-overlap-layout-list .project-even .fancy-categories {
    top: auto;
    right: 10px;
    bottom: 10px;
    left: auto
}

.fancy-categories * {
    font: 700 12px/22px Arial,Verdana,sans-serif
}

.post-entry-content {
    box-sizing: border-box
}

.content-align-center .post-entry-content {
    text-align: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.content-align-right .post-entry-content {
    text-align: right;
    -ms-flex-pack: right;
    -ms-justify-content: right;
    justify-content: right;
    -ms-align-self: right;
    -ms-flex-item-align: right;
    align-self: right
}

.content-align-left .post-entry-content {
    text-align: left;
    -ms-flex-pack: left;
    -ms-justify-content: left;
    justify-content: left;
    -ms-align-self: left;
    -ms-flex-item-align: left;
    align-self: left
}

.blog-shortcode .post-entry-content {
    position: relative;
    z-index: 10;
    max-width: 100%
}

.centered-layout-list .post-entry-content {
    position: static;
    text-align: center
}

    .centered-layout-list .post-entry-content:after {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: 100%;
        height: 1px;
        content: ""
    }

.gradient-overlap-layout-list .post-entry-content {
    position: relative;
    margin-top: -125px;
    z-index: 1;
    padding-top: 90px
}

    .gradient-overlap-layout-list .post-entry-content:before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 150px;
        content: ""
    }

.gradient-overlap-layout-list .no-img .post-entry-content {
    margin-top: 0
}

.gradient-overlay-layout-list:not(.portfolio-shortcode):not(.albums-shortcode) .post-entry-content {
    position: absolute;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    right: 10px;
    bottom: 10px;
    left: 10px;
    top: 20px;
    overflow: hidden
}

.mode-grid.bottom-overlap-layout-list .post-entry-content {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.mode-grid.gradient-overlap-layout-list .post-entry-content {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.gradient-overlay-layout-list:not(.portfolio-shortcode) .post-entry-content .entry-title {
    pointer-events: none
}

.content-rollover-layout-list.mode-grid .post-entry-content, .content-rollover-layout-list.mode-masonry .post-entry-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

    .content-rollover-layout-list.mode-grid .post-entry-content:hover, .content-rollover-layout-list.mode-masonry .post-entry-content:hover {
        cursor: pointer
    }

.content-rollover-layout-list.mode-grid:not(.portfolio-shortcode) .post-entry-content .entry-title, .content-rollover-layout-list.mode-masonry:not(.portfolio-shortcode) .post-entry-content .entry-title {
    pointer-events: none
}

#main .blog-shortcode .format-aside .post-entry-content, #main .blog-shortcode .format-link .post-entry-content, #main .blog-shortcode .format-quote .post-entry-content, #main .blog-shortcode .format-status .post-entry-content {
    width: 100%;
    top: 0;
    margin: 0
}

#main .classic-layout-list.mode-list .full-width-img .post-entry-content {
    width: 100%
}

.blog-shortcode .entry-excerpt {
    overflow: hidden
}

.post-entry-title-content {
    text-align: center;
    box-sizing: border-box
}

.blog-shortcode .post-entry-content .entry-title a, .blog-shortcode .post-entry-title-content .entry-title a {
    transition: color .35s
}

.accent-gradient .blog-shortcode .post-entry-content .entry-title a, .accent-gradient .blog-shortcode .post-entry-title-content .entry-title a {
    transition: none
}

.blog-shortcode .entry-meta {
    padding: 0
}

    .blog-shortcode .entry-meta a:hover {
        text-decoration: none
    }

    .blog-shortcode .entry-meta > span a {
        display: inline-block
    }

.centered-layout-list .entry-meta {
    text-align: center
}

.blog-shortcode .entry-meta * {
    color: inherit
}

.blog-shortcode .entry-meta > a:after, .blog-shortcode .entry-meta > span:after {
    right: 0;
    width: 3px;
    height: 3px;
    top: 50%;
    transform: translateY(-50%);
    content: ""
}

.post-details {
    position: relative;
    display: inline-block;
    text-decoration: none
}

    .post-details:before {
        content: "";
        display: table
    }

    .post-details:after {
        content: "";
        display: table;
        clear: both
    }

.ancient-ie .post-details {
    zoom: 1
}

.post-details i {
    margin-right: 0;
    margin-left: 7px
}

#page .post-details i {
    font-size: 8px
}

.gradient-overlay-layout-list .post-details, .mode-grid.gradient-overlap-layout-list .post-details {
    -ms-align-self: flex-start;
    -ms-flex-item-align: flex-start;
    align-self: flex-start
}

.content-align-center.gradient-overlay-layout-list .post-details, .content-align-center.mode-grid.gradient-overlap-layout-list .post-details {
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

#page .post-details.details-type-btn {
    margin-bottom: 0
}

.btn-3d .post-details.details-type-btn:hover {
    margin-bottom: 1px !important
}

.post-details.details-type-link {
    float: left;
    padding-bottom: 8px;
    margin-bottom: -8px;
    font-weight: 700
}

.centered-layout-list .post-details.details-type-link, .content-align-center .post-details.details-type-link {
    float: none;
    vertical-align: top
}

.post-details.details-type-link:after {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    content: "";
    transition: width .4s ease
}

.post-details.details-type-link:hover:after {
    width: 100%
}

.owl-carousel.bottom-overlap-layout-list .post-entry-content, .owl-carousel.gradient-overlap-layout-list .post-entry-content {
    transform: translateZ(0)
}

.owl-carousel {
    box-sizing: border-box
}

    .owl-carousel .post {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -ms-flex-flow: column wrap;
        flex-flow: column wrap
    }

    .owl-carousel article.post {
        width: 100%
    }

.dt-arrow-border-on .owl-nav a:hover:after, .dt-arrow-border-on .owl-nav a:not(:hover):before, .dt-arrow-hover-border-on .owl-nav a:hover:after {
    border-style: solid;
    border-width: 0
}

.owl-nav a {
    position: absolute;
    z-index: 10;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

    .owl-nav a:after, .owl-nav a:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        opacity: 0;
        box-sizing: border-box;
        border-radius: inherit;
        -webkit-backface-visibility: hidden;
        transition: opacity .15s linear
    }

.disable-arrows-hover-bg .owl-nav a:after, .disable-arrows-hover-bg .owl-nav a:before {
    transition: none
}

.owl-nav a:not(:hover):before {
    opacity: 1
}

.owl-nav a:hover:before, .owl-nav a:not(:hover):after {
    transition-delay: .1s
}

.owl-nav a:hover:after {
    opacity: 1
}

.owl-nav a:after, .owl-nav a:hover:before {
    opacity: 0
}

.owl-nav a i {
    position: relative;
    z-index: 1;
    transition: color .15s;
    transition-delay: .1s
}

.owl-carousel .owl-dots {
    position: absolute
}

    .owl-carousel .owl-dots .owl-dot {
        position: relative;
        display: inline-block;
        vertical-align: middle
    }

:not(.bullets-etefu).owl-carousel .owl-dots .owl-dot span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0;
    border-radius: 50%
}

.bullets-scale-up .owl-dot span {
    transition: transform .3s ease,background .3s ease
}

.bullets-scale-up .owl-dot.active span {
    transform: scale(1.5)
}

.bullets-stroke .owl-dot:not(.active) span {
    box-shadow: 0 0 0 2px rgba(255,255,255,0) !important
}

.bullets-stroke .owl-dot span {
    transition: box-shadow .3s ease,background-color .3s ease
}

.bullets-stroke .owl-dot.active span {
    background-color: transparent;
    box-shadow: 0 0 0 2px #fff
}

.bullets-fill-in .owl-dot span {
    background-color: transparent;
    transition: box-shadow .3s ease
}

.bullets-small-dot-stroke .owl-dot {
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgba(255,255,255,0);
    transition: box-shadow .3s ease
}

    .bullets-small-dot-stroke .owl-dot span {
        cursor: pointer;
        position: absolute;
        transition: background-color .3s ease,transform .3s ease
    }

    .bullets-small-dot-stroke .owl-dot.active span {
        transform: scale(.4)
    }

.bullets-ubax .owl-dot span {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid transparent;
    border-radius: 0 !important;
    box-sizing: border-box
}

.bullets-ubax .owl-dot.active span {
    z-index: 10;
    background: 0 0 !important;
    transition: background-color .3s,border-color .3s
}

.bullets-ubax .owl-dot:not(.active):hover span {
    transition: background-color .3s
}

.bullets-etefu .owl-dot {
    height: 5px !important
}

    .bullets-etefu .owl-dot span {
        position: relative;
        display: block;
        overflow: hidden;
        width: 100%;
        height: 5px;
        transition: background .3s
    }

        .bullets-etefu .owl-dot span:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            transform: translate3d(-100%,0,0);
            transition: transform .5s;
            transition-timing-function: cubic-bezier(.2,1,.3,1)
        }

    .bullets-etefu .owl-dot.active span:before {
        transform: translate3d(0,0,0)
    }

.owl-carousel:not(.gradient-overlay-layout-list):not(.content-rollover-layout-list) .post-entry-content {
    position: relative;
    z-index: 10
}

.bottom-overlap-layout-list[data-auto-height=false] .owl-stage, .classic-layout-list[data-auto-height=false] .owl-stage, .gradient-overlap-layout-list[data-auto-height=false] .owl-stage {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

    .bottom-overlap-layout-list[data-auto-height=false] .owl-stage .dt-owl-item, .classic-layout-list[data-auto-height=false] .owl-stage .dt-owl-item, .gradient-overlap-layout-list[data-auto-height=false] .owl-stage .dt-owl-item {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        flex-shrink: 0
    }

.bottom-overlap-layout-list[data-auto-height=false] .post-entry-content, .gradient-overlap-layout-list[data-auto-height=false] .post-entry-content {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.content-rollover-layout-list.owl-carousel .post-entry-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

    .content-rollover-layout-list.owl-carousel .post-entry-content:hover {
        cursor: pointer
    }

    .content-rollover-layout-list.owl-carousel .post-entry-content .entry-title {
        pointer-events: none
    }

.owl-carousel .post-thumbnail-wrap {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    -ms-flex: 0 0 auto
}

.owl-carousel .post-thumbnail {
    position: relative;
    display: block
}

    .owl-carousel .post-thumbnail .alignleft {
        margin: 0
    }

    .owl-carousel .post-thumbnail .alignnone {
        margin-bottom: 0
    }

.owl-carousel .format-gallery .post-thumbnail {
    width: 100%
}

.owl-carousel .fancy-categories, .owl-carousel .fancy-date > a, .owl-carousel .post-entry-wrapper > * {
    -webkit-backface-visibility: hidden;
    transform: translatez(0)
}

.owl-carousel .entry-excerpt {
    overflow: hidden
}

.owl-carousel .post-entry-content .entry-title a, .owl-carousel .post-entry-title-content .entry-title a {
    transition: color .35s
}

.accent-gradient .owl-carousel .post-entry-content .entry-title a, .accent-gradient .owl-carousel .post-entry-title-content .entry-title a {
    transition: none
}

.owl-carousel .entry-meta {
    padding: 0
}

    .owl-carousel .entry-meta a:hover {
        text-decoration: none
    }

    .owl-carousel .entry-meta > span a {
        display: inline-block
    }

    .owl-carousel .entry-meta * {
        color: inherit
    }

    .owl-carousel .entry-meta > a:after, .owl-carousel .entry-meta > span:after {
        right: 0;
        width: 3px;
        height: 3px;
        top: 50%;
        transform: translateY(-50%);
        content: ""
    }

.icon-with-text-shortcode {
    position: relative;
    flex-flow: column wrap;
    align-items: center;
    display: grid;
    grid-gap: 0;
    grid-template-rows: auto
}

    .icon-with-text-shortcode .block-link {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .icon-with-text-shortcode.layout-1 {
        grid-template-columns: 100px minmax(0,1fr);
        grid-template-areas: "icon  header" "icon  desc" "icon  button"
    }

    .icon-with-text-shortcode.layout-2 {
        grid-template-columns: minmax(0,1fr) 100px;
        grid-template-areas: " header icon " " desc icon " " button icon "
    }

    .icon-with-text-shortcode.layout-3 {
        grid-template-areas: " icon header " " desc desc " " button button "
    }

    .icon-with-text-shortcode.layout-4 {
        grid-template-columns: 1fr;
        grid-template-areas: " icon" " header " " desc" " button "
    }

    .icon-with-text-shortcode.layout-5 {
        justify-content: center;
        text-align: center;
        grid-template-areas: " icon" " header " " desc" " button "
    }

.dt-text-title {
    grid-area: header;
    max-width: 100%
}

@media all and (-ms-high-contrast:none) {
    .post-entry-content {
        max-width: 100%
    }

    .layout-4 .dt-text-title {
        align-self: flex-start
    }

    .popup-search-wrap {
        box-shadow: 0 0 4px rgba(0,0,0,.2)
    }
}

.icon-with-text-shortcode .dt-text-title {
    font-weight: 400
}

.dt-text-desc {
    grid-area: desc;
    max-width: 100%
}

.icon-with-text-shortcode.layout-1 > * {
    grid-column: 2
}

.icon-with-text-shortcode .text-icon {
    grid-area: icon;
    text-decoration: none
}

    .icon-with-text-shortcode .text-icon.layout-1 {
        grid-column: 1;
        grid-row: 1
    }

.icon-with-text-shortcode.layout-5 .text-icon {
    justify-self: center
}

.icon-with-text-shortcode .default-btn-shortcode {
    justify-self: start;
    grid-area: button
}

    .icon-with-text-shortcode .default-btn-shortcode.full-width-btn {
        justify-self: stretch
    }

.icon-with-text-shortcode.layout-5 .default-btn-shortcode {
    justify-self: center
}

    .icon-with-text-shortcode.layout-5 .default-btn-shortcode.full-width-btn {
        justify-self: stretch
    }

.icon-with-text-shortcode .default-btn-shortcode.layout-1 {
    align-self: flex-start
}

.icon-with-text-shortcode > * {
    order: 1
}

.icon-with-text-shortcode .text-icon {
    position: relative;
    order: 0;
    align-self: flex-start
}

.layout-3.icon-with-text-shortcode .text-icon, .layout-5.icon-with-text-shortcode .text-icon {
    align-self: center
}

.text-icon .icon-inner:after, .text-icon .icon-inner:before, .text-icon:after, .text-icon:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    margin: 0 !important;
    content: "";
    font-size: 0 !important;
    border-radius: inherit;
    transition: opacity .15s linear
}

.text-icon:after, .text-icon:before {
    z-index: 2
}

.text-icon .icon-inner:before, .text-icon:not(.dt-icon-hover-off):hover .icon-inner:after, .text-icon:not(.dt-icon-hover-off):hover:after {
    opacity: 1
}

.text-icon:hover .icon-inner:before, .text-icon:hover:before, .text-icon:not(:hover) .icon-inner:after, .text-icon:not(:hover):after {
    transition-delay: .1s
}

.text-icon .icon-inner:after, .text-icon:after, .text-icon:not(.dt-icon-hover-off):hover .icon-inner:before, .text-icon:not(.dt-icon-hover-off):hover:before {
    opacity: 0
}

.text-icon.dt-icon-hover-off:after {
    display: none
}

.masthead {
    position: relative;
    z-index: 102;
    box-sizing: border-box
}

    .masthead:not(.side-header) {
        display: -ms-flexbox;
        -ms-flex-direction: column
    }

.floating-navigation-below-slider.transparent .masthead:not(#phantom) {
    transform: translateY(-100%)
}

.hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .header-bar, .hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .mobile-header-bar, .hidden-header:not(.sticky-header):not(.overlay-navigation) .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .top-bar {
    display: none
}

.disable-headers.header-side-left #page, .disable-headers.header-side-left.header-side-line #page:not(.boxed), .disable-headers.overlay-navigation.header-side-line #page:not(.boxed), .hidden-header.header-side-left #page, .hidden-header.header-side-left.header-side-line #page:not(.boxed), .hidden-header.overlay-navigation.header-side-line #page:not(.boxed) {
    padding-left: 0
}

.disable-headers.header-side-right #page, .disable-headers.header-side-right.header-side-line #page:not(.boxed), .hidden-header.header-side-right #page, .hidden-header.header-side-right.header-side-line #page:not(.boxed) {
    padding-right: 0
}

.responsive-off.transparent:not(.photo-scroller-album):not(.phantom-sticky) .masthead:not(.side-header) {
    position: absolute;
    width: 100%;
    z-index: 102
}

.top-bar {
    position: relative;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-top: 0;
    box-sizing: border-box
}

    .top-bar-bg, .top-bar:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        box-sizing: content-box
    }

.boxed .top-bar-bg, .boxed .top-bar:after {
    padding: 0;
    margin: 0;
    left: 50%;
    transform: translateX(-50%)
}

.top-bar:after {
    height: 1px
}

.transparent .masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on):not(.sticky-top-line-on) .top-bar-line-hide.top-bar:after {
    display: none
}

.top-bar-bg, .top-bar.full-width-line:after {
    padding: 0 1000px;
    margin-left: -1000px
}

.boxed .top-bar-bg, .boxed .top-bar.full-width-line:after {
    padding: 0;
    margin: 0;
    left: 50%;
    transform: translateX(-50%)
}

.top-bar > .mini-widgets {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.top-bar .mini-widgets.right-widgets, .top-bar .mini-widgets:last-child {
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.top-bar * {
    font-size: inherit;
    line-height: inherit
}

.top-bar.hide-top-bar, .top-bar.top-bar-empty {
    position: absolute;
    visibility: hidden;
    opacity: 0
}

.transparent .top-bar {
    margin-bottom: -1px
}

.top-bar .sub-nav {
    z-index: 1003
}

    .top-bar .sub-nav a:hover, .top-bar a, .top-bar a:hover {
        text-decoration: none
    }

        .top-bar .mini-login a:hover, .top-bar .mini-search .submit:hover, .top-bar a:hover {
            text-decoration: none;
            opacity: .7
        }

    .top-bar .shopping-cart-inner a:hover, .top-bar .soc-ico a:hover, .top-bar .sub-nav li a:hover {
        opacity: 1
    }

.branding {
    line-height: 0;
    font-size: 0
}

.side-header .branding {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.branding > a {
    display: block
}

.branding a img, .branding img {
    max-width: 100%;
    height: auto
}

.branding .mobile-desktop-logo, .branding .mobile-logo, .phantom-sticky .side-header .branding .mobile-logo {
    display: none
}

.responsive-off .masthead .hide-on-desktop {
    visibility: hidden;
    position: absolute;
    left: -9999px
}

    .responsive-off .masthead .hide-on-desktop.display-none {
        display: none
    }

.mobile-mini-widgets {
    max-width: calc(100% - 45px)
}

.masthead .mini-widgets > *, .masthead .mobile-mini-widgets > * {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}

.masthead.side-header:not(.masthead-mobile-header) .mini-widgets > *, .masthead.side-header:not(.masthead-mobile-header) .mobile-mini-widgets > * {
    margin: 5px 20px 5px 0
}

.masthead.side-header.h-center .mini-widgets > *, .masthead.side-header.h-center .mobile-mini-widgets > * {
    margin-left: 10px;
    margin-right: 10px
}

.side-header-v-stroke:not(.masthead-mobile-header) .mini-widgets > *, .side-header-v-stroke:not(.masthead-mobile-header) .mobile-mini-widgets > * {
    margin: 10px 0
}

.dt-mobile-header .mobile-mini-widgets-in-menu > * {
    margin: 5px 20px 5px 0
}

.masthead:not(.side-header) .mini-widgets > .first, .masthead:not(.side-header) .mini-widgets > :first-child, .masthead:not(.side-header) .mobile-mini-widgets > .first, .masthead:not(.side-header) .mobile-mini-widgets > :first-child, .side-header .top-bar .mini-widgets > .first, .side-header .top-bar .mini-widgets > :first-child, .side-header .top-bar .mobile-mini-widgets > .first, .side-header .top-bar .mobile-mini-widgets > :first-child, .side-header-h-stroke .mini-widgets > .first, .side-header-h-stroke .mini-widgets > :first-child, .side-header-h-stroke .mobile-mini-widgets > .first, .side-header-h-stroke .mobile-mini-widgets > :first-child {
    margin-left: 0
}

.masthead:not(.side-header) .mini-widgets > .last, .masthead:not(.side-header) .mini-widgets > :last-child, .masthead:not(.side-header) .mobile-mini-widgets > .last, .masthead:not(.side-header) .mobile-mini-widgets > :last-child, .side-header .top-bar .mini-widgets > .last, .side-header .top-bar .mini-widgets > :last-child, .side-header .top-bar .mobile-mini-widgets > .last, .side-header .top-bar .mobile-mini-widgets > :last-child, .side-header-h-stroke .mini-widgets > .last, .side-header-h-stroke .mini-widgets > :last-child, .side-header-h-stroke .mobile-mini-widgets > .last, .side-header-h-stroke .mobile-mini-widgets > :last-child {
    margin-right: 0
}

.masthead .mobile-header-bar .mini-widgets > *, .masthead .mobile-header-bar .mobile-mini-widgets > *, .masthead-mobile-header .mini-widgets > *, .masthead-mobile-header .mobile-mini-widgets > *, .side-header-h-stroke .mobile-header-bar .mini-widgets > *, .side-header-h-stroke .mobile-header-bar .mobile-mini-widgets > * {
    margin: 0 10px
}

.masthead .mobile-header-bar .mini-widgets > .first, .masthead .mobile-header-bar .mini-widgets > :first-child, .masthead .mobile-header-bar .mobile-mini-widgets > .first, .masthead .mobile-header-bar .mobile-mini-widgets > :first-child, .masthead-mobile-header .mini-widgets > .first, .masthead-mobile-header .mini-widgets > :first-child, .masthead-mobile-header .mobile-mini-widgets > .first, .masthead-mobile-header .mobile-mini-widgets > :first-child, .side-header-h-stroke .mobile-header-bar .mini-widgets > .first, .side-header-h-stroke .mobile-header-bar .mini-widgets > :first-child, .side-header-h-stroke .mobile-header-bar .mobile-mini-widgets > .first, .side-header-h-stroke .mobile-header-bar .mobile-mini-widgets > :first-child {
    margin-left: 10px
}

.masthead .mobile-header-bar .mini-widgets > .last, .masthead .mobile-header-bar .mini-widgets > :last-child, .masthead .mobile-header-bar .mobile-mini-widgets > .last, .masthead .mobile-header-bar .mobile-mini-widgets > :last-child, .masthead-mobile-header .mini-widgets > .last, .masthead-mobile-header .mini-widgets > :last-child, .masthead-mobile-header .mobile-mini-widgets > .last, .masthead-mobile-header .mobile-mini-widgets > :last-child, .side-header-h-stroke .mobile-header-bar .mini-widgets > .last, .side-header-h-stroke .mobile-header-bar .mini-widgets > :last-child, .side-header-h-stroke .mobile-header-bar .mobile-mini-widgets > .last, .side-header-h-stroke .mobile-header-bar .mobile-mini-widgets > :last-child {
    margin-right: 10px
}

.mini-contacts, .mini-login a {
    position: relative;
    margin: 0
}

.masthead .mini-contacts, .masthead .mini-login a {
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.dt-mobile-header .mini-contacts, .dt-mobile-header .mini-login a, .side-header .mini-contacts, .side-header .mini-login a {
    white-space: normal
}

.mini-contacts i, .mini-login a i {
    margin-right: 5px
}

.mini-nav {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

    .mini-nav .mini-sub-nav {
        position: absolute;
        visibility: hidden;
        z-index: 200;
        top: 100%;
        left: 0;
        width: 240px;
        opacity: 0;
        background: #fff;
        box-shadow: 0 0 4px rgba(0,0,0,.2)
    }

        .mini-nav .mini-sub-nav > li {
            position: relative;
            display: block;
            padding: 0 10px;
            box-sizing: border-box
        }

            .mini-nav .mini-sub-nav > li:first-child {
                padding-top: 10px
            }

            .mini-nav .mini-sub-nav > li:last-child {
                padding-bottom: 10px
            }

            .mini-nav .mini-sub-nav > li a {
                padding: 5px
            }

                .mini-nav .mini-sub-nav > li a:hover {
                    opacity: 1
                }

        .mini-nav .mini-sub-nav .mini-sub-nav {
            top: 0;
            left: 241px !important
        }

.rtl .mini-nav .mini-sub-nav .mini-sub-nav {
    right: 241px;
    left: auto !important
}

.mini-nav .mini-sub-nav .mini-sub-nav.right-overflow {
    left: -241px !important
}

.rtl .mini-nav .mini-sub-nav .mini-sub-nav.right-overflow {
    right: -241px;
    left: auto !important
}

.mini-nav .mini-sub-nav li.has-children > a:after, .mini-nav .mini-sub-nav > li:not(.wpml-ls-item) > a .menu-text, .mini-nav .mini-sub-nav > li:not(.wpml-ls-item) > a .subtitle-text {
    color: #222
}

.menu-select select, .mini-nav .customSelect {
    border: none;
    padding: 0;
    margin-bottom: 0
}

.mini-nav .customSelect {
    position: absolute;
    visibility: hidden;
    padding: 0
}

    .mini-nav .customSelect .customSelectInner {
        opacity: 0
    }

.menu-select select, .mini-nav .customSelect1 {
    position: relative;
    visibility: visible;
    opacity: 1
}

.menu-select select, .menu-select:hover {
    cursor: pointer
}

.menu a:hover, .menu-select:hover {
    text-decoration: underline
}

.dt-mobile-header .menu a:hover, .dt-mobile-header .menu-select:hover, .masthead .menu a:hover, .masthead .menu-select:hover {
    text-decoration: none
}

.mini-nav .customSelectInner {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: 0 0
}

    .mini-nav .customSelectInner i {
        margin-right: 5px
    }

    .mini-nav .customSelectInner:hover {
        text-decoration: none
    }

.mini-nav.select-type-menu .menu-select {
    vertical-align: middle
}

.menu-select select {
    z-index: 9
}

.mini-nav li {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.dt-mobile-header .mini-nav .sub-nav > li {
    display: block
}

#page .mini-nav .sub-nav li.has-children a:after {
    right: 8px
}

.mini-nav li:last-child {
    margin-right: 0
}

#bottom-bar .mini-nav ul > li.act > a .menu-item-text, #bottom-bar .mini-nav > ul > li > a:hover .menu-item-text {
    text-decoration: underline
}

#bottom-bar .mini-nav ul .sub-nav > li.act > a .menu-item-text, #bottom-bar .mini-nav ul > li > a:hover, .mini-nav ul .sub-nav > li.act > a .menu-item-text, .mini-nav ul > li > a, .mini-nav > ul > li > a:hover {
    text-decoration: none
}

.mini-nav li:first-child:before {
    border-left: none
}

.mini-nav select {
    min-width: 100px;
    height: 0;
    opacity: 0
}

#page .mini-nav select option, .light-preset-color.masthead:not(#phantom):not(.sticky-on):not(.sticky-mobile-on) .mini-nav select option {
    color: #b8bcbe !important
}

.masthead .popup-search.act {
    position: relative;
    z-index: 1002
}

.dt-mobile-header .mini-search, .masthead .mini-search {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
    max-width: 100%
}

.dt-mobile-header .popup-search, .dt-mobile-header .searchform {
    position: static
}

.popup-search .popup-search-wrap {
    background: #fff
}

    .popup-search .popup-search-wrap:before {
        border-bottom-color: #fff
    }

    .dt-mobile-header .popup-search .popup-search-wrap:before, .popup-search .popup-search-wrap.bottom-overflow:before, .side-header:not(.masthead-mobile-header) .popup-search .popup-search-wrap:before {
        border-top-color: #fff
    }

.searchform {
    position: relative;
    z-index: 3;
    max-width: 100%
}

    .searchform .field {
        max-width: 100%;
        border-style: solid;
        box-sizing: border-box
    }

.popup-search-wrap {
    padding: 10px;
    position: absolute;
    right: -10px;
    top: 38px;
    visibility: hidden;
    -webkit-filter: drop-shadow(0 0 4px rgba(0, 0, 0, .2));
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, .2));
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0)
}

    .popup-search-wrap:before {
        position: absolute;
        top: -7px;
        right: 20px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 7px solid red;
        content: ''
    }

.dt-mobile-header .popup-search-wrap:before {
    display: none
}

.popup-search-wrap.left-overflow:before {
    left: 20px;
    right: auto
}

.dt-mobile-header .popup-search-wrap:before, .popup-search-wrap.bottom-overflow:before, .side-header:not(.masthead-mobile-header) .popup-search-wrap:before {
    top: auto;
    bottom: -7px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid;
    border-bottom: none
}

.popup-search-wrap .search-icon {
    position: absolute;
    top: 0;
    right: 20px;
    height: 100%
}

.mini-search .popup-search-wrap.left-overflow {
    left: -10px;
    right: auto
}

.dt-mobile-header .mini-search .field {
    left: 0;
    z-index: 100
}

.dt-mobile-header .mini-search:not(.animate-search-width) .field {
    width: 100%
}

.mini-search input[type=text] {
    margin-bottom: 0
}

.mini-search .field:focus {
    outline: 0
}

.overlay-search .searchform .submit, .popup-search .searchform .submit {
    border: none;
    background-color: transparent;
    text-decoration: none
}

    .overlay-search .searchform .submit > span, .popup-search .searchform .submit > span {
        margin-left: 5px
    }

.dt-mobile-header .overlay-search .searchform .submit, .dt-mobile-header .popup-search .searchform .submit {
    position: relative
}

.mini-search .submit {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background-color: transparent;
    text-decoration: none
}

    .mini-search .submit.default-icon {
        padding-left: 17px
    }

.mini-search .search-icon {
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: center center
}

.mini-search .search-icon, .overlay-search-microwidget .search-icon {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .mini-search .search-icon:hover, .overlay-search-microwidget .search-icon:hover {
        opacity: .7
    }

.overlay-search .submit.default-icon:before, .popup-search .submit.default-icon:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 16px;
    width: 16px;
    background-position: 0 center;
    background-repeat: no-repeat;
    content: ""
}

.overlay-search .submit i, .popup-search .submit i {
    font-size: 16px
}

.dt-mobile-header .mini-search .searchsubmit, .masthead .mini-search .searchsubmit {
    display: none
}

.classic-search .search-icon {
    position: absolute;
    top: 0;
    right: 10px;
    height: 100%;
    padding: 0
}

.mini-search .overlay-search-wrap {
    display: none
}

.overlay-search-microwidget {
    position: fixed;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity .55s ease
}

    .overlay-search-microwidget.open {
        opacity: 1;
        visibility: visible
    }

    .overlay-search-microwidget .submit {
        display: none
    }

    .overlay-search-microwidget > i {
        position: absolute;
        top: 30px;
        right: 30px;
        width: 34px;
        height: 34px;
        color: #fff;
        font-size: 30px
    }

        .overlay-search-microwidget > i:hover {
            cursor: pointer
        }

    .overlay-search-microwidget .search-icon {
        position: absolute;
        top: 0;
        right: 10px;
        height: 100%;
        padding: 0;
        background-position: 0 center;
        background-repeat: no-repeat;
        text-decoration: none
    }

        .overlay-search-microwidget .search-icon > span {
            position: absolute;
            text-indent: -9999px
        }

    .overlay-search-microwidget .searchform {
        max-width: 90%
    }

    .overlay-search-microwidget input[type=text] {
        margin-bottom: 0
    }

.animate-search-width .searchform {
    overflow: hidden
}

.animate-search-width input.field {
    transition: width .55s ease
}

.animate-search-width .search-icon {
    position: absolute;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%
}

.animate-search-width input.field:active, .animate-search-width input.field:focus {
    outline: 0
}

.masthead .mini-widgets .mini-login {
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mini-login i {
    margin-right: 5px
}

.mini-login:hover {
    opacity: .7
}

.mini-login a {
    position: relative;
    display: inherit;
    text-decoration: none
}

    .mini-login a:hover {
        text-decoration: none
    }

.accent-gradient .masthead .mini-widgets .soc-ico.accent-bg a:hover, .accent-gradient .masthead .mini-widgets .soc-ico.gradient-bg a:hover, .masthead .mini-widgets .soc-ico a:hover, .masthead .mini-widgets .soc-ico.accent-bg a:hover, .masthead .mini-widgets .soc-ico.custom-bg a:hover, .masthead .mini-widgets .soc-ico.gradient-bg a:hover {
    background: 0 0
}

.accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a:hover, .masthead .soc-ico.accent-bg.hover-custom-bg a:hover, .masthead .soc-ico.hover-accent-bg a:hover, .masthead .soc-ico.hover-custom-bg a:hover, .masthead .soc-ico.hover-disabled-bg a:hover {
    box-shadow: none
}

#page .mini-icon-off, #page .mini-icon-off:before, #page .mini-login .submit.mini-icon-off:before, #page .wc-ico-cart.mini-icon-off:before, #phantom .mini-icon-off, #phantom .mini-icon-off:before, #phantom .mini-login .submit.mini-icon-off:before, #phantom .wc-ico-cart.mini-icon-off:before {
    background: 0 0 !important;
    padding-left: 0
}

.masthead .soc-ico {
    display: inline-block;
    vertical-align: middle
}

.text-area {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.mini-widgets .text-area a:not(.dt-btn), .mobile-mini-widgets .text-area a:not(.dt-btn) {
    text-decoration: underline
}

.text-area a:not(.dt-btn):hover {
    text-decoration: none
}

.text-area > p {
    margin-bottom: 0
}

.top-bar > span {
    display: none !important
}

.mini-login .submit.text-disable, .wc-ico-cart.text-disable {
    letter-spacing: -4px
}

.masthead .soc-ico a {
    line-height: 22px
}

.menu-line {
    position: absolute;
    display: inline-block;
    left: 0;
    width: 22px;
    height: 2px;
    content: '';
    transform-origin: 1.5px center;
    transition: transform .2s linear,color .2s linear
}

.hide-overlay.active .lines-button.x .menu-line, .menu-close-toggle .lines-button.x .menu-line {
    transform-origin: 50% 50%;
    top: 0;
    transition: transform .2s linear
}

.menu-line:nth-of-type(3) {
    top: 7px
}

.medium-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3), .small-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3) {
    transform: translateY(-2px)
}

.large-menu-icon .menu-toggle:not(.active):hover .menu-line:nth-of-type(3) {
    transform: translateY(-3px)
}

.medium-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:nth-of-type(3), .small-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:nth-of-type(3) {
    transform: translateY(-2px)
}

.large-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:nth-of-type(3) {
    transform: translateY(-3px)
}

.menu-line:first-of-type {
    top: -7px
}

.medium-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type, .small-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type {
    transform: translateY(2px)
}

.large-menu-icon .menu-toggle:not(.active):hover .menu-line:first-of-type {
    transform: translateY(3px)
}

.medium-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:first-of-type, .small-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:first-of-type {
    transform: translateY(2px)
}

.large-mobile-menu-icon .dt-mobile-menu-icon:not(.active):hover .menu-line:first-of-type {
    transform: translateY(3px)
}

.microwidget-btn {
    position: relative;
    max-width: 100%;
    text-decoration: none
}

.masthead .mini-widgets .microwidget-btn, .masthead .mobile-mini-widgets .microwidget-btn {
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.microwidget-btn i, .microwidget-btn > span {
    position: relative;
    z-index: 1
}

.microwidget-btn.btn-icon-align-right i {
    margin-left: 5px;
    padding-right: 1px
}

.microwidget-btn.btn-icon-align-left i {
    margin-right: 5px
}

.top-bar .microwidget-btn:hover {
    opacity: 1
}

.microwidget-btn:after, .microwidget-btn:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
    transition: opacity .15s linear;
    -webkit-backface-visibility: hidden
}

.disable-animation-bg.microwidget-btn:after, .disable-animation-bg.microwidget-btn:before {
    transition: none
}

.microwidget-btn:before, .microwidget-btn:hover:after {
    opacity: 1
}

.microwidget-btn:hover:before, .microwidget-btn:not(:hover):after {
    transition-delay: .1s
}

.microwidget-btn:after, .microwidget-btn:hover:before {
    opacity: 0
}

.dt-mobile-menu-icon, .menu-toggle > a {
    text-decoration: none
}

    .dt-mobile-menu-icon .menu-toggle-caption, .menu-toggle .menu-toggle-caption {
        position: relative;
        z-index: 2;
        transition: color .2s linear
    }

    .dt-mobile-menu-icon .menu-line, .menu-toggle .menu-line {
        z-index: 2
    }

.dt-close-mobile-menu-icon, .dt-mobile-menu-icon, .hide-overlay, .menu-close-toggle, .menu-toggle {
    position: relative
}

    .dt-close-mobile-menu-icon:after, .dt-close-mobile-menu-icon:before, .dt-mobile-menu-icon:after, .dt-mobile-menu-icon:before, .hide-overlay:after, .hide-overlay:before, .menu-close-toggle:after, .menu-close-toggle:before, .menu-toggle:after, .menu-toggle:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        border-radius: inherit;
        box-sizing: border-box
    }

    .dt-close-mobile-menu-icon:after, .dt-close-mobile-menu-icon:hover:before, .dt-mobile-menu-icon:after, .dt-mobile-menu-icon:hover:before, .hide-overlay:after, .hide-overlay:hover:before, .menu-close-toggle:after, .menu-close-toggle:hover:before, .menu-toggle:after, .menu-toggle:hover:before {
        opacity: 0
    }

    .dt-close-mobile-menu-icon:before, .dt-close-mobile-menu-icon:hover:after, .dt-mobile-menu-icon:before, .dt-mobile-menu-icon:hover:after, .hide-overlay:before, .hide-overlay:hover:after, .menu-close-toggle:before, .menu-close-toggle:hover:after, .menu-toggle:before, .menu-toggle:hover:after {
        opacity: 1
    }

.lines-button {
    z-index: 2
}

.dt-mobile-menu-icon .lines-button {
    position: relative;
    margin-right: 0;
    text-align: center
}

.small-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 16px;
    width: 22px
}

.two-line-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 8px;
    width: 22px
}

.diagonal-mobile-menu-icon .dt-mobile-menu-icon .lines-button, .medium-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 17px;
    width: 24px
}

.large-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 17px;
    width: 30px
}

.x-move-mobile-icon .dt-mobile-menu-icon .lines-button {
    height: 14px;
    width: 30px
}

.animate-color-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 16px;
    width: 22px
}

.animate-position-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 20px;
    width: 35px
}

.dot-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    width: 7px;
    height: 7px;
    border-radius: 50%
}

.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 7px;
    width: 24px
}

.fade-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 13px;
    width: 20px
}

.diagonal-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    transform: rotate(-45deg)
}

.thin-lines-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 11px;
    width: 40px
}

.dots-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    width: 3px;
    height: 15px
}

.h-dots-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    height: 3px;
    width: 15px
}

.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    background: 0 0 !important;
    display: none
}

.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line, .small-mobile-menu-icon .dt-mobile-menu-icon .menu-line {
    width: 22px;
    height: 2px
}

.animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line {
    width: 35px;
    height: 4px;
    border-radius: 4px
}

.thin-lines-mobile-menu-icon .dt-mobile-menu-icon .menu-line {
    height: 1px;
    width: 100%
}

.medium-mobile-menu-icon .dt-mobile-menu-icon .menu-line {
    width: 24px;
    height: 3px
}

.dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line {
    width: 7px;
    height: 7px
}

.fade-mobile-menu-icon .mobile-header-bar .menu-line {
    width: 20px;
    height: 1px
}

.dots-mobile-menu-icon .menu-line, .h-dots-mobile-menu-icon .menu-line {
    width: 3px;
    height: 3px;
    border-radius: 50%
}

.menu-line:after, .menu-line:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
    box-sizing: border-box
}

.menu-line:after {
    opacity: 0
}

.menu-line:before {
    opacity: 1
}

.animate-color-menu-icon .menu-toggle .menu-line:before, .animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:before, .two-line-menu-icon .menu-toggle .menu-line:before, .two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:before {
    display: none
}

.medium-mobile-menu-icon .mobile-header-bar .menu-line {
    width: 24px;
    height: 3px
}

.large-mobile-menu-icon .dt-mobile-menu-icon .menu-line {
    width: 30px;
    height: 3px
}

.dt-mobile-menu-icon .menu-line {
    max-width: 100%;
    position: absolute
}

.x-move-mobile-icon .dt-mobile-menu-icon .menu-line {
    width: 100%;
    transition: width .2s linear;
    border-radius: 2px
}

.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line, .dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line {
    transition: transform .2s linear
}

.dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line {
    transform: scale(.8);
    border-radius: inherit
}

.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line, .two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line {
    overflow: hidden
}

    .animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:after, .two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:after {
        content: '';
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 1;
        opacity: 1;
        transition: .2s linear
    }

.dt-mobile-menu-icon .menu-line:first-of-type {
    top: 0
}

.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:first-of-type {
    left: .3%;
    top: 0;
    transform-origin: top left;
    width: 80%
}

.diagonal-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type {
    width: 50%;
    left: 50%;
    transform: translateX(-50%)
}

.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type {
    left: 2px
}

.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type:after, .two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:first-of-type:after {
    transition-delay: .1s
}

.dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    top: 7px
}

.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    top: 6px;
    opacity: 1;
    left: 0;
    width: 100%
}

.dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    display: none
}

.dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2), .fade-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    top: 6px
}

.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    left: -2px;
    top: 5px
}

.animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    top: 8px
}

.h-dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    top: 0;
    left: 6px
}

.thin-lines-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2) {
    top: 5px
}

.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(2):after {
    transition-delay: .2s
}

.dt-mobile-menu-icon .menu-line:nth-of-type(3) {
    top: 14px
}

.x-move-mobile-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
    top: 12px;
    right: 30%;
    transform-origin: bottom left;
    width: 80%
}

.dot-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
    display: none
}

.two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
    top: 6px
}

.thin-lines-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
    top: 10px
}

.dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3), .fade-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
    top: 12px
}

.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
    display: none
}

.animate-position-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
    top: 16px
}

.h-dots-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3) {
    top: 0;
    left: 12px
}

.animate-color-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3):after, .two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:nth-of-type(3):after {
    transition-delay: .3s
}

.x-move-mobile-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type {
    width: 100%
}

.dt-mobile-menu-icon:hover .menu-line:before, .menu-toggle:hover .menu-line:before {
    opacity: 0
}

.dt-mobile-menu-icon:hover .menu-line:after, .menu-toggle:hover .menu-line:after {
    opacity: 1
}

.x-move-mobile-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(3) {
    width: 100%
}

.animate-position-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type {
    transform: translateY(2px)
}

.animate-position-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(3) {
    transform: translateY(-2px)
}

.dot-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type {
    transform: scale(1)
}

.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type {
    transform: translateX(-4px)
}

.animate-position-2-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(2) {
    transform: translateX(4px)
}

.thin-lines-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:first-of-type {
    transform: translateY(-2px)
}

.thin-lines-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:nth-of-type(3) {
    transform: translateY(2px)
}

.animate-color-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:after, .two-line-mobile-menu-icon .dt-mobile-menu-icon:hover .menu-line:after {
    left: 0
}

.type-9-menu-icon .menu-toggle .lines-button, .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button {
    width: 24px;
    height: 11px;
    z-index: 2
}

    .type-9-menu-icon .menu-toggle .lines-button .menu-line, .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line {
        width: 24px;
        height: 1px;
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        transition: width .2s linear
    }

        .type-9-menu-icon .menu-toggle .lines-button .menu-line:nth-child(2), .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line:nth-child(2) {
            top: 5px;
            width: 19px
        }

        .type-9-menu-icon .menu-toggle .lines-button .menu-line:nth-child(3), .type-9-mobile-menu-icon .dt-mobile-menu-icon .lines-button .menu-line:nth-child(3) {
            top: 10px
        }

.type-9-menu-icon .menu-toggle:hover .lines-button .menu-line, .type-9-mobile-menu-icon .dt-mobile-menu-icon:hover .lines-button .menu-line {
    width: 19px
}

    .type-9-menu-icon .menu-toggle:hover .lines-button .menu-line:nth-child(2), .type-9-mobile-menu-icon .dt-mobile-menu-icon:hover .lines-button .menu-line:nth-child(2) {
        width: 24px
    }

    .type-9-menu-icon .menu-toggle:hover .lines-button .menu-line:nth-child(3), .type-9-mobile-menu-icon .dt-mobile-menu-icon:hover .lines-button .menu-line:nth-child(3) {
        width: 19px
    }

.main-nav > li {
    position: relative;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

    .main-nav > li > a {
        text-decoration: none
    }

    .main-nav > li > a, .mini-nav li > a {
        position: relative;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

.side-header:not(.h-center) .main-nav > li > a, .side-header:not(.h-center) .mini-nav li > a {
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start
}

.not-clickable-item {
    cursor: default
}

.main-nav > li > a .text-wrap {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: inherit
}

    .main-nav > li > a .text-wrap .menu-item-text {
        position: relative;
        z-index: 10
    }

.main-nav.level-arrows-on > li.has-children > a {
    position: relative
}

.main-nav .menu-item .text-wrap > i, .main-nav .menu-item a i[class^=fa], .main-nav .menu-item a > i, .mini-nav .menu-item .text-wrap > i, .mini-nav .menu-item a i[class^=fa], .mini-nav .menu-item a > i, .mobile-main-nav .menu-item .text-wrap > i, .mobile-main-nav .menu-item a i[class^=fa], .mobile-main-nav .menu-item a > i {
    margin-right: 6px
}

.menu-text, .subtitle-text {
    display: block
}

.top-header .main-nav.level-arrows-on > li.has-children > a .menu-text {
    position: relative;
    padding-right: 10px;
    display: inline-block;
    vertical-align: top
}

.sub-sideways .main-nav.level-arrows-on > li.has-children > a .menu-item-text {
    position: relative
}

.top-header .main-nav .menu-text:after {
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 0;
    width: 8px;
    height: 8px
}

.top-header .main-nav.level-arrows-on > li.has-children > a .menu-text:after {
    content: "\f005";
    font-family: icomoon-the7-font;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 8px;
    line-height: 1;
    text-align: center
}

.sub-downwards .next-level-button, .sub-downwards.dt-parent-menu-clickable.side-header .next-level-button {
    position: relative;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-left: 5px
}

    .sub-downwards .next-level-button:before, .sub-downwards.dt-parent-menu-clickable.side-header .next-level-button:before {
        content: "\ef01";
        font-family: icomoon-the7-font;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 12px;
        line-height: 1
    }

.dt-mobile-header .next-level-button, .sub-downwards .next-level-button {
    transition: transform .3s ease-out
}

.dt-mobile-header li.has-children.open-sub > .next-level-button, .sub-downwards li.has-children.open-sub > .next-level-button {
    transform: rotate(45deg)
}

.l-to-r-line > li > a > span {
    position: relative;
    display: block
}

.l-to-r-line > li > a i.underline {
    position: absolute;
    display: block;
    left: 1px;
    bottom: -5px;
    overflow: hidden;
    width: 0;
    pointer-events: none;
    background-color: transparent;
    opacity: .85;
    transition: all .3s cubic-bezier(.175,.885,.32,1.275)
}

.top-header .l-to-r-line > li.act > a i.underline, .top-header .l-to-r-line > li.dt-hovered > a i.underline, .top-header .l-to-r-line > li > a:hover i.underline {
    width: 100%
}

.from-centre-line > li > a > span {
    position: relative;
    display: block
}

.from-centre-line > li > a .menu-item-text:before {
    position: absolute;
    visibility: hidden;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background-color: #000;
    content: "";
    transform: scaleX(0);
    transition: all .2s ease-in-out 0s;
    opacity: .85
}

.top-header .from-centre-line > li.act > a .menu-item-text:before, .top-header .from-centre-line > li.dt-hovered > a .menu-item-text:before, .top-header .from-centre-line > li > a:hover .menu-item-text:before {
    visibility: visible;
    transform: scaleX(1)
}

.upwards-line > li > a > span {
    position: relative;
    display: block
}

.upwards-line > li > a .menu-item-text:before {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,.1);
    content: '';
    opacity: 0;
    transition: opacity .3s,transform .3s;
    transform: translateY(10px)
}

.top-header .upwards-line > li.act > a .menu-item-text:before, .top-header .upwards-line > li.dt-hovered > a .menu-item-text:before, .top-header .upwards-line > li > a:hover .menu-item-text:before {
    opacity: 1;
    transform: translateY(0)
}

.downwards-line > li > a > span {
    position: relative;
    display: block
}

.downwards-line > li > a .menu-item-text:before {
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    content: '';
    opacity: 0;
    transition: height .3s,opacity .3s,transform .3s;
    transform: translateY(-10px)
}

.top-header .downwards-line > li.act > a .menu-item-text:before, .top-header .downwards-line > li.dt-hovered > a .menu-item-text:before, .top-header .downwards-line > li > a:hover .menu-item-text:before {
    height: 2px;
    opacity: 1;
    transform: translateY(0)
}

.top-header .active-line-decoration > li > a, .top-header .hover-line-decoration > li > a {
    overflow: hidden
}

    .top-header .active-line-decoration > li > a .decoration-line, .top-header .hover-line-decoration > li > a .decoration-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        content: "";
        opacity: 0;
        transition: opacity .3s ease
    }

    .top-header .active-line-decoration > li.act > a .decoration-line, .top-header .hover-line-decoration > li.dt-hovered > a .decoration-line, .top-header .hover-line-decoration > li > a:hover .decoration-line {
        opacity: 1
    }

.top-header .hover-bg-decoration > li:not(.act) > a {
    transition: background .3s ease
}

.dt-mega-menu-wrap, .sub-nav {
    position: absolute;
    visibility: hidden;
    z-index: 200;
    top: 100%;
    left: 0;
    width: 240px;
    opacity: 0
}

.sub-sideways .dt-mega-menu-wrap, .sub-sideways .sub-nav {
    z-index: 9800
}

.sub-nav.right-overflow {
    left: auto;
    right: 20px
}

.sub-nav {
    padding: 0;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
    box-sizing: border-box
}

    .sub-nav > li {
        position: relative;
        display: block;
        box-sizing: border-box
    }

    .sub-nav li:first-child:before {
        display: none
    }

    .sub-nav li a .text-wrap, .sub-nav > li > a {
        position: relative;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-align-content: center;
        align-content: center;
        -ms-flex-line-pack: center;
        text-decoration: none
    }

.sub-downwards:not(.h-center) .sub-nav li a .text-wrap, .sub-downwards:not(.h-center) .sub-nav > li > a {
    -ms-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -ms-align-content: flex-start;
    align-content: flex-start
}

.sub-nav li a {
    box-sizing: border-box
}

    .sub-nav li a .text-wrap {
        width: 100%
    }

.sub-downwards.h-center .sub-nav li a .text-wrap, .sub-downwards.h-center .sub-nav > li, .sub-downwards.h-justify.h-center .sub-nav > li > a {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    text-align: center
}

.sub-sideways .main-nav .sub-nav > li.has-children > a:after, .top-header .main-nav .sub-nav > li.has-children > a:after {
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px
}

.sub-sideways .main-nav .sub-nav.level-arrows-on > li.has-children > a:after, .top-header .main-nav .sub-nav.level-arrows-on > li.has-children > a:after {
    content: "\f007";
    font-family: icomoon-the7-font;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 8px;
    line-height: 1;
    text-align: center
}

.dt-mobile-header .sub-nav .next-level-button:before, .sub-downwards .sub-nav .next-level-button:before, .sub-downwards.dt-parent-menu-clickable.side-header .sub-nav .next-level-button:before {
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 8px
}

.sub-sideways .main-nav .sub-nav.level-arrows-on > li.has-children.dt-mega-parent > .sub-nav > li.has-children > a:after, .sub-sideways .main-nav .sub-nav.level-arrows-on > li.has-children.dt-mega-parent > a:after, .top-header .main-nav .sub-nav.level-arrows-on > li.has-children.dt-mega-parent > .sub-nav > li.has-children > a:after, .top-header .main-nav .sub-nav.level-arrows-on > li.has-children.dt-mega-parent > a:after {
    content: ""
}

.dt-mobile-header .sub-nav .next-level-button, .sub-downwards .sub-nav .next-level-button {
    transition: transform .3s ease-out
}

.dt-mobile-header .sub-nav li.has-children.open-sub > .next-level-button, .sub-downwards .sub-nav li.has-children.open-sub > .next-level-button {
    transform: rotate(45deg)
}

.sub-nav .sub-nav {
    left: 241px;
    top: 0;
    margin-top: 0
}

.rtl .sub-nav .sub-nav {
    left: auto;
    right: 241px
}

.sub-nav .sub-nav.right-overflow {
    left: -241px
}

.rtl .sub-nav .sub-nav.right-overflow {
    left: auto;
    right: -241px
}

.side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap:not(.bottom-overflow), .side-header:not(.sub-downwards) .main-nav > li > .sub-nav:not(.bottom-overflow) {
    top: 0;
    left: 100%
}

.rtl .side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap:not(.bottom-overflow), .rtl .side-header:not(.sub-downwards) .main-nav > li > .sub-nav:not(.bottom-overflow) {
    right: 100%;
    left: auto
}

.side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap, .side-header:not(.sub-downwards) .main-nav > li > .sub-nav {
    left: 100%
}

.rtl .side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap, .rtl .side-header:not(.sub-downwards) .main-nav > li > .sub-nav {
    right: 100%;
    left: auto
}

.side-header .dt-mega-menu-wrap.bottom-overflow, .side-header .mini-nav.sub-nav.bottom-overflow, .side-header .sub-nav.bottom-overflow, .top-header.floating-navigation-below-slider .sub-nav.bottom-overflow {
    top: auto !important;
    bottom: 0
}

.dt-mobile-header .mini-nav, .dt-mobile-header .mini-nav li {
    position: static
}

    .dt-mobile-header .mini-nav .sub-nav {
        left: 0;
        width: 100%
    }

        .dt-mobile-header .mini-nav .sub-nav .sub-nav {
            left: 0 !important
        }

.header-side-right .sub-sideways .main-nav > li > .dt-mega-menu-wrap, .header-side-right .sub-sideways .main-nav > li > .sub-nav, .overlay-navigation .content-right.sub-sideways .main-nav > li > .dt-mega-menu-wrap, .overlay-navigation .content-right.sub-sideways .main-nav > li > .sub-nav {
    left: auto !important;
    right: 100%
}

.rtl.header-side-right .sub-sideways .main-nav > li > .dt-mega-menu-wrap, .rtl.header-side-right .sub-sideways .main-nav > li > .sub-nav, .rtl.overlay-navigation .content-right.sub-sideways .main-nav > li > .dt-mega-menu-wrap, .rtl.overlay-navigation .content-right.sub-sideways .main-nav > li > .sub-nav {
    left: 100% !important;
    right: auto
}

.dt-mobile-header .sub-nav > li, .mobile-main-nav > li, .sub-downwards .main-nav > li, .sub-downwards .sub-nav > li {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.sub-downwards.side-header .main-nav > li > .dt-mega-menu-wrap > .sub-nav .sub-nav, .sub-downwards.side-header .main-nav > li > .sub-nav, .sub-downwards.side-header .main-nav > li > .sub-nav .sub-nav {
    position: relative;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    z-index: auto
}

.dt-mobile-header .mobile-main-nav > li > .dt-mega-menu-wrap, .dt-mobile-header .mobile-main-nav > li > .dt-mega-menu-wrap > .sub-nav .sub-nav, .dt-mobile-header .mobile-main-nav > li > .sub-nav, .dt-mobile-header .mobile-main-nav > li > .sub-nav .sub-nav, .sub-downwards.side-header .main-nav > li > .dt-mega-menu-wrap {
    position: relative;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    visibility: visible;
    opacity: 1;
    z-index: auto
}

.sub-downwards.side-header .main-nav > li .sub-nav .sub-nav {
    box-sizing: border-box
}

.sub-downwards li:not(.dt-mega-menu) .sub-nav {
    width: auto
}

.sub-downwards li.has-children > a {
    max-width: calc(100% - 30px);
    box-sizing: border-box
}

.sub-downwards .main-nav > li > .sub-nav {
    padding-bottom: 0
}

.mobile-main-nav .sub-nav, .sub-downwards .main-nav .sub-nav {
    background: 0 0;
    box-shadow: none
}

    .masthead.sub-downwards .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent, .sub-downwards .main-nav .sub-nav li {
        padding: 0;
        width: 100%
    }

.sub-downwards .main-nav.level-arrows-on > li.has-children:last-child {
    margin-right: 0
}

.main-nav .sub-nav > li > a {
    transition: background .3s
}

.next-level-button:hover, .sub-downwards #main-nav li a:hover {
    cursor: pointer !important
}

.mobile-header-bar, .mobile-header-space {
    display: none
}

.menu-open.not-iOS, .menu-open.not-iOS body {
    overflow: hidden
}

.dt-mobile-header {
    position: fixed;
    top: 0;
    height: 100%;
    min-height: 100%;
    width: 500px;
    max-width: 100%;
    z-index: 9602;
    box-sizing: border-box;
    background-color: grey;
    transition: transform .5s ease;
    transform: translate3d(-100%,0,0);
    overflow: hidden
}

.show-mobile-header .dt-mobile-header {
    transform: translate3d(0,0,0)
}

.right-mobile-menu .dt-mobile-header {
    right: 0;
    transform: translate3d(100%,0,0);
    transition: right .5s ease
}

.touchevents .dt-mobile-header {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

html:not(.touchevents) .dt-mobile-header::-webkit-scrollbar {
    width: 13px
}

html:not(.touchevents) .dt-mobile-header::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #1ebac8;
    border: 4px solid #fff;
    box-sizing: border-box
}

.mobile-header-scrollbar-wrap {
    position: relative;
    width: 100%;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.mobile-mini-widgets-in-menu, .show-on-first-switch, .show-on-second-switch {
    display: none
}

.mobile-mini-widgets-in-menu {
    padding: 30px 0
}

.dt-mobile-header .mini-widgets {
    padding-bottom: 30px
}

.mobile-sticky-header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .4s
}

.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn {
    position: fixed;
    visibility: hidden;
    top: 10px;
    right: 10px;
    opacity: 0;
    margin: 0 !important;
    background-color: rgba(0,0,0,.2);
    transition: background .2s linear;
    -webkit-backface-visibility: hidden
}

    .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:hover {
        background-color: rgba(0,0,0,.5)
    }

    .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .menu-toggle-caption {
        color: #fff !important
    }

.floating-mobile-menu-icon .show-floating-icon .dt-mobile-menu-icon.floating-btn {
    visibility: visible;
    opacity: 1
}

.dt-mobile-menu-icon.floating-btn .lines {
    border-radius: 0
}

.floating-mobile-menu-icon .animate-color-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:not(:hover) .menu-line, .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .menu-line:after, .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .menu-line:before, .floating-mobile-menu-icon .two-line-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:not(:hover) .menu-line {
    background-color: #fff
}

    .floating-mobile-menu-icon .animate-color-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:not(:hover) .menu-line:after, .floating-mobile-menu-icon .two-line-mobile-menu-icon .dt-mobile-menu-icon .menu-line:after {
        background-color: rgba(255,255,255,.6)
    }

.mobile-main-nav {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -ms-flex: 10 1 auto;
    flex: 10 1 auto
}

    .mobile-main-nav > li {
        position: relative;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex
    }

.mobile-menu-show-divider .mobile-main-nav > li:before {
    content: "";
    position: absolute;
    top: -.5px;
    height: 0;
    width: 100%;
    max-width: 100%;
    left: 0
}

.dt-mobile-header.mobile-menu-show-divider .mobile-main-nav .new-column, .mobile-menu-show-divider .mobile-main-nav > li:first-child:before {
    display: none
}

.mobile-main-nav > li > a {
    text-decoration: none;
    position: relative;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 30px 10px 0;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1
}

    .mobile-main-nav > li > a.mega-menu-img-top {
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        -ms-align-items: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center
    }

.mobile-main-nav .sub-nav li.hide-mega-title > a {
    display: block;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex
}

.dt-mobile-header .next-level-button {
    position: relative;
    right: 0;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-tap-highlight-color: transparent;
    min-width: 30px
}

    .dt-mobile-header .next-level-button:before {
        content: "\ef02";
        font-family: icomoon-the7-font;
        speak: none;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 16px;
        line-height: 1;
        font-style: normal
    }

.mobile-main-nav .next-level-button {
    transition: transform .3s ease-out
}

.mobile-main-nav li.has-children.open-sub > .next-level-button {
    transform: rotate(45deg)
}

.mobile-main-nav .menu-item a i {
    margin-right: 6px
}

.mobile-main-nav li > a .subtitle-text {
    font-size: 10px;
    line-height: 12px;
    font-family: Arial,sans-serif
}

.mobile-main-nav .sub-nav {
    margin-left: 20px
}

.header-side-right .mobile-main-nav .mega-auto-width > .sub-nav, .header-side-right .mobile-main-nav .mega-full-width > .sub-nav {
    right: 0
}

#page #mobile-menu .sub-nav > li, #page .mobile-main-nav .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {
    padding: 0;
    width: 100%
}

#page .mobile-main-nav .sub-nav {
    width: 100%
}

.mobile-main-nav .sub-nav .sub-nav {
    left: 0
}

.mobile-main-nav .sub-nav > li > a {
    padding: 10px 30px 10px 0;
    margin: 0;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1
}

    .mobile-main-nav .sub-nav > li > a:hover {
        background: 0 0 !important
    }

.mobile-main-nav .sub-nav .next-level-button {
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    content: "\ef02";
    font-family: icomoon-the7-font;
    speak: none;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 10px;
    line-height: 1;
    font-style: normal;
    top: 0;
    margin: 0;
    transition: transform .3s ease-out
}

.mobile-main-nav .sub-nav li.has-children.open-sub > .next-level-button {
    transform: rotate(45deg)
}

.dt-mobile-menu-icon, .lines-button {
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    cursor: pointer;
    user-select: none
}

    .dt-mobile-menu-icon .menu-toggle-caption, .lines-button .menu-toggle-caption {
        transition: color .2s linear
    }

.mobile-right-caption .dt-mobile-menu-icon .menu-toggle-caption, .mobile-right-caption .lines-button .menu-toggle-caption {
    order: 2
}

.lines-button:active {
    transition: 0
}

.dt-close-mobile-menu-icon {
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 9999;
    opacity: 0;
    transition: opacity .5s ease;
    min-width: 12px;
    min-height: 12px
}

.ouside-mobile-menu-close-icon .dt-close-mobile-menu-icon {
    position: fixed
}

.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon {
    min-height: 15px;
    min-width: 3px
}

.dt-close-mobile-menu-icon .mobile-menu-close-caption {
    transition: color .2s linear
}

.mobile-close-right-caption .dt-close-mobile-menu-icon .mobile-menu-close-caption {
    order: 2
}

.admin-bar .dt-close-mobile-menu-icon {
    top: 32px
}

.show-mobile-header .dt-close-mobile-menu-icon {
    opacity: 1
}

.dt-close-mobile-menu-icon:hover {
    cursor: pointer
}

.rotate-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon:hover .close-line-wrap {
    transform: rotate(180deg)
}

.dt-close-mobile-menu-icon .close-line-wrap {
    position: relative;
    width: 22px;
    height: 100%
}

.fade-small-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap {
    width: 16px;
    height: 16px
}

.fade-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap {
    width: 20px;
    height: 20px
}

.minus-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap {
    width: 16px;
    height: 16px
}

.fade-big-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap {
    width: 26px;
    height: 26px
}

.fade-thin-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap {
    width: 12px;
    height: 12px
}

.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap {
    width: 3px;
    height: 15px
}

.h-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap {
    width: 15px;
    height: 3px
}

.scale-dot-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap {
    width: 7px;
    height: 7px
}

.rotate-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line-wrap {
    width: 20px;
    height: 20px;
    transform-style: preserve-3d;
    transition: transform .4s ease-in-out;
    z-index: 2
}

@keyframes rotate-close-icon {
    100% {
        transform: rotate(360deg)
    }
}

@media screen and (max-width:782px) {
    .admin-bar .dt-close-mobile-menu-icon {
        top: 46px
    }
}

.dt-close-mobile-menu-icon span {
    position: relative;
    display: block;
    margin: 0;
    transition: all .2s;
    z-index: 2
}

.small-mobile-menu-close-icon .dt-close-mobile-menu-icon span {
    min-height: 18px;
    min-width: 18px
}

.large-mobile-menu-close-icon .dt-close-mobile-menu-icon span {
    min-height: 28px;
    min-width: 28px
}

.dt-close-mobile-menu-icon .close-line {
    display: inline-block;
    transform-origin: 50% 50%;
    width: 22px;
    height: 2px;
    position: absolute;
    left: 0;
    content: '';
    transition: transform .2s ease
}

.small-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 18px
}

.minus-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 16px;
    height: 4px;
    top: 50%;
    margin-top: -2px
}

.fade-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 20px;
    top: 50%;
    margin-top: -1px
}

.large-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 28px
}

.dt-close-mobile-menu-icon .close-line:nth-child(2) {
    display: none
}

.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:nth-child(2) {
    display: block;
    top: 6px
}

.h-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:nth-child(2) {
    display: block;
    left: 6px
}

.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 3px;
    height: 3px;
    top: 0;
    border-radius: 50%
}

.h-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 3px;
    height: 3px;
    top: 0;
    left: 0;
    border-radius: 50%
}

.scale-dot-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    transition: transform .2s ease
}

.fade-big-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 26px;
    height: 1px;
    top: 50%;
    margin-top: -1px
}

.fade-thin-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 12px;
    height: 1px;
    top: 50%;
    margin-top: -1px
}

.rotate-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 20px;
    height: 4px;
    top: 50%;
    margin-top: -2px
}

.fade-small-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    width: 16px;
    height: 2px;
    top: 50%;
    margin-top: -1px
}

.dt-close-mobile-menu-icon .close-line:after, .dt-close-mobile-menu-icon .close-line:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: inherit;
    box-sizing: border-box
}

.dt-close-mobile-menu-icon .close-line:after {
    opacity: 0
}

.dt-close-mobile-menu-icon .close-line:before {
    opacity: 1
}

.small-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    margin: -1px 0 0 -9px
}

.large-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line {
    margin: -1px 0 0 -14px
}

.dt-close-mobile-menu-icon:hover .close-line:before {
    opacity: 0
}

.dt-close-mobile-menu-icon:hover .close-line:after {
    opacity: 1
}

.scale-dot-mobile-menu-close-icon .dt-close-mobile-menu-icon:hover .close-line:first-child {
    transform: scale(1)
}

.lines {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 2px
}

    .lines:after, .lines:before {
        position: absolute;
        width: 22px;
        height: 2px;
        left: 0;
        content: '';
        transform-origin: 1.5px center;
        transition: transform .3s
    }

.dt-mobile-menu-icon .lines:before {
    top: 7px
}

.dt-mobile-menu-icon .lines:after {
    top: -7px
}

.dt-mobile-menu-icon:hover .lines:before {
    transform: translateY(-2px)
}

.dt-mobile-menu-icon:hover .lines:after {
    transform: translateY(2px)
}

.dt-close-mobile-menu-icon .close-line:first-child {
    transform: rotate3d(0,0,1,45deg)
}

.h-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:first-child, .v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:first-child {
    transform: none
}

.scale-dot-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:first-child {
    transform: scale(.8)
}

.minus-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon:hover span:first-child {
    transform: rotate3d(0,0,1,0deg)
}

.dt-close-mobile-menu-icon .close-line:last-child {
    transform: rotate3d(0,0,1,-45deg)
}

.v-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:last-child {
    transform: none;
    top: 12px
}

.h-dots-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:last-child {
    transform: none;
    left: 12px
}

.scale-dot-mobile-menu-close-icon .dt-close-mobile-menu-icon .close-line:last-child {
    display: none
}

.minus-medium-mobile-menu-close-icon .dt-close-mobile-menu-icon:hover span:last-child {
    transform: rotate3d(0,0,1,0deg)
}

.masthead .mobile-header-bar {
    position: relative;
    min-height: 150px;
    width: 100%;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-align-content: stretch;
    align-content: stretch;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

.mobile-header-bar > * {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-header-bar .mobile-branding {
    line-height: 0
}

    .mobile-header-bar .mobile-branding img {
        max-width: 100%;
        height: auto
    }

#phantom {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    box-sizing: border-box
}

    #phantom.boxed {
        left: 50%;
        transform: translateX(-50%)
    }

.dt-style-um #phantom {
    display: none
}

.phantom-fade #phantom {
    -webkit-transform: translateZ(0)
}

    .phantom-fade #phantom:not(.show-phantom):not(.hide-phantom) {
        display: none;
        opacity: 0
    }

    .phantom-fade #phantom.boxed {
        -webkit-transform: translate3d(-50%,0,0)
    }

.phantom-fade .hide-phantom#phantom {
    animation: fade-out-anim .8s ease 0s 1 normal both
}

.phantom-fade .show-phantom#phantom {
    animation: opacity-lat .7s ease 0s 1 normal both;
    animation-delay: .1s
}

.phantom-fade #phantom.hide-phantom {
    will-change: opacity
}

@keyframes opacity-lat {
    0% {
        opacity: 0;
        visibility: hidden
    }

    100%,70% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fade-out-anim {
    0% {
        opacity: 1;
        display: block
    }

    30%,99% {
        opacity: 0;
        display: block
    }

    100% {
        opacity: 0;
        display: none;
        z-index: 1
    }
}

@keyframes fade-in-anim {
    0% {
        opacity: 0;
        display: none
    }

    1% {
        opacity: 0;
        display: block
    }

    100%,50% {
        opacity: 1;
        display: block
    }
}

.phantom-slide #phantom.hide-phantom {
    will-change: transform,opacity
}

.phantom-slide #phantom {
    transform: translateY(-100%);
    opacity: 0
}

.phantom-slide .hide-phantom#phantom {
    animation: slide-out-anim .35s ease 0s 1 normal both
}

.phantom-slide .boxed.hide-phantom#phantom {
    animation: slide-out-anim-boxed .35s ease 0s 1 normal both
}

.phantom-slide .show-phantom#phantom {
    animation: slide-in-anim .52s ease 0s 1 normal both
}

.phantom-slide .boxed.show-phantom#phantom {
    animation: slide-in-anim-boxed .52s ease 0s 1 normal both
}

@keyframes slide-out-anim {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    30% {
        opacity: 1;
        transform: translateY(-50%)
    }

    100% {
        opacity: 0;
        transform: translateY(-100%)
    }
}

@keyframes slide-in-anim {
    0% {
        opacity: 0;
        transform: translateY(-100%)
    }

    10% {
        opacity: 1;
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slide-out-anim-boxed {
    0% {
        opacity: 1;
        transform: translate3d(-50%,0,0)
    }

    30% {
        opacity: 1;
        transform: translate3d(-50%,-50%,0)
    }

    100% {
        opacity: 0;
        transform: translate3d(-50%,-100%,0)
    }
}

@keyframes slide-in-anim-boxed {
    0% {
        opacity: 0;
        transform: translate3d(-50%,-100%,0)
    }

    10% {
        opacity: 1;
        transform: translate3d(-50%,-100%,0)
    }

    100% {
        opacity: 1;
        transform: translate3d(-50%,0,0)
    }
}

body.admin-bar #phantom {
    top: 32px !important
}

#phantom.boxed {
    z-index: 9008
}

.ph-wrap {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    margin: 0 auto
}

.full-height .ph-wrap {
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.ph-wrap .menu-box {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.justify .ph-wrap .menu-box, .ph-wrap.with-logo .menu-box {
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1
}

.ph-wrap.with-logo .menu-box {
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

#phantom.inline-header.center .main-nav, #phantom:not(.split-header) .main-nav, .inline-header.center .ph-wrap.with-logo .menu-box {
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

#phantom.classic-header.justify .main-nav, #phantom.inline-header.justify .main-nav, #phantom.split-header.justify .main-nav {
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify
}

#phantom .with-logo .main-nav {
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

#phantom.inline-header.left .main-nav {
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

.widget-box .mini-widgets {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

#phantom.full-width .ph-wrap {
    max-width: 100%
}

#phantom .ph-wrap.boxed {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto
}

.ph-wrap .header-bar {
    width: 100%
}

    .ph-wrap .header-bar .mini-widgets {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

.header-side-left .mixed-header .ph-wrap .header-bar .mini-widgets {
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end
}

.header-side-left .mixed-header.logo-center .ph-wrap .header-bar .menu-toggle {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start
}

.ph-wrap .logo-box {
    display: none
}

.ph-wrap.with-logo .logo-box {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 0
}

.ph-wrap .widget-box {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.phantom-logo-off .show-phantom .branding {
    display: none;
    visibility: hidden
}

.phantom-custom-logo-on .hide-phantom.classic-header .branding .phantom-top-line-logo, .phantom-custom-logo-on .masthead:not(#phantom) .phantom-top-line-logo, .phantom-custom-logo-on .show-phantom.classic-header .branding > a:not(.phantom-top-line-logo), .phantom-custom-logo-on .show-phantom.classic-header .branding > img:not(.phantom-top-line-logo) {
    opacity: 0;
    visibility: hidden
}

.phantom-custom-logo-on .masthead:not(#phantom) .phantom-top-line-logo {
    position: absolute
}

.phantom-custom-logo-on .hide-phantom.masthead:not(.classic-header):not(.side-header) .branding .phantom-top-line-logo, .phantom-custom-logo-on .show-phantom.masthead:not(.classic-header):not(.side-header) .branding > a:not(.phantom-top-line-logo), .phantom-custom-logo-on .show-phantom.masthead:not(.classic-header):not(.side-header) .branding > img:not(.phantom-top-line-logo) {
    opacity: 0;
    display: none
}

.animate-sticky {
    float: left;
    width: 1px;
    height: 100%
}

.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo, .phantom-sticky.phantom-custom-logo-on .sticky-on .branding > a:not(.sticky-logo), .phantom-sticky.phantom-custom-logo-on .sticky-on .branding > img:not(.sticky-logo) {
    display: none;
    opacity: 0
}

.phantom-logo-off.phantom-sticky .sticky-on .branding > a, .phantom-logo-off.phantom-sticky .sticky-on .branding > img, .phantom-main-logo-on.phantom-sticky .sticky-on .branding > a, .phantom-main-logo-on.phantom-sticky .sticky-on .branding > img, .phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo, .phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo {
    display: none;
    visibility: hidden
}

.responsive-off .dt-mobile-header, .responsive-off .dt-mobile-menu-icon, .responsive-off .masthead .mobile-header-bar, .responsive-off .mobile-header-space, .responsive-off.transparent .header-space {
    display: none
}
/*!!!REWRITE Sticky floating*/
.responsive-off.overlay-navigation .sticky-header-overlay {
    display: none
}

.responsive-off.phantom-sticky .fixed-masthead.masthead {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 500
}

.phantom-sticky .fixed-masthead.masthead.sticky-on {
    position: fixed
}

.responsive-off.phantom-shadow-decoration.phantom-sticky .masthead.sticky-on {
    box-shadow: 0 0 15px 1px rgba(0,0,0,.07);
    border-bottom: none
}

.responsive-off.phantom-disable-decoration.phantom-sticky .masthead.sticky-on {
    box-shadow: none !important;
    border-bottom: none
}

.responsive-off.phantom-sticky:not(.phantom-shadow-decoration) .masthead.sticky-on.shadow-decoration:not(.side-header-menu-icon) {
    box-shadow: none
}

.responsive-off.floating-navigation-below-slider.phantom-sticky:not(.transparent) .masthead {
    position: relative;
    top: 0 !important
}

.responsive-off.floating-navigation-below-slider.phantom-sticky.transparent .masthead {
    position: absolute
}

.responsive-off.floating-navigation-below-slider.phantom-sticky .masthead.sticky-on {
    position: fixed
}

.responsive-off.phantom-sticky:not(.overlap):not(.transparent) .masthead:not(.side-header) {
    transition: background-color 330ms ease
}

.responsive-off.phantom-sticky .page-inner .masthead:not(.side-header) {
    -webkit-backface-visibility: hidden
}

.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo, .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding > a:not(.sticky-logo), .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding > img:not(.sticky-logo) {
    display: none;
    opacity: 0
}

.responsive-off.phantom-logo-off.phantom-sticky .sticky-on .branding > a, .responsive-off.phantom-logo-off.phantom-sticky .sticky-on .branding > img, .responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding > a, .responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding > img, .responsive-off.phantom-sticky:not(.phantom-custom-logo-on) .sticky-off .branding .sticky-logo, .responsive-off.phantom-sticky:not(.phantom-custom-logo-on) .sticky-on .branding .sticky-logo {
    display: none;
    visibility: hidden
}

.responsive-off.phantom-main-logo-on.phantom-sticky .sticky-on .branding .sticky-logo {
    display: block;
    visibility: visible
}

.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding .sticky-logo, .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding > a:not(.sticky-logo), .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding > img:not(.sticky-logo) {
    visibility: hidden
}

.responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding > a:not(.sticky-logo), .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-off .branding > img:not(.sticky-logo), .responsive-off.phantom-sticky.phantom-custom-logo-on .sticky-on .branding .sticky-logo {
    visibility: visible
}

.phantom-main-logo-on.phantom-sticky.responsive-off .branding .sticky-logo {
    display: none
}

.phantom-sticky.responsive-off #page .side-header .branding > a:not(.sticky-logo), .phantom-sticky.responsive-off #page .side-header .branding > img:not(.sticky-logo):not(.mobile-logo) {
    display: block;
    opacity: 1;
    animation: none;
    visibility: visible
}

.sticky-mobile-header .masthead-mobile-header {
    transition: background .5s ease
}

.phantom-sticky .masthead {
    transition: background-color .5s ease,background-image .5s ease
}

.phantom-sticky .branding > a.same-logo {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important
}

.phantom-sticky .branding > a:not(.same-logo) {
    opacity: 0;
    transition: opacity .3s ease;
    display: block !important;
    position: absolute;
    left: -100%
}

.phantom-sticky .sticky-off .branding > a:not(.sticky-logo), .phantom-sticky .sticky-on .branding > a.sticky-logo {
    opacity: 1;
    position: static
}

.footer {
    padding: 0
}

    .footer.full-width-line.empty-footer {
        border: none
    }

    #bottom-bar.full-width-line .wf-container-bottom, #bottom-bar.solid-bg .wf-container-bottom, .empty-footer.solid-bg #bottom-bar.full-width-line, .empty-footer.solid-bg .wf-container-bottom, .footer.full-width-line .wf-container-footer, .footer.solid-bg .wf-container-footer {
        border-top: none
    }

.header-side-left.footer-overlap #footer, .header-side-right.footer-overlap #footer, .overlay-navigation.header-side-line.footer-overlap #footer {
    box-sizing: border-box
}

.footer-overlap #page .page-inner {
    position: relative;
    z-index: 100
}

.engage-opened.footer-overlap .page-inner {
    z-index: 9400
}

.mobile-false .footer-overlap .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99;
    opacity: 0
}

.wf-container-footer {
    padding-top: 50px
}

.footer .widget {
    box-sizing: border-box
}

#bottom-bar {
    position: relative;
    z-index: 9;
    margin: 0 auto
}

    #bottom-bar .wf-container-bottom {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        box-sizing: border-box
    }

.logo-center#bottom-bar .wf-container-bottom {
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

#bottom-bar p {
    margin-bottom: 0
}

.bottom-text-block {
    text-align: right
}

    .bottom-text-block:not(:first-child) {
        margin-left: 20px
    }

.logo-center .bottom-text-block {
    text-align: center
}

    .logo-center .bottom-text-block:not(:first-child) {
        margin-left: 0
    }

#branding-bottom {
    padding: 10px 10px 10px 0;
    line-height: 0;
    font-size: 0
}

.logo-split #branding-bottom {
    -ms-flex-order: 1;
    order: 1
}

#bottom-bar .wf-float-left {
    margin-right: 10px
}

.logo-center#bottom-bar .wf-float-left {
    margin-right: 0
}

.logo-split#bottom-bar .wf-float-left {
    text-align: right
}

#bottom-bar.logo-split .wf-float-left {
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

#bottom-bar .wf-float-left:last-of-type {
    margin-right: 0
}

#bottom-bar .wf-float-right {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    flex-grow: 1;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    margin-left: 10px;
    margin-right: 0
}

.logo-center#bottom-bar .wf-float-right {
    margin-left: 0;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

.logo-split#bottom-bar .wf-float-right {
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start
}

#bottom-bar.logo-split .wf-float-right {
    -ms-flex-order: 2;
    order: 2;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

#bottom-bar .sub-nav {
    top: auto;
    bottom: 100%
}

    #bottom-bar .sub-nav .sub-nav {
        bottom: 0
    }

    #bottom-bar .sub-nav li:before {
        width: 200px;
        margin: 0 15px
    }

    #bottom-bar .sub-nav a:hover, #bottom-bar a {
        text-decoration: none
    }

        #bottom-bar a:hover {
            text-decoration: underline
        }

#bottom-bar .dt-shortcode-soc-icons a:hover {
    text-decoration: none
}

#bottom-bar .menu-select {
    position: absolute;
    align-items: center;
    visibility: hidden;
    height: 0;
    opacity: 0;
    overflow: hidden
}

    #bottom-bar .menu-select:before {
        margin-right: 8px;
        content: "\e90b";
        font-family: icomoon-the7-font !important;
        speak: none;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 1
    }

#bottom-bar .mini-nav ul {
    display: block
}

.logo-center#bottom-bar .mini-nav ul {
    text-align: center
}

.footer-sub-nav {
    position: absolute;
    visibility: hidden;
    z-index: 200;
    bottom: 100%;
    left: 0;
    width: 240px;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.2)
}

    .footer-sub-nav > li {
        position: relative;
        display: block;
        padding: 0 10px;
        box-sizing: border-box
    }

        .footer-sub-nav > li:first-child {
            padding-top: 10px
        }

        .footer-sub-nav > li:last-child {
            padding-bottom: 10px
        }

        .footer-sub-nav > li a {
            padding: 5px
        }

            .footer-sub-nav > li a .menu-text, .footer-sub-nav > li a .subtitle-text {
                color: #222
            }

    .footer-sub-nav .footer-sub-nav {
        bottom: 0;
        left: 241px !important
    }

.rtl .footer-sub-nav .footer-sub-nav {
    right: 241px;
    left: auto !important
}

.footer-sub-nav .footer-sub-nav.right-overflow {
    left: -241px !important
}

.rtl .footer-sub-nav .footer-sub-nav.right-overflow {
    right: -241px;
    left: auto !important
}

#bottom-bar .wf-float-right .mini-nav ul li {
    vertical-align: baseline
}

.post-rollover, .rollover, .rollover-project > a, .rollover-video {
    position: relative;
    display: block;
    line-height: 0;
    text-decoration: none
}

    .rollover:hover {
        text-decoration: none
    }

    .rollover img {
        max-width: 100%;
        height: auto
    }

.rsShor .rollover-video {
    position: static
}

.gallery-item .gallery-icon .rollover {
    display: inline-block
}

.format-gallery .rollover {
    overflow: hidden
}

.post-rollover i, .rollover i, .rollover-video i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

    .hover-style-one .links-container, .hover-style-one .rollover-project > a:after, .hover-style-one .rollover-thumbnails, .hover-style-three .rollover-project > a:after, .hover-style-two .links-container, .hover-style-two .rollover-thumbnails, .post-rollover i, .rollover i, .rollover-content-container, .rollover-thumbnails, .rollover-video .video-icon, .rollover-video i, .rollover-video i:after {
        transition: all 450ms ease
    }

.description-on-hover > .wf-cell .rollover i {
    visibility: hidden
}

.description-on-hover > .wf-cell .description-off .rollover i, .description-on-hover > .wf-cell .forward-post .rollover i {
    visibility: visible
}

.project-list-media .rollover-video i:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    content: ""
}

.rollover-video .video-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background-position: center center;
    background-repeat: no-repeat
}

    .rollover-video .video-icon:before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
        background-color: rgba(0,0,0,.4);
        background-position: 30px center;
        background-repeat: no-repeat;
        content: "";
        border-radius: 50%
    }

.mobile-false .images-list:hover i, .mobile-false .post-rollover:hover i, .mobile-false .rollover:hover i, .rollover-video:hover i {
    display: block;
    opacity: 1
}

.images-list:hover .rollover-video .video-icon:before, .rollover-video:hover .video-icon:before {
    background-color: rgba(0,0,0,.4);
    opacity: 1
}

.rollover-video .video-icon:hover {
    opacity: 1
}

.blog .format-video .rollover i:after, .dt-blog-shortcode .format-video .rollover i:after, .rollover-video .video-icon:before, .rollover-video i:after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='32px' height='32px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' xml:space='preserve' fill='white'%3E%3Cpath d='M3.125,4L10.2,8.001L3.125,12V3.8 M1,0v16l13-8L1,0L1,0z'/%3E%3C/svg%3E")
}

.hover-style-one .rollover:hover i {
    display: none
}

.filter-grayscale .content img, .filter-grayscale .footer img, .filter-grayscale .map-container, .filter-grayscale .royalSlider img, .filter-grayscale .shortcode-banner, .filter-grayscale .sidebar img, .filter-grayscale embed, .filter-grayscale iframe, .filter-grayscale object, .filter-grayscale-static .content img, .filter-grayscale-static .footer img, .filter-grayscale-static .map-container, .filter-grayscale-static .royalSlider img, .filter-grayscale-static .shortcode-banner, .filter-grayscale-static .sidebar img, .filter-grayscale-static embed, .filter-grayscale-static iframe, .filter-grayscale-static object {
    -webkit-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}

.mobile-false .filter-grayscale .content img, .mobile-false .filter-grayscale .footer img, .mobile-false .filter-grayscale .map-container, .mobile-false .filter-grayscale .royalSlider img, .mobile-false .filter-grayscale .shortcode-banner, .mobile-false .filter-grayscale .sidebar img, .mobile-false .filter-grayscale embed, .mobile-false .filter-grayscale iframe, .mobile-false .filter-grayscale object, .mobile-false .filter-grayscale-static .content img, .mobile-false .filter-grayscale-static .footer img, .mobile-false .filter-grayscale-static .map-container, .mobile-false .filter-grayscale-static .royalSlider img, .mobile-false .filter-grayscale-static .shortcode-banner, .mobile-false .filter-grayscale-static .sidebar img, .mobile-false .filter-grayscale-static embed, .mobile-false .filter-grayscale-static iframe, .mobile-false .filter-grayscale-static object {
    -webkit-backface-visibility: visible !important
}

.filter-grayscale #branding-bottom img, .filter-grayscale .buttons-on-img:hover img, .filter-grayscale .content .rev_slider_wrapper:hover img, .filter-grayscale .content img:hover, .filter-grayscale .cs-style-3 .link:hover img, .filter-grayscale .dt-hovered img, .filter-grayscale .dt-owl-item:hover img, .filter-grayscale .filter-disable img, .filter-grayscale .footer img:hover, .filter-grayscale .gradient-overlap-layout-list article:hover img, .filter-grayscale .map-container:hover, .filter-grayscale .post-rollover:hover img, .filter-grayscale .post-thumbnail-rollover:hover img, .filter-grayscale .post-thumbnail:hover img, .filter-grayscale .rollover-project:hover img, .filter-grayscale .rollover-video:hover img, .filter-grayscale .rollover:hover img, .filter-grayscale .royalSlider:hover img, .filter-grayscale .rsThumb:hover img, .filter-grayscale .shortcode-banner:hover, .filter-grayscale .sidebar img:hover, .filter-grayscale embed:hover, .filter-grayscale iframe:hover, .filter-grayscale img.dt-hovered, .filter-grayscale img.filter-disable, .filter-grayscale object:hover, .filter-grayscale-static #branding-bottom img, .mobile-false .content-rollover-layout-list article:hover img, .mobile-false .gradient-overlay-layout-list article:hover img {
    -webkit-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    filter: none;
    filter: transparent
}

.gallery-shortcode figure {
    position: relative;
    overflow: hidden;
    transform: translateZ(0)
}

.gallery-rollover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .4s ease
}

.gallery-shortcode figure:hover .gallery-rollover {
    opacity: 1
}

.album-gallery-shortcode .rollover {
    float: left
}

.blog-carousel-shortcode .gallery-zoom-ico, .blog-shortcode .gallery-zoom-ico {
    opacity: 0;
    transition: opacity .4s ease
}

.blog-carousel-shortcode .post-thumbnail-rollover:hover .gallery-zoom-ico, .blog-shortcode .post-thumbnail-rollover:hover .gallery-zoom-ico, .content-rollover-layout-list .gallery-zoom-ico, .gradient-overlay-layout-list .gallery-zoom-ico {
    opacity: 1
}

.albums-shortcode .gallery-zoom-ico, .blog-carousel-shortcode .gallery-zoom-ico, .blog-shortcode .gallery-zoom-ico, .gallery-shortcode .gallery-zoom-ico {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 10;
    border-style: solid;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

    .albums-shortcode .gallery-zoom-ico span, .blog-carousel-shortcode .gallery-zoom-ico span, .blog-shortcode .gallery-zoom-ico span, .gallery-shortcode .gallery-zoom-ico span {
        position: relative;
        z-index: 11
    }

.content-rollover-layout-list.albums-shortcode .gallery-zoom-ico, .content-rollover-layout-list.blog-carousel-shortcode .gallery-zoom-ico, .content-rollover-layout-list.blog-shortcode .gallery-zoom-ico, .content-rollover-layout-list.gallery-shortcode .gallery-zoom-ico, .gradient-overlay-layout-list.albums-shortcode .gallery-zoom-ico, .gradient-overlay-layout-list.blog-carousel-shortcode .gallery-zoom-ico, .gradient-overlay-layout-list.blog-shortcode .gallery-zoom-ico, .gradient-overlay-layout-list.gallery-shortcode .gallery-zoom-ico {
    position: static
}

.content-rollover-layout-list .post-thumbnail-wrap .gallery-zoom-ico, .gallery-shortcode.album-gallery-shortcode.hover-scale article:after, .gradient-overlay-layout-list .post-thumbnail-wrap .gallery-zoom-ico {
    display: none
}

.gallery-shortcode .rollover > i {
    display: none !important
}

.quick-scale-img .rollover, .scale-img .rollover {
    transform: translateZ(0);
    overflow: hidden
}

    .quick-scale-img .post-thumbnail-rollover img, .quick-scale-img .rollover img {
        transition: transform .25s ease-out,opacity .25s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .scale-img .post-thumbnail-rollover img, .scale-img .rollover img {
        transition: transform .3s ease-out,opacity .35s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.post-thumbnail-rollover img.blog-thumb-lazy-load, .post-thumbnail-rollover img.lazy-load, .post-thumbnail-rollover img.so-lazy-load, .rollover img.blog-thumb-lazy-load, .rollover img.lazy-load, .rollover img.so-lazy-load {
    transition: transform .3s ease-out,opacity .35s
}

.mobile-false .scale-img .post-thumbnail:not(.overlay-placeholder):hover > .post-thumbnail-rollover img, .mobile-false .scale-img article:hover .rollover img, .mobile-false .scale-img figure:hover .rollover img, .scale-img .on-hover .post-thumbnail > .post-thumbnail-rollover img {
    transform: scale(1.2);
    transition: transform 4s ease-out,opacity .25s ease-out
}

.mobile-false .quick-scale-img .post-thumbnail:not(.overlay-placeholder):hover > .post-thumbnail-rollover img, .mobile-false .quick-scale-img article:hover .rollover img, .mobile-false .quick-scale-img figure:hover .rollover img, .quick-scale-img .on-hover .post-thumbnail > .post-thumbnail-rollover img {
    transform: scale(1.2);
    transition: transform .25s ease-out,opacity .25s ease-out
}

.mobile-false .hover-scale.gallery-shortcode .rollover-content {
    background: 0 0 !important;
    transform: scale(1)
}

.hover-scale.gallery-shortcode .post, .hover-scale.gallery-shortcode .post .rollover {
    overflow: hidden
}

.hover-scale.gallery-shortcode .rollover:after {
    display: block;
    background-color: inherit;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    content: "";
    border-radius: 50%;
    padding-bottom: 100%;
    transform: scale(0);
    transition: transform .4s cubic-bezier(.4,0,.2,1),opacity .4s
}

.hover-scale.gallery-shortcode .ratio-2 .rollover:after {
    top: -50%
}

.hover-scale .ratio_3-2 .rollover:after {
    top: -25%
}

.hover-scale article.ratio_0-5:after, .hover-scale.gallery-shortcode .ratio_0-5 .rollover:after {
    top: 25%
}

.hover-scale.gallery-shortcode .ratio_4-3 .rollover:after {
    top: -16.6666%
}

.hover-scale.gallery-shortcode .ratio_2-3 .rollover:after {
    top: 16.6666%
}

.hover-scale.gallery-shortcode .ratio_3-4 .rollover:after {
    top: 14.5%
}

.mobile-false .hover-scale.gallery-shortcode .post:hover .rollover:after, .mobile-true .hover-scale.gallery-shortcode .post.is-clicked .rollover:after {
    opacity: 1;
    transform: scale(1.42)
}

.mobile-false .hover-scale.gallery-shortcode .post.ratio_3-2:hover .rollover:after, .mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_3-2 .rollover:after {
    transform: scale(1.2)
}

.mobile-false .hover-scale article.ratio_0-5:hover:after, .mobile-false .hover-scale.gallery-shortcode .post.ratio_0-5:hover .rollover:after {
    transform: scale(2.5)
}

.mobile-false .hover-scale.gallery-shortcode .post.ratio_4-3:hover .rollover:after, .mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_4-3 .rollover:after {
    transform: scale(1.5)
}

.mobile-false .hover-scale.gallery-shortcode .post.ratio_2-3:hover .rollover:after, .mobile-false .hover-scale.gallery-shortcode .post.ratio_3-4:hover .rollover:after, .mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_2-3 .rollover:after, .mobile-true .hover-scale.gallery-shortcode .post.is-clicked.ratio_3-4 .rollover:after {
    transform: scale(2)
}

.mobile-false .hover-scale .rollover-content {
    background: 0 0 !important;
    transform: scale(0);
    transition: transform .25s cubic-bezier(.4,0,.2,1),opacity .25s
}

body #load {
    display: block;
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9901
}

.load-wrap {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center
}

    .load-wrap > svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

.blog-shortcode > div:not(.dt-css-grid) .wf-cell, .blog.layout-grid .wf-container.description-under-image .wf-cell, .grid-masonry .wf-cell, .iso-grid .wf-cell, .iso-item, .portfolio-shortcode .wf-cell, .shortcode-blog-posts .wf-cell {
    opacity: 0
}

.no-cssanimations #main .jg-container .wf-cell, .no-cssanimations .blog.layout-grid .wf-container.description-under-image .wf-cell, .no-cssanimations .grid-masonry .wf-cell, .no-cssanimations .iso-grid .wf-cell, .no-cssanimations .iso-item, .no-cssanimations .shortcode-blog-posts.iso-grid .wf-cell {
    opacity: 1
}

.mobile-false .iso-container .wf-cell, .mobile-false .iso-grid .wf-cell {
    float: left
}

.iso-grid.iso-item-ready article, .mode-grid article {
    height: 100%
}

.iso-item {
    width: 100%
}

.dt-isotope .wf-cell {
    will-change: top,left
}

    .dt-isotope .wf-cell.animate-position {
        transition: top .65s ease-out,left .65s ease-out;
        opacity: 1
    }

.footer .layzr-bg, .layzr-bg {
    background-position: center center;
    background-repeat: no-repeat
}

    .layzr-bg.post-rollover, .layzr-bg.rollover-small {
        background-size: auto 30%
    }

.layzr-loading-on .iso-lazy-load {
    opacity: 0;
    transition: opacity .35s ease-out
}

    .layzr-loading-on .iso-layzr-loaded, .layzr-loading-on .iso-lazy-load.is-loaded {
        opacity: 1
    }

.loading-effect-none .wf-cell.shown:not(.isotope-hidden):not(.hidden), .mobile-true .dt-isotope .wf-cell.shown:not(.isotope-hidden), .mobile-true .wf-cell.shown:not(.isotope-hidden):not(.hidden) {
    animation: dt_fadeIn .4s ease forwards
}

.mobile-false .loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden):not(.hidden), .mobile-false .loading-effect-fade-in .wf-cell.start-animation {
    animation: dt_fadeIn .7s ease forwards
}

@keyframes dt_fadeIn {
    to {
        opacity: 1
    }
}

.mobile-false .loading-effect-move-up .wf-cell.shown:not(.isotope-hidden):not(.hidden), .mobile-false .loading-effect-move-up .wf-cell.start-animation {
    transform: translateY(200px);
    animation: dt_moveUp .55s ease-in-out forwards
}

.mobile-false .loading-effect-move-up .wf-cell .project-list-content {
    -moz-osx-font-smoothing: grayscale
}

@keyframes dt_moveUp {
    to {
        transform: translateY(0);
        opacity: 1
    }
}

.mobile-false .loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-scale-up .wf-cell.start-animation {
    transform: scale(.6);
    animation: dt_scaleUp .57s ease-in-out forwards
}

@keyframes dt_scaleUp {
    to {
        transform: scale(1);
        opacity: 1
    }
}

.mobile-false .loading-effect-fall-perspective, .mobile-false .loading-effect-flip, .mobile-false .loading-effect-helix, .mobile-false .loading-effect-scale {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.mobile-false .loading-effect-fall-perspective {
    -webkit-backface-visibility: hidden
}

    .mobile-false .loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-fall-perspective .wf-cell.start-animation {
        -webkit-transform-style: preserve-3d;
        transform: translateZ(400px) translateY(300px) rotateX(-65deg);
        animation: dt_fallPerspective .75s ease-in-out forwards
    }

@keyframes dt_fallPerspective {
    100% {
        transform: translateZ(0) translateY(0) rotateX(0);
        opacity: 1
    }
}

.mobile-false .loading-effect-fly .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-fly .wf-cell.start-animation {
    -webkit-transform-style: preserve-3d;
    transform-origin: 50% 50% -300px;
    transform: rotateX(-180deg);
    animation: dt_fly .7s ease-in-out forwards
}

.mobile-false .loading-effect-fly .wf-cell.animation-complete {
    opacity: 1
}

@keyframes dt_fly {
    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

.mobile-false .loading-effect-flip .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-flip .wf-cell.start-animation {
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform: rotateX(-80deg);
    animation: dt_flip .7s ease-in-out forwards
}

@keyframes dt_flip {
    100% {
        transform: rotateX(0);
        opacity: 1
    }
}

.mobile-false .loading-effect-helix .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-helix .wf-cell.start-animation {
    -webkit-transform-style: preserve-3d;
    transform: rotateY(-180deg);
    animation: dt_helix .7s ease-in-out forwards
}

@keyframes dt_helix {
    100% {
        transform: rotateY(0);
        opacity: 1
    }
}

.mobile-false .loading-effect-scale .wf-cell.shown:not(.isotope-hidden), .mobile-false .loading-effect-scale .wf-cell.start-animation {
    -webkit-transform-style: preserve-3d;
    transform: scale(.4);
    animation: dt_popUp .9s ease-in forwards
}

@keyframes dt_popUp {
    70% {
        transform: scale(1.05);
        opacity: .8;
        animation-timing-function: ease-in-out
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

.dt-isotope .wf-cell.no-transition, .dt-isotope.no-transition, .dt-isotope.no-transition .wf-cell {
    transition-duration: 0s
}

#main .jg-container .wf-cell {
    float: left;
    opacity: 0;
    padding: 0
}

    #main .jg-container .wf-cell .post {
        margin: 0;
        padding: 0
    }

.layzr-loading-on .jgrid-lazy-load {
    opacity: 0;
    transition: opacity .33s
}

.layzr-loading-on .jgrid-layzr-loaded {
    opacity: 1
}

.jg-container .post .alignleft, .jg-container .post .alignnone {
    margin-bottom: 0
}

.wf-container.dt-css-grid:before {
    display: none
}

.dt-css-grid {
    display: -ms-grid;
    display: grid;
    transition: all .33s
}

.cssgridlegacy.no-cssgrid .dt-css-grid, .no-cssgridlegacy.no-cssgrid .dt-css-grid {
    display: block
}

.dt-css-grid .wf-cell {
    display: block;
    padding: 0;
    opacity: 0
}

.cssgridlegacy.no-cssgrid .dt-css-grid .wf-cell:not(.hidden), .no-cssgridlegacy.no-cssgrid .dt-css-grid .wf-cell:not(.hidden) {
    display: inline-block
}

.jquery-filter .dt-css-grid .wf-cell.hidden, .jquery-filter .dt-css-grid .wf-cell:not(.visible):not(.shown) {
    display: none;
    opacity: 0
}

.dt-css-grid .no-img .overlay-placeholder img {
    max-width: 100%
}

.cssgridlegacy.no-cssgrid .wc-grid.resize-by-browser-width .dt-css-grid, .no-cssgridlegacy.no-cssgrid .wc-grid.resize-by-browser-width .dt-css-grid {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@keyframes fadeInFromNone {
    0% {
        display: none;
        opacity: 0
    }

    1% {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        opacity: 0
    }

    100% {
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        opacity: 1
    }
}

img.blog-thumb-lazy-load, img.lazy-load {
    opacity: 0;
    transition: opacity .38s
}

.mobile-true img.blog-thumb-lazy-load.vc_single_image-img, .mobile-true img.lazy-load.vc_single_image-img, img.is-loaded {
    opacity: 1
}

.scroll-top {
    position: fixed;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    right: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    opacity: 0;
    z-index: -1;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .4s ease;
    text-decoration: none;
    background-color: #000;
    background-color: rgba(0,0,0,.2)
}

.show-mobile-header .scroll-top {
    opacity: 0
}

.scroll-top.off {
    right: -45px;
    opacity: 0
}

.scroll-top.on {
    right: 10px;
    opacity: 1;
    z-index: 109
}

.header-side-right .scroll-top.on {
    right: auto;
    left: 10px
}

.show-mobile-header .scroll-top.on {
    opacity: 0
}

.scroll-top:hover {
    background-color: #000;
    background-color: rgba(0,0,0,.5)
}

.scroll-top:before {
    content: "\f0290";
    font-family: icomoon-the7-font;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 20px;
    line-height: 1;
    color: #fff
}

.no-avatar {
    position: relative;
    width: 50px;
    height: 50px;
    box-sizing: border-box
}

a.no-avatar {
    transition: all 450ms ease
}

.no-avatar:after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    content: "\e502";
    font-family: icomoon-the7-font;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: 24px;
    line-height: 1
}

.comment-list .no-avatar:after {
    content: "\e502";
    font-size: 28px
}

.comment .no-avatar, .items-grid .no-avatar, .recent-posts .no-avatar {
    width: 60px;
    height: 60px
}

.shortcode-code {
    padding: 25px 20px
}

.edit-link {
    padding: 5px 10px;
    background-color: #69c354;
    color: #fff !important;
    text-decoration: none;
    font-family: Arial,sans-serif;
    font-size: 12px;
    border-radius: 3px
}

    .edit-link:hover {
        color: #fff;
        background-color: #4fa53b
    }

.details {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-bottom: 6px !important;
    margin-bottom: -6px;
    font-weight: 700;
    text-decoration: none
}

    .details:after {
        display: inline-block;
        padding-left: 5px;
        font-family: icomoon-the7-font;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        font-size: 8px;
        line-height: 1;
        content: "\f003"
    }

    .details:before {
        position: absolute;
        display: block;
        left: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        content: "";
        transition: width .4s ease
    }

    .details:hover:before {
        width: 100%
    }

.round-images .alignleft, .round-images .alignleft i, .round-images .alignleft img, .round-images .blur-effect, .round-images .rollover i, .round-images a.rollover, .round-images img {
    border-radius: 50%
}

#page .customSelect {
    padding: 6px 10px 5px;
    box-sizing: border-box
}

#content span:last-child[class*=gw-go-btn-icon][class*=gw-go-btn-icon-large] {
    margin-bottom: -6px
}

#content span:last-child[class*=gw-go-btn-icon] {
    margin-bottom: -5px
}

.content .gw-go-col {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-color: #e2e2e2
}

    .content .gw-go-col:before {
        margin-top: 1px
    }

.esgbox-overlay.esgbox-overlay-fixed {
    z-index: 10000
}

.esg-grid a {
    text-decoration: none
}

.offer-tag {
    display: none
}

.boxed-layout #tiptip_holder {
    top: -20px !important
}

#main .chzn-container-single .chzn-single {
    background-image: none
}

.nsu_widget label {
    margin-right: 10px
}

form.mc4wp-form label {
    font-weight: 400
}

#main #content .rotatingtweet {
    padding: 25px 20px 20px;
    box-sizing: border-box
}

#content .rotatingtweets {
    max-width: 100%
}

.interval {
    padding-bottom: 10px
}

.search-no-results .submit:hover {
    cursor: default
}

.useJS .container .l3, .useJS .container .photo.show, .useJS .container-1, .useJS .container-2, .useJS .container-3 {
    transform: none
}

.lightbox.useJS .close, div.lightbox.useJS .img-caption {
    transition: none
}

.jp-carousel-comment-form-button, .wpb-js-composer div.pp_default .pp_contract, .wpb-js-composer div.pp_default .pp_expand {
    box-shadow: none
}

.content .searchform input.searchform-s {
    width: 100%;
    margin-bottom: 0
}

.dt-circle-content {
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    border-radius: 50%
}

@keyframes opacity-lat-rev {
    0% {
        opacity: 1;
        visibility: visible
    }

    100%,30% {
        opacity: 0;
        visibility: hidden
    }
}

.loading-ready #load {
    animation: opacity-lat-rev .8s ease 0s 1 normal both
}

body #load.loader-removed {
    opacity: 0;
    visibility: hidden
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .dt-owl-item > article, .slick-slide .vc_row.vc_row-flex .ult-item-wrap {
        -ms-flex: 0 0 auto;
        max-width: 100%
    }

    .owl-carousel .post.product {
        display: block
    }
}

.slick-next, .slick-prev {
    z-index: 10
}

.woocommerce-Reviews .comment-notes {
    text-align: left
}

.post-password-form input[type=password] {
    margin-right: 10px
}

.customSelectInner {
    background-repeat: no-repeat;
    background-position: right center
}

.archive .taxonomy-description {
    margin-bottom: 40px
}

.archive:not(.post-type-archive-product) .woocommerce-products-header .term-description {
    margin-bottom: 50px
}

.mini-wpml {
    position: relative
}

[id*=give-form] .give-form-title {
    text-align: center;
    margin-bottom: 30px
}

.give-btn.give-btn-reveal {
    border-color: transparent
}

.widget_give_forms_widget .give-form-title {
    display: none
}

.widget_give_forms_widget #give-donation-level-button-wrap > li {
    margin-bottom: 0
}

.widget_give_forms_widget #give-donation-level-button-wrap {
    margin-bottom: 5px
}

.footer-overlap .grecaptcha-badge {
    z-index: 103
}

.hidden {
    display: none;
    opacity: 0
}

.elementor-popup-modal .dialog-message > .elementor {
    height: 100%;
    overflow: auto
}
/* fonts */
/* lato-100 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 100;
    src: url('../../fonts/lato-v17-latin-100.eot'); /* IE9 Compat Modes */
    src: local(''), url('../../fonts/lato-v17-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/lato-v17-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/lato-v17-latin-100.woff') format('woff'), /* Modern Browsers */ url('../../fonts/lato-v17-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/lato-v17-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-300 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 300;
    src: url('../../fonts/lato-v17-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''), url('../../fonts/lato-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/lato-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/lato-v17-latin-300.woff') format('woff'), /* Modern Browsers */ url('../../fonts/lato-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/lato-v17-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-regular - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('../../fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-700 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    src: url('../../fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('../../fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}

/* lato-900 - latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 900;
    src: url('../../fonts/lato-v17-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''), url('../../fonts/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../fonts/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('../../fonts/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */ url('../../fonts/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../fonts/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}

/* fonts end */
* {
    box-sizing: border-box;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Lato', sans-serif;
    background: #e0e0e0;
}

p, ul, li, h1, h2, h3, h4 {
    margin: 0;
    padding: 0;
    list-style: none;
}

a, a:hover {
    text-decoration: none;
}


/*header*/
.header {
    padding: 40px 0 40px 0; /*position:absolute;*/
    left: 0;
    right: 0;
    top: 0;
    z-index: 3;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    /*background: linear-gradient(to left, #2ba59f,#23849e);*/
}

    .header:after {
        content: "";
        display: block;
        clear: both;
        overflow: hidden;
    }

    .header .logo {
        float: left;
    }

.logo a {
    color: #fff;
}

.header .menu {
    margin: 8px 0 0 120px;
    float: left;
}

.menu li {
    padding: 0;
}

.header .menu ul li.dropdown ul li {
    margin: 0px;
}

.menu ul li {
    display: inline-block;
    margin: 0 20px 0 0;
}

    .menu ul li:last-child {
        margin-right: 18px;
    }

    .menu ul li a {
        /* color: #fff;*/
        color: #ef4036 !important;
    }

        .menu ul li a .dropbtn {
            display: inline-block;
            height: auto;
            line-height: 1;
            color: #fff;
            font-size: 16px;
        }

        .menu ul li a:hover, .dropdown:hover, .dropbtn {
            color: #007bff;
            text-decoration: none;
        }

.menu ul .dropdown_content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 232px;
    margin-top: 18px;
    font-size: 16px;
}

    .menu ul .dropdown_content:before {
        content: "";
        position: absolute;
        top: -24px;
        width: 100%;
        height: 25px;
    }

.menu .dropdown_content a {
    color: #151515;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.menu .dropdown_content li a:hover {
    background-color: #2b4688;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.menu .dropdown:hover .dropdown_content {
    display: block;
}

.menu .dropdown_content li {
    border: 1px solid #2b4688;
    width: 100%;
}

.header_btn {
    float: right;
    position: relative;
    padding-left: 20px;
}

    .header_btn:after {
        background: #fff;
        height: 20px;
        width: 2px;
        position: absolute;
        left: 0px;
        top: 16px;
        content: "";
    }

    .header_btn .myaccount_btn {
        /*  color: #fff;*/
        border-radius: 9px;
        padding: 15px 0px;
        text-align: center;
        font-size: 16px;
        line-height: 17px;
        margin: 0 10px 0 0; /*background:linear-gradient(to left, #00a988,#00a9a4);*/
        display: inline-block;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        position: relative;
        padding-left: 30px;
    }

        .header_btn .myaccount_btn:after {
            background-image: url(../../images/login-icon.png);
            width: 20px;
            height: 20px;
            position: absolute;
            left: 0px;
            top: 15px;
            content: "";
            background-size: 100%;
        }

    .header_btn .bill_btn {
        color: #fff;
        background-color: #2c3951;
        border-radius: 9px;
        padding: 15px 0px;
        text-align: center;
        font-size: 16px;
        line-height: 17px;
        margin: 0 20px 0 0;
        min-width: 140px;
        display: inline-block;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        position: relative;
    }

    .header_btn .btn:last-child {
        margin: 0;
    }

    .header_btn .myaccount_btn:hover {
        color: #f6b01a;
    }

    .header_btn .bill_btn:hover {
        color: #fff;
        background-color: #00a989;
    }

/* fixed header */

.header .header-wrap-bx {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header .header-right {
    display: flex;
    align-items: center;
}

.fixed .header {
    background-color: #fff;
    padding: 20px 0px;
    position: fixed;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    -webkit-animation-name: stickySlideDown;
    animation-name: stickySlideDown;
}

@keyframes stickySlideDown {
    0% {
        opacity: 0.7;
        transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        -webkit-transform: translateY(0);
    }
}

.fixed .header .logo {
    max-width: 230px;
}

.header .logo {
    max-width: 400px;
}

.togle-btn {
    display: none;
}

.header .menu {
    margin: 5px 0 0 0px;
}

.mobile-menu-main {
    display: none;
}


.header_btn .bill_btn:last-child {
    margin-right: 0px;
}

/* fixed header end */ /*header*/ /*banner*/

.banner {
    position: relative;
}

    .banner img {
        width: 100%;
    }
/*banner*/


/*home page*/
.support {
    padding: 0 0 80px 0;
}

.support_text {
    max-width: 100%;
    border-radius: 11px;
    font-size: 16px;
    padding: 30px;
    position: relative;
    background-color: #fff;
    /*box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;*/
    width: 100%;
}

    .support_text h1 {
        font-size: 44px;
        position: relative;
        text-align: center;
        color: #2c3951;
        font-weight: 600;
    }

    /* .support_text h1:after {
            position: absolute;
            margin: 0 auto;
            clear: both;
            content: "";
            width: 113px;
            left: 0;
            right: 0;
            bottom: -15px;
            border-bottom: 5px solid #f8af16;
        }*/

    .support_text h2 {
        font-size: 36px;
        position: relative;
        text-align: center;
        color: #2c3951;
        font-weight: 600;
    }

    .support_text h3 {
        font-size: 30px;
        position: relative;
        color: #ef4036;
        font-weight: 600;
        padding-bottom: 30px;
    }

.support .form_btn {
    margin-top: 25px;
}

    .support .form_btn .previous_btn {
        padding: 13px 41px;
        margin: 0 15px 0 0;
        border: none;
        outline: none;
        text-transform: capitalize;
        font-size: 16px;
        background-color: #ef4036;
        color: #fff;
        border-radius: 25px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        min-width: 140px;
    }

        .support .form_btn .previous_btn:hover, .livechat_btn:hover {
            background: #3b3543;
            color: #fff;
        }

    .support .form_btn .submit_btn {
        margin-top: 30px;
        padding: 14px 45px;
        border: none;
        outline: none;
        text-transform: capitalize;
        font-size: 16px;
        background: linear-gradient(to left, #00a988,#00a9a4);
        color: #fff;
        border-radius: 9px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        min-width: 140px;
    }

        .support .form_btn .submit_btn:hover {
            background: linear-gradient(to left, #2c3951,#2c3952);
            color: #fff;
        }

.top_per_container {
    text-align: center;
    margin: 0 auto;
    align-items: center;
    display: block;
    justify-content: center;
}

    .top_per_container form {
        margin: 0;
        width: 100%;
    }

    .top_per_container label {
        display: block;
        margin: 0;
        display: flex;
        justify-content: center;
    }

    .top_per_container input {
        text-align: left;
        border: none;
        font-size: 12px;
        outline: none;
        padding: .5rem .75rem;
        border: 1px solid #f87171 !important;
        width: 100%;
        color: #334155;
        border-radius: 6px;
        height: 50px;
    }

        .top_per_container input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #7d7d7d;
        }

        .top_per_container input[type="text"]::-moz-placeholder { /* Firefox 19+ */
            color: #7d7d7d;
        }

        .top_per_container input[type="text"]:-ms-input-placeholder { /* IE 10+ */
            color: #7d7d7d;
        }

        .top_per_container input[type="text"]:-moz-placeholder { /* Firefox 18- */
            color: #7d7d7d;
        }

.support input[type="text"]:not(.elementor-field):not(.searchform-s), input[type="text"]:not(.elementor-field):not(.searchform-s) {
    border-style: none;
    margin: 0;
}

.search_icon {
    background-image: url(../../images/search-icon.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-size: 100%;
}

.needhelp_main {
    background: #f3f3f4;
    width: 100%;
    display: block;
    padding: 50px;
    text-align: center;
    max-width: 1024px;
    margin: auto;
}

    .needhelp_main h3 {
        font-size: 30px;
        font-weight: bold;
        color: #000;
    }

    .needhelp_main p {
        font-size: 24px;
        margin: 30px 0px 30px 0px;
    }

.livechat_btn {
    padding: 13px 41px;
    margin: 0 15px 0 0;
    border: none;
    outline: none;
    text-transform: capitalize;
    font-size: 16px;
    background-color: #18aaa4;
    color: #fff;
    border-radius: 25px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    min-width: 140px;
}

.footerlink {
    text-align: right;
    margin-top: 70px;
}

    .footerlink li {
        display: inline-block;
        margin: 0px 5px;
        color: #ef4036 !important;
        font-size: 13px;
    }

        .footerlink li a {
            color: #ef4036 !important;
       
        }

            .footerlink li a:hover {
                color: #FAB251;
                            }

.support .form_btn {
    margin: 0px;
}

/*home page*/
/*about property*/
.about_property {
    padding: 0 0 60px 0;
    margin-top: 85px;
}

.property_text {
    color: #2c3951;
    font-size: 17px;
    line-height: 30px;
}

.property_section {
    max-width: 729px;
    margin: auto;
    z-index: 1;
    position: relative;
    margin-top: -49px;
    background-color: #fff;
    border-radius: 11px;
    padding: 71px 0;
    box-shadow: 0 1px 35px rgba(0,0,0,0.12);
}

    .property_section h1 {
        text-align: center;
        padding: 0 0 20px 0;
        line-height: 30px;
        color: #2c3951;
        font-weight: 700;
        font-size: 40px;
        position: relative;
        letter-spacing: 2.2px;
    }

        .property_section h1:after {
            position: absolute;
            margin: 0 auto;
            clear: both;
            content: "";
            width: 110px;
            left: -6px;
            right: 0;
            bottom: -4px;
            border-bottom: 5px solid #f8af16;
        }

    .property_section h2 {
        display: none;
    }

    .property_section .form_group {
        text-align: center;
        margin-top: 57px;
        padding: 0 154px;
    }

.form_group label {
    margin-bottom: 0;
}

.property_section .form_group label p {
    color: #2c3951;
    line-height: 35px;
    font-weight: 600;
    font-size: 20px;
    margin: 0;
}

.reason_option {
    padding-top: 12px;
    padding-left: 20px;
}

    .reason_option:nth-child(3) {
        padding: 8px 0 15px 22px;
    }

    .reason_option input[type="radio"] {
        display: inline-block;
        width: 25px;
        opacity: 2;
        /*position: absolute;*/
    }

    .reason_option .movingon {
        /* margin-left: 27px;*/
        margin-bottom: 0;
        font-size: 18px;
        /*  color: #2c3951;*/
        cursor: pointer;
        /* position: relative;
        z-index: 1;*/
    }

    .reason_option .switch {
        margin-left: 8px;
        margin-bottom: 0;
        font-size: 16px;
        color: #2c3951;
        cursor: pointer;
        position: relative;
        z-index: 1;
    }

/*.form_group input[type="radio"] ~ label:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    padding: 0;
    margin: 0;
    top: 8px;
    left: -26px;
    border-radius: 50%;
    border: 2px solid #c0c0c0;
    transform: scale(1.1);
}

.form_group input[type="radio"]:checked ~ label:after {
    height: 10px;
    width: 10px;
    border: none;
    background: #2c3951;
    border-radius: 50%;
    position: absolute;
    top: 11px;
    left: -23px;
    content: "";
    clear: both;
    transform: scale(1.2);
}*/

/*.reason_option .moving_date {
    display: inline-block;
    margin-left: 7px;
}

.moving_date .date {
    margin: 0 5px 0 5px;
}

.moving_date input[type="number"] {
    border: none;
    outline: none;
    -moz-appearance: textfield;
    font-size: 16px;
    color: #000;
}

    .moving_date input[type="number"].movingday, .moving_date input[type="number"].movingmonth, .moving_date input[type="number"].movingyear {
        width: 40px;
        border-bottom: 1px solid #c0c0c0;
        padding-bottom: 7px;
        text-align: center;
    }

        .moving_date input[type="number"].movingday, .moving_date input[type="number"].movingmonth, .moving_date input[type="number"].movingyear input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
            -moz-appearance: textfield;
        }*/

.about_property .form_btn {
    margin-top: 25px;
}

    .about_property .form_btn .previous_btn {
        padding: 13px 41px;
        margin: 0 15px 0 0;
        border: none;
        outline: none;
        text-transform: capitalize;
        font-size: 16px;
        background-color: #BDBFBF;
        color: #fff;
        border-radius: 9px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        min-width: 140px;
    }

        .about_property .form_btn .previous_btn:hover {
            background: #3a3d3b;
            color: #fff;
        }

    .about_property .form_btn .submit_btn {
        padding: 14px 45px;
        border: none;
        outline: none;
        text-transform: capitalize;
        font-size: 16px;
        background: #FAB251;
        color: #fff;
        border-radius: 9px;
        transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        min-width: 140px;
    }

        .about_property .form_btn .submit_btn:hover {
            background: #1B75BC;
            color: #fff;
        }

.moving_date input[type="number"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #c0c0c0;
}

.moving_date input[type="number"]::-moz-placeholder { /* Firefox 19+ */
    color: #c0c0c0;
}

.moving_date input[type="number"]:-ms-input-placeholder { /* IE 10+ */
    color: #c0c0c0;
}

.moving_date input[type="number"]:-moz-placeholder { /* Firefox 18- */
    color: #c0c0c0;
}
/*about property*/


/*service plan*/
.serviceplan {
    padding: 0 0 80px 0;
}

.serviceplan_text {
    color: #476284;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    max-width: 1180px;
    margin-top: -25px;
    z-index: 1;
    position: relative;
    background-color: #fff;
    /*border-radius: 11px;
    box-shadow: 0 1px 35px rgba(0,0,0,0.12); DSP 11Feb*/
    padding: 40px 140px;
}

    .serviceplan_text h1 {
        text-align: center;
        padding: 0 0 20px 0;
        line-height: 30px;
        color: #2c3951;
        font-weight: 700;
        font-size: 45px;
        position: relative;
    }

        .serviceplan_text h1:after {
            position: absolute;
            margin: 0 auto;
            clear: both;
            content: "";
            width: 110px;
            left: -2px;
            right: 0;
            bottom: -4px;
            border-bottom: 5px solid #f8af16;
        }

    .serviceplan_text h2 {
        display: none;
    }

.service_plans .row .col-md-6.col1 {
    -ms-flex: 0 0 500px;
    flex: 0 0 500px;
    max-width: 500px;
}

.service_plans .row.justify-content-center {
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    margin-top: 34px;
}


.service_plan_inner {
    max-width: 500px;
    background-color: #fbfbfb;
    border-radius: 7px 7px 0 0;
    background-color: #F5F5F5;
    border-radius: 20px;
}

.col-md-6.col2 .service_plan_inner {
    margin-left: 10px;
}

.service_plan_inner .selectplan_title {
    padding: 29px 0 30px;
    background: #3b3543;
    margin-bottom: 10px;
    border-radius: 7px 7px 0 0;
}

.selectplan_title h4 {
    margin-top: 10px
}

    .selectplan_title h4:first-child {
        margin-top: 0
    }

.service_plans h4 {
    color: #fff;
    border-radius: 8px 8px 0 0;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 22px;
    font-weight: 600;
    position: relative;
}

.service_plan_inner .plan_charges {
    padding: 0px 40px 30px;
}

.plan_charges .plans.col1, .plans.col3, plans.col2 {
    padding: 13px 0;
    /* border-bottom: 1px solid #ddd;*/ /*DSp 11Feb*/
}

.plan_charges .plans.col2 {
    padding: 17px 0;
    /*border-bottom: 1px solid #ddd; DSP 11Feb*/
}
/*.plan_charges .plans:nth-child(3){ border:0px;}*/
.plans.col1 .plan_title, .plans.col3 .plan_title {
    color: #2c3951;
    font-size: 17px;
    font-weight: 600;
    text-align: justify;
}

.plans.col2 .plan_title {
    color: #2c3951;
    font-size: 17px;
    font-weight: 600;
    padding-top: 5px;
    text-align: justify;
}

.plans.col1 .rollupDescription, .plans.col2 .rollupDescription, .plans.col3 .rollupDescription {
    color: #2c3951;
    font-size: 18px;
    line-height: 27px;
}

.plans.col1 .chargeDescription, .plans.col2 .chargeDescription, .plans.col3 .chargeDescription {
    color: #838282;
    line-height: 22px;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 13px;
}

.plan_title label {
    text-align: right;
    width: 100%;
    line-height: 1.5;
}

.Marketcredit {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.market_span {
    text-align: left;
    max-width: 150px;
}

.plan_title span {
    line-height: 1.5;
    text-align: right;
    width: 100%;
    display: inline-block;
}

.plans.col1 .ratePrice, .plans.col2 .ratePrice, .plans.col3 .ratePrice {
    color: #2c3951;
    line-height: 22px;
    font-weight: 600;
    font-size: 24px;
}

.service_plan_inner .select_plan {
    padding: 0px 0 34px 0;
}

.select_plan .select_plan_btn a {
    padding: 18px 0 17px;
    width: 134px;
    background-color: #ef4036; /*#F79C2E;*/ /*#f8af15;*/
    border-radius: 7px;
    text-align: center;
    line-height: 6px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    margin-top: 5px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

    .select_plan .select_plan_btn a:hover {
        background-color: #3b3543;
        color: #fff;
    }

.serviceplan .previous_btn:hover {
    background-color: #3b3543;
}

.serviceplan_text .form_btn {
    text-align: center;
}

.serviceplan .form_btn .previous_btn {
    padding: 0 40px;
    border: none;
    line-height: 45px;
    outline: none;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 16px;
    background-color: #2c3951;
    color: #fff;
    border-radius: 9px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

    .serviceplan .form_btn .previous_btn:hover {
        background-color: #00a98c;
        color: #fff;
    }

/*.select_plan .select_plan_btn a {
    background-color: #00a988;
}
*/
.serviceplan .previous_btn {
    padding: 0 40px;
    border: none;
    line-height: 41px;
    outline: none;
    text-transform: capitalize;
    font-size: 16px;
    background-color: #6d6e71; /*#2c3951;*/
    color: #fff;
    border-radius: 7px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
/*service plan*/


/*footer*/
.footer {
    background-color: #2c3951;
}

.footerfirst_inner {
    background: #212d44;
}

.footer-col-bx {
    padding-top: 64px;
    padding-bottom: 31px;
}

.footer h6 {
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    display: block;
    margin: 0 0 15px 0;
    position: relative;
}

    .footer h6:after {
        position: absolute;
        margin: 0 auto;
        clear: both;
        content: "";
        width: 40px;
        left: 120px;
        bottom: -17px;
        border-bottom: 5px solid #fff;
    }

.footer .column2.footer2 h6:after {
    position: absolute;
    margin: 0 auto;
    clear: both;
    content: "";
    width: 40px;
    left: 1px;
    bottom: -17px;
    border-bottom: 5px solid #fff;
}

.footer .column1.footer4 h6 {
    font-weight: 900;
    font-size: 24px;
    color: #fff;
    display: block;
    margin: 0;
    position: relative;
}

    .footer .column1.footer4 h6:after {
        display: none;
    }

.footer .column1.footer4 p a {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #fff;
}

.footer .location {
    padding-bottom: 20px;
}

.footer .column1 {
    text-align: center;
}

.loc_detail p, column2.footer2, column2.footer2, column1.footer4, column1.footer4 a, .footer2 ul li a {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 14px 30px 0 0;
}

.opening_hours {
    margin-top: 6px;
}

.opening_hours_detail p {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    padding: 12px 10px 0 10px;
}

.opening_hours_detail .timing {
    margin-left: 20px;
}

.column1.footer4 p {
    margin: 6px 0 17px;
}

    .column1.footer4 p:last-child {
        margin: 6px 0 0 0;
    }

.loc_detail p, .column2.footer2 li a, .column2.footer2 a {
    padding-right: 0;
}

.footer .column1.footer4 {
    text-align: left;
}

.opening_hours_detail {
    margin: 0 0 30px 0;
}

.column2.footer2 ul li {
    position: relative;
    margin-left: 17px;
}

    .column2.footer2 ul li:first-child {
        padding-top: 12px;
    }

    .column2.footer2 ul li a {
        position: relative;
        padding-top: 0;
        padding-bottom: 0px;
    }

        .column2.footer2 ul li a:before {
            content: "";
            width: 5px;
            height: 2px;
            background: #d0d8e5;
            display: inline-block;
            margin: 0 10px 0 0;
            position: absolute;
            left: -15px;
            top: 10px;
        }

.column2.footer2 li a:hover, .footer .column1.footer4 p a:hover {
    color: #00a988;
}

.footerfirst_inner {
    max-width: 280px;
}

.footer_band {
    background: #1a2332;
    padding: 20px 0px 22px 0px;
}

    .footer_band .row {
        align-items: center;
    }

    .footer_band:after {
        content: "";
        display: block;
        clear: both;
        overflow: hidden;
    }

.copyright {
    font-size: 16px;
    color: #fff;
}

.social {
    line-height: 0px;
}

    .social ul li {
        display: inline-block;
        margin-left: 16px;
    }

        .social ul li a {
            color: #fff;
        }

.footer .col-md-3.footer_first {
    flex: 0 0 33%;
    max-width: 33%;
    -ms-flex: 0 0 33%;
}

.footer .col-md-3.foot-col-2 {
    flex: 0 0 23.5%;
    max-width: 23.5%;
    -ms-flex: 0 0 23.5%;
}

.footer .col-md-3.foot-col-3 {
    flex: 0 0 22.7%;
    max-width: 22.7%;
    -ms-flex: 0 0 22.7%;
}

.footer .col-md-3.foot-col-4 {
    flex: 0 0 20.3%;
    max-width: 20.3%;
    -ms-flex: 0 0 20.3%;
}

.footer .col-md-3 {
    flex: 0 0 21%;
    max-width: 21%;
}

.footer_band .foot-fb-icon {
    background-image: url(../../images/fb-footer.svg);
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.footer_band .foot-insta-icon {
    background-image: url(../../images/insta-footer.svg);
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}

.footer_band .foot-linkedin-icon {
    background-image: url(../../images/linkedin-footer.svg);
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
}
/*footer*/


/*form*/
.main_form {
    margin-bottom: 80px;
}

    .main_form .form-bx-title {
        color: #ef4036;
        background: #fff;
        border-radius: 8px 8px 0 0;
        align-items: center;
        display: flex;
        font-size: 22px;
        font-weight: 600;
        position: relative;
        padding-bottom: 20px;
        margin-left: 0px;
        margin-top: 0px;
    }

    /*.main_form .form-bx-title:after {
            position: absolute;
            
            clear: both;
            content: "";
            width: 110px;
            left: 0;
            right:auto;
            
            bottom: 0px;
            border-bottom: 5px solid #f8af16;
        }*/

    .main_form .mainform {
        max-width: 1180px;
        box-shadow: 0 1px 35px rgba(0,0,0,0.12);
        border-radius: 11px;
        font-size: 17px;
        padding: 30px;
        /* margin: auto;*/
        margin-top: 70px;
        z-index: 1;
        position: relative;
        /*margin-top: -50px;*/
        background-color: #fff;
    }

.form-main-wrap {
    display: flex;
}

    .form-main-wrap .form-left-bx {
        max-width: 714px;
    }

.support-inner.addcustomer-main .form-left-bx {
    max-width: 440px;
}

.main_form form {
    margin: 0;
}
/*.main_form label{ display:block; margin:0 0 47px 0; position:relative; border-bottom:1px solid #bbb; background-color:#fff; text-align:left;}*/
.main_form label.drop:after {
    height: 7px;
    width: 7px;
    position: absolute;
    top: 22px;
    left: 95%;
    content: "";
    clear: both;
    border-right: 1px solid #2d395a;
    border-bottom: 1px solid #2d395a;
    transform: rotate(45deg);
}

.textlink {
    margin-right: 10px;
    text-decoration: underline;
    color: #247bbe;
}

    .textlink:hover {
        color: #FAB251;
        text-decoration: none;
    }

.main_form .check {
    border-bottom: none;
    margin: 0;
    color: #333;
    position: relative;
}

    .main_form .check p, .check_inner_first {
        padding-bottom: 20px;
        font-size: 16px;
        font-weight: normal;
        font-family: 'Lato';
    }

.main_form input {
    border: none;
    height: 50px;
    outline: none;
}

.mainform .form_btn {
    margin-top: 37px;
}

.main_form .form_btn .previous_btn {
    padding: 0 45px;
    margin-right: 21px;
    border: none;
    line-height: 45px;
    outline: none;
    text-transform: capitalize;
    font-size: 16px;
    background-color: #BDBFBF;
    color: #fff;
    border-radius: 30px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    height: 45px;
    display: inline-block;
}

    .main_form .form_btn .previous_btn:hover {
        background-color: #3a3d3b;
        color: #fff;
    }

.main_form .form_btn .submit_btn {
    padding: 0 50px;
    border: none;
    line-height: 45px;
    outline: none;
    text-transform: capitalize;
    font-size: 16px;
    background: #ef4036;
    color: #fff;
    border-radius: 30px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    width: auto;
    margin: 0 0 0 5px;
    height: 45px;
}

    .main_form .form_btn .submit_btn:hover {
        background: #3b3543;
        color: #fff;
    }

.main_form input[type="checkbox"] {
    position: absolute;
    bottom: 0;
    top: 0px;
    left: 0px;
    opacity: 0px;
}

.mainform .paragraph {
    margin: 6px 0 34px;
}

    .mainform .paragraph p {
        padding-bottom: 8px;
        color: #7d7d7d;
        font-size: 16px;
        line-height: 26px;
    }

.main_form input[type="text"]:not(.elementor-field):not(.searchform-s), input[type="tel"]:not(.elementor-field), input[type="email"]:not(.elementor-field),
input[type="tel"]:not(.elementor-field) {
    border-style: none;
}

.main_form input[type="checkbox"] ~ label:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    padding: 0;
    top: 1px;
    left: -0px;
    border: 2px solid #f87171;
    border-radius: 3px;
}

.main_form input[type="checkbox"]:checked ~ label:after {
    height: 12px;
    width: 6px;
    position: absolute;
    top: 6px;
    left: 10px;
    content: "";
    clear: both;
    border-right: 2px solid #2d395a;
    border-bottom: 2px solid #2d395a;
    transform: rotate(45deg);
    margin: 0 10px 10px 0;
}


.check-wrap .check {
    cursor: pointer;
    position: relative;
    z-index: 1;
    padding-left: 36px;
}

.check-wrap input[type="checkbox"] {
    /* display: inline-block;
    width: auto;
    opacity: 0;
    position: absolute;*/
    display: inline-block;
    width: 24px;
    opacity: 0;
    position: relative;
}
/*.check-wrap input[type="checkbox"] {
    display: inline-block;
    width: auto;
    opacity: 0;
    position: absolute;
}*/
.custom-dropdown .dropdown-menu .dropdown-menu {
    top: auto;
    border: none;
    overflow: auto;
    position: relative;
    left: auto;
    margin: 0;
    padding: 0;
}

.custom-dropdown {
    width: 100%;
}

    .custom-dropdown select {
        display: none;
    }

    .custom-dropdown .dropdown-toggle {
        width: 100%;
        background-color: transparent !important;
        border: 1px solid #f87171;
        text-align: left;
        font-size: 12px;
        line-height: 30px;
        color: #334155;
        box-shadow: none !important;
        border-radius: 6px;
        padding: .5rem .75rem;
    }

.form-control:focus {
    box-shadow: none;
}

.custom-dropdown .dropdown-toggle::before {
    display: inline-block;
    content: '';
    /* background-image: url(../../images/down-arrow.png);*/
    right: 0;
    width: 30px;
    height: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.custom-dropdown .dropdown-menu {
    width: 100%;
    padding: 0;
    border-radius: 0;
}

.custom-dropdown .dropdown-item.active, .custom-dropdown .dropdown-item:active {
    background-color: #212d44;
}

.custom-dropdown .dropdown-toggle::after {
    display: none;
}

.form-row-bx {
    display: flex;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .form-row-bx label input[type="text"], .form-row-bx label input[type="email"], .form-row-bx label input[type="date"], .main_form input.custom_select {
        border: 1px solid #f87171 !important;
        width: 100%;
        height: auto;
        font-size: 12px;
        line-height: 30px;
        padding: .5rem .75rem;
        color: #334155;
        outline: none;
        border-radius: 6px;
    }

    .form-row-bx label textarea {
        border: none;
        border-bottom: 1px solid #c0c0c0 !important;
        width: 100%;
        height: 100px;
        font-size: 18px;
        padding: 5px 0;
        color: #2c3951;
        margin: 0;
        outline: none;
        resize: none;
    }

    .form-row-bx label {
        width: 100%;
        margin-bottom: 0px !important;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
    }

.check-wrap-sec label {
    font-size: 14px;
}

.form-row-bx input[type="text"].date-box {
    cursor: pointer;
}

.check-bx {
    padding-top: 12px;
    position: relative;
}

.check-wrap {
    position: relative;
}

.date-bx input {
    background-image: url(../../images/calendar-icon.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 0px) center;
}

.form-right-bx {
    padding-left: 40px;
    text-align: center;
    width: 100%;
}

    .form-right-bx .service_plan_inner {
        margin-top: 0
    }

        .form-right-bx .service_plan_inner .plan_charges {
            padding-left: 22px;
            padding-right: 22px;
        }

.form-part input[type="text"], .form-part input[type="email"], .form-part input[type="date"]
.form-part input[type="text"]::-webkit-input-placeholder,
.form-part input[type="email"]::-webkit-input-placeholder,
.form-part input[type="date"]::-webkit-input-placeholder,
.form-part textarea::-webkit-input-placeholder, { /* Chrome/Opera/Safari */
    opacity: 1;
    color: #7d7d7d;
}

    .form-part input[type="text"]::-moz-placeholder,
    .form-part input[type="email"]::-moz-placeholder,
    .form-part input[type="date"]::-moz-placeholder,
    .form-part textarea::-moz-placeholder { /* Firefox 19+ */
        opacity: 1;
        color: #7d7d7d;
    }

    .form-part input[type="text"]:-ms-input-placeholder,
    .form-part input[type="email"]:-ms-input-placeholder,
    .form-part input[type="date"]:-ms-input-placeholder,
    .form-part textarea:-ms-input-placeholder { /* IE 10+ */
        opacity: 1;
        color: #7d7d7d;
    }

    .form-part input[type="text"]:-moz-placeholder,
    .form-part input[type="email"]:-moz-placeholder,
    .form-part input[type="date"]:-moz-placeholder,
    .form-part textarea:-moz-placeholder { /* Firefox 18- */
        opacity: 1;
        color: #7d7d7d;
    }



/*form*/
/* 1-7-2021 */
.postal-address-bx, .life_support_bx, .eligible_bx {
    display: none;
}
/* 1-7-2021 end*/
.header_wrap {
    height: 142px;
    /*background: linear-gradient(to left, #2ba59f,#23849e);*/
}

@media only screen and (min-width: 1025px) {
    .footer_band .foot-fb-icon:hover {
        background-image: url(../../images/fb-footer-hover.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .footer_band .foot-insta-icon:hover {
        background-image: url(../../images/insta-footer-hover.svg);
        background-repeat: no-repeat;
        background-position: center;
    }

    .footer_band .foot-linkedin-icon:hover {
        background-image: url(../../images/linkedin-footer-hover.svg);
        background-repeat: no-repeat;
        background-position: center;
    }
}



@media only screen and (max-width: 1199px) {
    .header .logo {
        width: 220px;
    }

    .menu ul li {
        margin-right: 16px;
    }

    .form-main-wrap .form-left-bx {
        /*max-width: 58%;*/
    }

    .form-main-wrap .form-right-bx {
        width: 42%;
    }

    .header_wrap {
        height: 130px;
    }

    .serviceplan.serviceplan-main .support_text {
        width: 100%;
    }

    .serviceplan.serviceplan-main .support-inner {
        flex-wrap: wrap;
    }

    .serviceplan.serviceplan-main .right-nav-main {
        max-width: 100%;
    }

    .serviceplan.serviceplan-main .rightnav-img img {
        width: 100%;
    }
}



@media only screen and (max-width: 1024px) {
    .support_text {
        padding: 40px 30px;
    }

        .support_text h1 {
            font-size: 35px;
        }

    .support {
        padding: 0 0 60px 0;
    }

    .top_per_container input {
        font-size: 18px;
    }

    .about_property {
        padding: 0 0 40px 0;
    }

    .property_section {
        padding: 40px 0;
        max-width: none;
    }

        .property_section .form_group {
            margin-top: 30px;
        }

    .serviceplan_text {
        padding: 40px 30px;
    }

    .service_plan_inner {
        margin: 35px 0 45px;
    }

    .serviceplan {
        padding: 0 0 40px 0;
    }

    .form-main-wrap .form-right-bx {
        width: 50%;
    }

    .form-right-bx {
        padding-left: 30px;
    }

    .custom-dropdown .dropdown-toggle, .form-row-bx label input[type="text"], .form-row-bx label input[type="email"], .form-row-bx label input[type="date"], .check-wrap .check, .form-row-bx label textarea, .main_form .check p {
        font-size: 16px;
    }

    .life_support_bx .col-md-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .main_form .mainform {
        padding: 50px 20px 50px 20px;
    }
}



@media only screen and (max-width: 991px) {

    .detail_wrap-title {
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }

    .thank_you_img img {
        height: 183px;
        object-fit: cover;
    }

    .mc-back-btn {
        margin-top: 30px;
    }

    .footer h6:after {
        left: 1px;
        right: 0;
    }

    .footer .col-md-3, .footer .col-md-3.footer_first, .footer .column1.footer4 {
        flex: 50%;
        max-width: 100%;
        text-align: center;
    }

    .column2.footer2 ul li, .column2.footer2 ul li:last-child {
        margin-left: 0;
    }

    .footer .column2.footer2 h6::after {
        right: 0;
    }

    .column2.footer2 ul li::before, .column2.footer2 ul li:last-child::before {
        left: 57px;
    }

    .support {
        padding: 30px;
    }

    .top_per_container {
        padding: 30px 40px 0;
    }

    .support_text {
        padding: 40px 30px;
    }

        .support_text h1 {
            margin-bottom: 20px;
            font-size: 27px;
        }

    .top_per_container input {
        font-size: 18px;
    }

    .footerfirst_inner {
        max-width: 100%;
    }

    .footer .col-md-3.foot-col-2 {
        flex: 0 0 50%;
        max-width: 50%;
        -ms-flex: 0 0 50%;
    }

    .footer .col-md-3.foot-col-3 {
        flex: 0 0 50%;
        max-width: 50%;
        -ms-flex: 0 0 50%;
    }

    .footer .col-md-3.foot-col-4 {
        flex: 0 0 50%;
        max-width: 50%;
        -ms-flex: 0 0 50%;
    }

    .opening_hours_detail {
        margin-bottom: 0px;
    }

    .footer-col-bx {
        padding: 50px 0px;
    }

    .header {
        padding: 25px 0px;
    }

    .mob-head-logo {
        max-width: 220px;
    }

        .mob-head-logo img {
            max-width: 100%;
        }

    .serviceplan_text {
        padding: 40px 15px;
    }

    .property_section {
        padding: 50px 0;
    }

        .property_section .form_group {
            margin-top: 30px;
            padding: 0 100px;
        }

    .about_property {
        padding: 0 0 50px 0;
    }

    .serviceplan {
        padding: 0 0 30px 0;
    }

    .service_plan_inner .plan_charges {
        padding: 0 30px 20px;
    }

    .service_plan_inner {
        margin: 35px 0 30px;
    }

    .serviceplan_text {
        padding: 25px 15px;
    }

        .serviceplan_text h1 {
            font-size: 35px;
        }


    /* style2 */
    .header .header-right {
        display: none;
    }

    .togle-btn {
        display: inline-flex;
        width: 40px;
        height: 40px;
        background-color: transparent;
        align-items: center;
        border: 0;
        box-shadow: none;
    }

        .togle-btn span {
            position: relative;
            display: inline-block;
            width: 100%;
            height: 2px;
            background-color: #242f41;
        }

            .togle-btn span:before {
                position: absolute;
                content: '';
                display: inline-block;
                width: 100%;
                height: 2px;
                background-color: #242f41;
                top: -10px;
                left: 0;
            }

            .togle-btn span:after {
                position: absolute;
                content: '';
                display: inline-block;
                width: 100%;
                height: 2px;
                background-color: #242f41;
                top: 10px;
                left: 0;
            }

    .header .container {
        padding: 0px 20px;
    }

    .mobmenu-close-btn {
        position: relative;
        height: 40px;
        width: 40px;
    }

        .mobmenu-close-btn:before {
            position: absolute;
            left: 0;
            width: 40px;
            height: 2px;
            background-color: #fff;
            display: inline-block;
            transform: rotate(-45deg);
            top: 18px;
            right: 0;
            transform-origin: center;
            -webkit-transform: rotate(-45deg);
            content: '';
        }

        .mobmenu-close-btn:after {
            position: absolute;
            left: 0;
            width: 40px;
            height: 2px;
            background-color: #fff;
            display: inline-block;
            transform: rotate(45deg);
            top: 18px;
            right: 0;
            transform-origin: center;
            -webkit-transform: rotate(45deg);
            content: '';
        }

    .mobile-menu-main {
        display: block;
        position: fixed;
        left: 100%;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        z-index: 2;
        background: linear-gradient(to left, #1B75BC, #1B75BC);
        /*background-image: linear-gradient(to left, rgb(0, 169, 136), rgb(0, 169, 164));*/
        background-position-x: initial;
        background-position-y: initial;
        background-size: initial;
        background-repeat-x: initial;
        background-repeat-y: initial;
        background-attachment: initial;
        background-origin: initial;
        background-clip: initial;
        background-color: initial;
    }

        .mobile-menu-main .mobile-menu-header {
            padding: 20px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

    .menu-open .mobile-menu-main {
        left: 0;
    }

    .mobile-links-main-bx {
        padding: 20px 20px;
        text-align: left;
        max-height: 100vh;
        overflow: auto;
    }

        .mobile-links-main-bx ul li.main-link-list {
            padding: 15px;
            border-bottom: 1px solid rgba(255,255,255,0.5);
        }

            .mobile-links-main-bx ul li.main-link-list a {
                color: #fff;
                font-size: 18px;
                line-height: 28px;
            }

            .mobile-links-main-bx ul li.main-link-list .dropdown_content {
                display: none;
                padding-left: 15px;
            }

            .mobile-links-main-bx ul li.main-link-list.submenu-open .dropdown_content {
                display: block;
            }

            .mobile-links-main-bx ul li.main-link-list .dropdown_content li a {
                font-size: 14px;
                line-height: 22px;
                position: relative;
                padding-left: 15px;
            }

                .mobile-links-main-bx ul li.main-link-list .dropdown_content li a:before {
                    position: absolute;
                    left: -10px;
                    content: '';
                    display: inline-block;
                    width: 8px;
                    height: 8px;
                    border-bottom: 1px solid #fff;
                    border-left: 1px solid #fff;
                    transform: rotate(-135deg);
                    top: 4px;
                }

            .mobile-links-main-bx ul li.main-link-list .dropdown_content li {
                border-bottom: 0px;
                padding: 8px 0px;
            }

            .mobile-links-main-bx ul li.main-link-list .drop-icon {
                display: inline-block;
                width: 30px;
                height: 30px;
                position: relative;
                float: right;
                cursor: pointer;
            }

            .mobile-links-main-bx ul li.main-link-list.submenu-open .drop-icon {
                transform: rotate(180deg);
            }

            .mobile-links-main-bx ul li.main-link-list .drop-icon:before {
                position: absolute;
                content: '';
                width: 15px;
                height: 15px;
                border-left: 1px solid #fff;
                border-bottom: 1px solid #fff;
                transform: rotate(-45deg);
                top: 2px;
                left: 7px;
            }

    .mobile-menu-main .header_btn {
        float: none;
        padding-left: 0px;
    }

        .mobile-menu-main .header_btn a {
            margin: 10px auto 0 auto;
            max-width: 400px;
            display: inline-block;
        }


    .form-main-wrap .form-left-bx {
        max-width: 100%;
        width: 100%;
    }

    .form-main-wrap .form-right-bx {
        width: 100%;
        max-width: 100%;
        padding-left: 0px;
        text-align: center;
        margin-top: 50px;
    }

    .form-main-wrap {
        flex-wrap: wrap;
    }

    .form-right-bx .service_plan_inner {
        margin: 0 auto;
    }

    .main_form .mainform {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-top: -30px;
    }

    .main_form .mainform {
        padding: 50px 20px 50px 20px;
    }

    .header_btn::after {
        display: none;
    }

    .header_btn .myaccount_btn:hover {
        color: #fff;
    }

    .searchmobile {
        position: relative;
        margin-top: 10px;
    }

    .searchtextbox {
        padding-right: 40px;
    }

        .searchtextbox input.searchbox {
            width: 100%;
            height: 30px;
            background: #fff;
        }

    .mobilesearch-icon .searchicon {
        background: no-repeat;
        background-image: url(../../images/search-icon.png);
        width: 30px;
        height: 30px;
        background-size: 100%;
        position: absolute;
        right: 0px;
        top: 0px;
    }
    /* style2 end*/
    .header_wrap {
        height: 100px;
    }
}



@media only screen and (max-width: 767px) {

    .thank_you_img img {
        height: 133px;
    }

    .form-row-bx label textarea {
        font-size: 16px;
    }

    .property_section h1 {
        letter-spacing: 0px;
        font-size: 30px;
    }

    .copyright {
        text-align: center;
        padding-bottom: 15px;
    }

    .social {
        float: none;
        text-align: center;
    }

    .column1.footer4 {
        padding: 0;
    }

    .footer h6:after {
        left: -3px;
    }

    .footer .column2.footer2 h6, .footer .column1.footer4 h6 {
        margin-top: 20px;
    }

    .about_property {
        padding: 0 0 40px 0;
    }

    .property_section {
        padding: 30px 0;
    }

        .property_section .form_group {
            padding: 0 50px;
            margin-top: 20px;
        }

        .property_section h4 {
            font-size: 30px;
        }

        .property_section .form_group label {
            font-size: 16px;
        }

            .property_section .form_group label p {
                font-size: 18px;
            }

    .opening_hours_detail {
        margin: 0 0 15px 0;
    }

        .opening_hours_detail p {
            padding: 12px 0;
        }

    .header {
        padding: 20px 0px;
    }

    .serviceplan_text {
        padding: 40px 50px;
    }

        .serviceplan_text h1 {
            font-size: 35px;
        }

    .service_plan_inner {
        margin: 30px 0 0 0;
    }

        .service_plan_inner .plan_charges {
            padding: 0px 30px 30px;
        }

    .serviceplan .form_btn .previous_btn {
        margin: 10px 0 0 0;
    }

    .support {
        padding: 0 0 20px 0;
    }

    .support_text {
        padding: 30px 20px;
    }

    /* syle2 */
    .main_form .mainform {
        padding: 20px;
    }

    .form-row-bx {
        margin-bottom: 20px;
    }

    .main_form .form-bx-title {
        margin-top: 25px;
    }

    .check-wrap .check {
        font-size: 16px;
        padding-left: 30px;
    }

    .custom-dropdown .dropdown-toggle {
        font-size: 16px;
    }

    .form-row-bx label input[type="text"], .form-row-bx label input[type="email"], .form-row-bx label input[type="date"] {
        font-size: 16px;
    }

    .main_form input[type="checkbox"] ~ label::before {
        width: 20px;
        height: 20px;
        top: 2px
    }

    .main_form .form_btn .previous_btn {
        padding: 0 20px;
        min-width: 130px;
    }

    .main_form .form_btn .submit_btn {
        padding: 0 20px;
        min-width: 130px;
    }

    .mainform .form_btn {
        margin-top: 20px;
    }

    .main_form input[type="checkbox"]:checked ~ label::after {
        width: 5px;
        height: 10px;
        left: 8px;
    }
    /* syle2 end */
    .top_per_container {
        padding: 0px;
    }

    .support .form_btn {
        margin: 20px;
    }

    .header_wrap {
        height: 90px;
    }
}

@media only screen and (max-width: 580px) {
    .service_plans .row .col-md-6.col1 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .service_plan_inner {
        max-width: 100%;
    }
}

@media only screen and (max-width: 480px) {

    .thank_you_img img {
        height: 100px;
    }

    .main_form {
        margin: 20px 0;
    }

    .form-row-bx label textarea {
        font-size: 16px;
    }

    .service_plan_inner .plan_charges {
        padding-bottom: 10px;
    }

    .property_section h1 {
        letter-spacing: 0px;
        font-size: 25px;
    }

    .about_property {
        padding: 20px 0 20px 0;
    }

    .property_section {
        margin-top: 0px;
    }

        .property_section .form_group label p {
            font-size: 15px;
        }

        .property_section .form_group {
            padding: 0 0 0 20px;
        }

        .property_section .form_btn {
            text-align: center;
            display: inline-block;
        }

    .main_form .mainform {
        margin-top: 0px;
    }

    .form_btn .previous_btn {
        margin: 0;
    }

    .property_section h4 {
        font-size: 25px;
        letter-spacing: 0px;
    }

    .property_section .form_group label {
        font-size: 16px;
    }

    .reason_option .movingon, .reason_option .switch {
        font-size: 14px;
    }

    .support_text {
        margin-top: 0px;
    }

        .support_text h1 {
            font-size: 21px;
            margin-bottom: 10px;
        }

    .support {
        padding: 20px 0;
    }

    .top_per_container input {
        font-size: 16px;
    }

    .top_per_container input {
        padding-bottom: 10px;
    }

    .footer {
        padding: 0px 0;
    }

    .footerfirst_inner {
        max-width: none;
    }

    .footer .col-md-3, .footer .col-md-3.footer_first, .footer .column1.footer4 {
        flex: 100%;
        max-width: 100%;
        text-align: center;
    }

    .footer h6::after {
        left: 0px;
    }

    .footer .column2.footer2 h6::after {
        right: 0;
    }

    .column2.footer2 ul li::before, .column2.footer2 ul li:last-child::before {
        left: 100px;
    }

    .column2.footer2 h6, .column1.footer4 h6 {
        padding-top: 10px;
    }

    .opening_hours_detail, .column1.footer4 p {
        margin: 0;
    }

    .footer .location {
        padding-bottom: 10px;
        padding-top: 20px;
    }

    .footer .column1.footer4 h6 {
        font-size: 20px;
    }

    .footer .col-md-3.foot-col-2 {
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
    }

    .footer .col-md-3.foot-col-3 {
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
    }

    .footer .col-md-3.foot-col-4 {
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex: 0 0 100%;
    }

    .footer-col-bx {
        padding: 10px 0 0 0;
    }

    .footer .col-md-3.footer_first .footer-col-bx {
        padding-bottom: 20px;
    }

    .footer .col-md-3.foot-col-4 .footer-col-bx {
        padding-bottom: 30px;
        padding-top: 10px;
    }

    .serviceplan_text {
        padding: 30px 15px;
    }

        .serviceplan_text h1 {
            font-size: 25px;
        }

    .service_plans h4 {
        font-size: 20px;
    }

    .serviceplan .form_btn .previous_btn {
        margin: 30px 20px 0 25px;
    }

    .plans.col1 .plan_title, .plans.col2 .plan_title, .plans.col3 .plan_title {
        font-size: 18px;
    }

    .plans.col1 .rollupDescription, .plans.col2 .rollupDescription, .plans.col3 .rollupDescription {
        font-size: 16px;
    }

    .plans.col1 .ratePrice, .plans.col2 .ratePrice, .plans.col3 .ratePrice {
        font-size: 20px;
    }

    .serviceplan_text {
        margin-top: 0px;
    }

    .serviceplan {
        padding: 20px 0;
    }
}

.form_group input[type="radio"] ~ label.date-bx:before, .form_group input[type="radio"] ~ label.date-bx:after {
    display: none;
}
/*DocSign*/
.main_form.main_form_inner .form-main-wrap .form-left-bx {
    max-width: 100%;
}

.main_form.main_form_inner .form-bx-title {
    color: #2c3951;
    background: #fff;
    border-radius: 8px 8px 0 0;
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    padding-bottom: 20px;
    margin: 30px 0 30px;
}

    .main_form.main_form_inner .form-bx-title:after {
        position: absolute;
        margin: 0 auto;
        clear: both;
        content: "";
        width: 100%;
        left: 0;
        bottom: 0px;
        border-bottom: 3px solid #2c3951;
    }

.main_form.main_form_inner .mainform {
    max-width: 1180px;
    box-shadow: 0 1px 35px rgba(0,0,0,0.12);
    border-radius: 11px;
    font-size: 17px;
    padding: 20px 40px 32px 40px;
    margin: auto;
    z-index: 1;
    position: relative;
    background-color: #fff;
}

.main_form_inner .form-main-wrap {
    display: flex;
}

.main_form.main_form_inner form {
    margin: 0;
}

.main_form.main_form_inner label {
    font-size: 16px;
    color: #000;
    margin: 0px;
}

.main_form.main_form_inner input {
    height: 35px;
    width: 220px;
    outline: none;
    border: 1px solid #c0c0c0 !important;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 16px;
    padding: 0 10px;
    margin-bottom: 0px;
}

.main_form.main_form_inner .paragraph {
    margin: 10px 0 0 0;
}

    .main_form.main_form_inner .paragraph p {
        padding-bottom: 18px;
        color: #7d7d7d;
        font-size: 16px;
        line-height: 26px;
    }

        .main_form.main_form_inner .paragraph p a {
            color: #f8af16;
            text-decoration: underline;
        }

.main_form_inner .form-row-bx {
    display: flex;
    margin-bottom: 37px;
    align-items: center;
}

.form-part input[type="text"], .form-part input[type="email"],
.form-part input[type="text"]::-webkit-input-placeholder,
.form-part input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: 1;
    color: #7d7d7d;
}

    .form-part input[type="text"]::-moz-placeholder,
    .form-part input[type="email"]::-moz-placeholder { /* Firefox 19+ */
        opacity: 1;
        color: #7d7d7d;
    }

    .form-part input[type="text"]:-ms-input-placeholder,
    .form-part input[type="email"]:-ms-input-placeholder { /* IE 10+ */
        opacity: 1;
        color: #7d7d7d;
    }

    .form-part input[type="text"]:-moz-placeholder,
    .form-part input[type="email"]:-moz-placeholder { /* Firefox 18- */
        opacity: 1;
        color: #7d7d7d;
    }

.nexthappen {
    margin-bottom: 20px;
    margin-top: 40px;
    padding: 40px;
    background: #1B75BC;
}

.welcome_main {
    background: #1B75BC;
    padding: 40px;
}

.swal2-styled.swal2-confirm {
    background-color: #1B75BC;
}

.ShowAddress {
    text-align: center;
    width: auto;
    font-weight: 700;
    color: green;
    font-size: small;
    text-align: center;
}

.refer_friend_modalbody p strong {
    color: #00a988;
}

.check-wrap input {
    height: auto;
}

.form-row-bx.input_custom input[type="text"] {
    border: 1px solid #f87171 !important;
    padding: .5rem .75rem;
    border-radius: 6px;
    color: #334155;
    font-size: 12px;
    background: #ffffff;
    line-height: normal;
    height: 50px;
}

.form-row-bx.input_custom select.form-control {
    border: 1px solid #f87171 !important;
    padding: .5rem .75rem;
    border-radius: 6px;
    background: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    height: 52px;
    margin: 0px;
}

.form-row-bx.input_custom input[type="text"]:read-only {
    background: #fff;
}

span.required {
    color: red;
}
/*New pahe css*/
.ourservicebox-con {
    background-color: #fff;
    border-radius: 7px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    margin-top: 15px;
    padding: 25px;
}


.plan-text {
    font-size: 22px;
    color: #262262;
}

.free-mid {
    display: flex;
    padding: 30px 0px 0px 0px;
    align-items: center;
}

.free-batterytext {
    color: #ef4036;
    font-size: 24px;
    font-weight: 600;
    width: calc(100% - 135px);
}

.rabate-price span {
    font-weight: 700;
    font-size: 28px;
}

.rabate-price {
    padding: 10px 0px 10px 12px;
    border-left: 1px solid #cecaca;
}

.gstmain {
    padding: 30px 0px 0px 0px;
    line-height: 22px;
}

.battery-brand {
    border-top: 1px solid #cfcfcf;
    margin: 25px 0px 0px 0px;
    padding: 25px 0px 0px 0px;
}

.battery-head {
    font-weight: 600;
    font-size: 15px;
}

.battery-brand ul {
    padding: 7px 0px 0px 15px;
}

    .battery-brand ul li {
        margin-top: 3px;
        position: relative;
        padding-left: 17px;
    }

        .battery-brand ul li:before {
            width: 8px;
            height: 2px;
            background: #000;
            position: absolute;
            left: 0px;
            top: 10px;
            content: "";
        }

.brand-bullate {
    border-top: 1px solid #cfcfcf;
    margin: 25px 0px 0px 0px;
    padding: 25px 0px 0px 0px;
}

    .brand-bullate ul li {
        font-size: 15px;
        padding: 3px 0px 0px 17px;
        position: relative;
    }

        .brand-bullate ul li:before {
            background: url(images/bullate-icon.png) no-repeat;
            width: 10px;
            height: 13px;
            position: absolute;
            left: 0px;
            top: 6px;
            content: "";
        }

.viewcritical-text {
      text-align: center;
    margin: 35px 0px 0px 0px;
}

    .viewcritical-text a {
        color: #ef4036;
        font-size: 16px;
        position: relative;
        border-top: 1px solid #cfcfcf;
        padding: 35px 0px 0px 0px;
        display: block;
        vertical-align: top;
    }

        .viewcritical-text a:after {
            background: url(images/blue-arrow.svg) no-repeat;
            width: 27px;
            height: 15px;
            position: relative;
            right: 0px;
            top: 3px;
            content: "";
            background-size: 100%;
            display: inline-block;
            vertical-align: top;
            margin-left: 15px;
        }

.bluebtn {
    padding: 0px 38px;
    line-height: 60px;
    border-radius: 30px;
    background: #ef4036;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    border: 1px solid #ef4036;
}

.batterybtn {
    text-align: center;
    margin: 35px 0px 0px 0px;
    border-top: 1px solid #cfcfcf;
    padding-top: 35px;
}

.rebatebox-main {
    padding: 10px 0px 0px 0px;
}

.boost-head {
    font-size: 32px;
    line-height: 1.3;
    color: #262262;
    font-weight: 800;
    position: relative;
    margin-bottom: 30px;
}

/*.rebate-container .container {
    max-width: 1335px;
}
    */

/*.ourservicebox-con.highlight-box {
    box-shadow: rgba(22, 66, 157, 9) 0px 1px 4px;
}*/

.bluebtn:hover {
    background: #3b3543;
    color: #fff;
    border: 1px solid #3b3543;
}
.viewcritical-text a:hover {
    color: #3b3543;
}
button.bluebtn:focus {
    outline: 0px;
}
/*legend New page CSS*/
/*new Added*/
@media(min-width:1200px) {
    .menu ul li a:hover {
        color: #FAB251;
    }

    /*.mc-back-btn a:hover {
        color: #F79C2E !important;
    }*/ 
}

@media (max-width: 1399px) {
    .rebatebox-main .col-md-4 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .rebatebox-main .row {
        margin-left: -12px;
        margin-right: -12px;
    }
}

}

@media (min-width: 1199px) {
    .bluebtn:hover {
        background: #FAB251;
        color: #fff;
    }
}

@media (max-width: 991px) {
    .ourservicebox-con {
        margin-top: 25px;
    }

    .rebatebox-main .row {
        justify-content: center;
    }

    .rebatebox-main .col-md-4 {
        width: 50%;
    }

    .support-inner {
        flex-wrap: wrap;
    }

    .right-nav-main {
        width: 100%;
        max-width: 100%;
    }

    .rightnav-img img {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .rebatebox-main .col-md-4 {
        width: 100%;
        max-width: 400px;
        margin: auto;
    }

    .rebatebox-main .col-md-4 {
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
}




.text-danger, .error.field-validation-error, .error-message {
    color: #ef4036 !important;
    font-size: 12px;
    font-weight: 400;
}
