/*! Prefix flex for IE10  in LESS
* https://gist.github.com/codler/2148ba4ff096a19f08ea
* Copyright (c) 2014 Han Lin Yap http://yap.nu; MIT license */
/* These are the conditional mixins for the different syntax for IE10 Flexbox */
/*! normalize.css by Dream-Theme.com based on http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
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: 700;
}

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-wrap: 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: -0.5em;
}

sub {
    bottom: -0.25em;
}

dd,
dl,
menu,
ol,
ul {
    list-style: none;
    list-style-image: 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;
}
/* HTML5 display definitions:end; */
/*****************************************************
	!-validationEngine.jquery
******************************************************/
.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;
}

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

.formError .formErrorArrow {
    border: none;
}
/* validationEngine.jquery:end; */
/* #LayerSlider DT Skin
================================================== */
#page .ls-defaultskin {
    border: none;
    padding: 0;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    #page .ls-defaultskin .ls-playvideo {
        width: 50px;
        height: 50px;
        margin-left: -25px;
        margin-top: -25px;
    }

    #page .ls-defaultskin .ls-playvideo,
    #page .ls-defaultskin .ls-nav-sides,
    #page .ls-defaultskin .ls-nav-start,
    #page .ls-defaultskin .ls-nav-stop,
    #page .ls-defaultskin .ls-fullscreen {
        background-image: none;
    }

    #page .ls-defaultskin .ls-nav-prev,
    #page .ls-defaultskin .ls-nav-prev:hover,
    #page .ls-defaultskin .ls-nav-next,
    #page .ls-defaultskin .ls-nav-next:hover {
        background-position: 0px 0px;
    }

    #page .ls-defaultskin .ls-bottom-slidebuttons a {
        background-image: none;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        #page .ls-defaultskin .ls-bottom-slidebuttons a:after {
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

    #page .ls-defaultskin .ls-nav-start,
    #page .ls-defaultskin .ls-nav-stop {
        width: 18px;
        height: 18px;
        margin: 0 6px;
        background-color: #fff;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

        #page .ls-defaultskin .ls-nav-start:hover,
        #page .ls-defaultskin .ls-nav-stop:hover,
        #page .ls-defaultskin .ls-nav-stop.ls-nav-stop-active,
        #page .ls-defaultskin .ls-nav-start.ls-nav-start-active {
            opacity: 0.65;
        }

        #page .ls-defaultskin .ls-nav-stop.ls-nav-stop-active,
        #page .ls-defaultskin .ls-nav-start.ls-nav-start-active {
            cursor: default;
        }

    #page .ls-defaultskin .ls-nav-stop {
        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'%09 width='10px' height='10px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%3Cpath fill='rgba(0,0,0, 0.8)' d='M217.679,462h-120V50h120V462z M414.321,50h-120v412h120V50z'/%3E%3C/svg%3E");
        background-position: 4px center;
    }

    #page .ls-defaultskin .ls-nav-start {
        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='10px' height='10px' viewBox='0 0 512 512' enable-background='new 0 0 512 512' xml:space='preserve'%3E%09%3Cpolygon fill='rgba(0,0,0, 0.8)' points='418.999,256.001 121.001,462 121.001,50 '/%3E%3C/svg%3E");
        background-position: 5px center;
    }

    #page .ls-defaultskin .ls-nav-prev,
    #page .ls-defaultskin .ls-nav-next {
        width: 30px;
        height: 55px;
        z-index: 10000;
        top: 50%;
        margin-top: -27px;
        position: absolute;
        background: none;
    }

        #page .ls-defaultskin .ls-nav-prev:before,
        #page .ls-defaultskin .ls-nav-next:before,
        #page .ls-defaultskin .ls-nav-prev:after,
        #page .ls-defaultskin .ls-nav-next:after {
            position: absolute;
            left: 0;
            top: 0;
            width: 30px;
            height: 55px;
            content: "";
            background-position: 0 0;
            background-repeat: no-repeat;
            z-index: 9;
        }

        #page .ls-defaultskin .ls-nav-prev:after,
        #page .ls-defaultskin .ls-nav-next:after {
            top: 1px;
            left: 0;
            z-index: 8;
        }

    #page .ls-defaultskin .ls-nav-prev {
        left: 10px;
    }

    #page .ls-defaultskin .ls-nav-next {
        right: 10px;
    }

    #page .ls-defaultskin .ls-bottom-slidebuttons,
    #page .ls-defaultskin .ls-nav-sides {
        height: 20px;
    }

    #page .ls-defaultskin .ls-bottom-nav-wrapper {
        margin-top: 0;
    }

    #page .ls-defaultskin .ls-bottom-slidebuttons,
    #page .ls-defaultskin .ls-bottom-slidebuttons a,
    #page .ls-defaultskin .ls-nav-start,
    #page .ls-defaultskin .ls-nav-stop,
    #page .ls-defaultskin .ls-nav-sides {
        display: inline-block;
    }

    #page .ls-defaultskin .ls-bottom-slidebuttons,
    #page .ls-defaultskin .ls-nav-start,
    #page .ls-defaultskin .ls-nav-stop,
    #page .ls-defaultskin .ls-nav-sides {
        top: -30px;
    }

    #page .ls-defaultskin .ls-bottom-slidebuttons {
        top: -32px;
    }

.overlap #page .ls-defaultskin .ls-bottom-slidebuttons,
.overlap #page .ls-defaultskin .ls-nav-start,
.overlap #page .ls-defaultskin .ls-nav-stop,
.overlap #page .ls-defaultskin .ls-nav-sides {
    top: -97px;
}

.overlap #page .ls-defaultskin .ls-bottom-slidebuttons {
    top: -99px;
}

#page .ls-defaultskin .ls-thumbnail-hover {
    bottom: 29px;
    margin-left: 4px;
}

#page .ls-defaultskin .ls-thumbnail-hover-bg {
    background: #eee;
}

#page .ls-defaultskin .ls-thumbnail-hover span {
    border: 5px solid #eee;
    margin-left: -5px;
}

#page .ls-defaultskin .ls-thumbnail {
    top: 10px;
}

#page .ls-defaultskin .ls-thumbnail-inner {
    padding: 2px;
    margin-left: -2px;
    background: #fff;
}

#page .ls-defaultskin .ls-thumbnail-slide a {
    margin-right: 2px;
}

#page .ls-defaultskin .ls-nothumb {
    background: #eee;
}

.ls-container.ls-carousel .ls-nav-prev,
.ls-container.ls-carousel .ls-nav-next {
    width: 30px;
    height: 60px;
}

    .ls-container.ls-carousel .ls-nav-prev:after,
    .ls-container.ls-carousel .ls-nav-next:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-position: center center;
        background-repeat: no-repeat;
    }

    .ls-container.ls-carousel .ls-nav-prev:after,
    .ls-container.ls-carousel .ls-nav-prev:hover: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='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E");
    }

    .ls-container.ls-carousel .ls-nav-next:after,
    .ls-container.ls-carousel .ls-nav-next:hover: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='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E");
    }

    .ls-container.ls-carousel .ls-nav-prev,
    .ls-container.ls-carousel .ls-nav-next,
    .ls-container.ls-carousel .ls-nav-prev:hover,
    .ls-container.ls-carousel .ls-nav-next:hover,
    #page .ls-carousel .ls-loading-indicator {
        background-repeat: no-repeat;
        background-position: center center;
    }

#page .ls-defaultskin .ls-fullscreen {
    width: 30px;
    height: 30px;
    right: 10px;
    top: 10px;
}

#page .ls-carousel .ls-nav-prev,
#page .ls-carousel .ls-nav-next {
    z-index: 90;
}

.ls-container a {
    text-decoration: none;
}

#page .ls-defaultskin .ls-nav-next: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");
}

#page .ls-defaultskin .ls-nav-next: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");
}

#page .ls-defaultskin .ls-nav-next: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");
}

#page .ls-defaultskin .ls-nav-prev: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");
}

#page .ls-defaultskin .ls-nav-prev: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");
}

#page .ls-defaultskin .ls-nav-prev: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");
}

#page .ls-defaultskin .ls-nav-start,
#page .ls-defaultskin .ls-nav-stop,
#page .ls-defaultskin .ls-bottom-slidebuttons a {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

.loading-label,
#page .ls-defaultskin .ls-loading-container,
#page .ls-carousel .ls-loading-container {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
/* LayerSlider DT Skin:end */
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9442;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9443;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: none !important;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

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

button.mfp-close:active {
    background: none;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
    }

    .mfp-close:active {
        top: 1px;
    }

    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50% !important;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
        background: none;
    }

    .mfp-arrow:hover,
    .mfp-arrow:focus {
        opacity: 1;
    }

    .mfp-arrow:before,
    .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }
/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 90px;
    margin: 0 auto;
}

.no-share-buttons img.mfp-img {
    padding: 40px 0 40px;
}
/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 90px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

.no-share-buttons .mfp-figure:after {
    bottom: 40px;
}

.mfp-figure small,
.mfp-iframe-scaler small {
    color: #bdbdbd;
    display: block;
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -77px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.no-share-buttons .mfp-bottom-bar {
    margin-top: -36px;
}

.mfp-iframe-scaler .mfp-bottom-bar {
    margin-top: 0;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-container .soc-ico a {
    visibility: visible;
    background: rgba(255, 255, 255, 0.12) !important;
}

    .mfp-container .soc-ico a .icon {
        fill: #fff !important;
    }
/* Magnific Popup CSS:end */
/*Fade effect mfp*/
@-webkit-keyframes mfp_fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes mfp_fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes mfp_fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mfp_fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.mobile-false:not(.old-ie) .mfp-open .mfp-container:not(.mfp-iframe-holder) .mfp-content {
    -webkit-animation-name: mfp_fadeIn;
    animation-name: mfp_fadeIn;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

body.mfp-zoom-out-cur {
    overflow: hidden;
}

.mobile-false:not(.old-ie) .mfp-img-mobile .mfp-figure,
.mobile-false:not(.old-ie) .mfp-img-mobile .mfp-iframe {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: scale(0.8);
}

.mobile-false:not(.old-ie) .mfp-img-mobile.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.mobile-false .mfp-img-mobile.mfp-ready .mfp-figure,
.mobile-false .mfp-img-mobile.mfp-ready .mfp-iframe {
    opacity: 1;
    transform: scale(1);
}

.mobile-false .mfp-img-mobile.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mobile-false:not(.old-ie) .mfp-img-mobile.mfp-removing .mfp-figure,
.mobile-false:not(.old-ie) .mfp-img-mobile.mfp-removing .mfp-iframe {
    transform: scale(0.8);
    opacity: 0;
}

.mobile-false:not(.old-ie) .mfp-img-mobile.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-title .entry-share {
    margin: 10px 0 0;
}

.btn-ios .mfp-container button {
    position: absolute;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .btn-ios .mfp-container button.mfp-close:after {
        display: none;
    }

.mfp-container,
img.mfp-img,
.mfp-img-mobile .mfp-bottom-bar {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-iframe-scaler iframe,
.mfp-figure:after {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* #NextGEN gallery
================================================== */
#page .ngg-gallery-thumbnail img,
#page .ngg-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.page-numbers,
#page .ngg-navigation a.next,
#page .ngg-navigation a.prev,
#page .ngg-navigation span.page-numbers,
#page .ngg-navigation span.next,
#page .ngg-navigation span.prev {
    border: none;
    background: none;
}

.ngg-navigation a.page-numbers:hover,
.ngg-navigation a.next:hover,
.ngg-navigation a.prev:hover {
    background: none;
}

#page .ngg-gallery-thumbnail img,
#page .ngg-thumbnail img,
#page .ngg-imagebrowser .pic,
#page .ngg-imagebrowser-nav .next,
#page .ngg-imagebrowser-nav .back,
#page .ngg-navigation a.page-numbers,
#page .ngg-navigation a.next,
#page .ngg-navigation a.prev,
#page .ngg-navigation span.page-numbers,
#page .ngg-navigation span.next,
#page .ngg-navigation span.prev {
    border: none;
    background: none;
}

#page .ngg-navigation a {
    font-weight: normal;
}

    #page .ngg-navigation a.page-numbers:hover,
    #page .ngg-navigation a.next:hover,
    #page .ngg-navigation a.prev:hover {
        background-color: transparent;
    }

.ngg-imagebrowser a:hover,
.ngg-thumbnail a:hover,
#page .ngg-galleryoverview .ngg-gallery-thumbnail a:hover img,
.ngg-album-link a:hover img {
    opacity: 0.7 !important;
}

.ngg-imagebrowser img {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*NextGEN gallery:end*/
/* #Revolution slider
================================================== */
.rev_slider_wrapper {
    z-index: 1;
}

.tp-scrollbelowslider:hover {
    cursor: pointer;
}

#page .tp-rightarrow.custom,
#page .tp-leftarrow.custom {
    background: none !important;
}

#page .tparrows.custom {
    /*position: relative;*/
    width: 30px;
    height: 55px;
}

    #page .tparrows.custom:before,
    #page .tparrows.custom:after {
        position: absolute;
        left: 0;
        top: 0;
        width: 30px;
        height: 55px;
        content: "";
        background-position: 0 0;
        background-repeat: no-repeat;
        z-index: 9;
    }

    #page .tparrows.custom:after {
        top: 1px;
        left: 0;
        z-index: 8;
    }

.old-ie .kenburnimg img,
.is-iphone .kenburnimg img {
    transform: none !important;
}
/*!Revolution slider arrows*/
#page .tp-rightarrow.custom: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");
}

#page .tp-rightarrow.custom: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");
}

#page .tp-rightarrow.custom: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='29.75,27.45 2.322,0 0.266,2.054 25.638,27.45 0.25,52.813 2.305,54.869 '/%3E %3C/svg%3E");
}

#page .tp-leftarrow.custom: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='white' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");
}

#page .tp-leftarrow.custom: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.15)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");
}

#page .tp-leftarrow.custom: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='30px' height='55px' viewBox='0 0 30 55' enable-background='new 0 0 30 55' xml:space='preserve'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.7)' points='0.25,27.419 27.678,54.869 29.734,52.815 4.363,27.419 29.75,2.057 27.695,0 '/%3E %3C/svg%3E");
}
/* Revolution slider:end */
.tp-bullets.custom .tp-bullet:hover {
    cursor: pointer;
}

.tp-bullets.custom .tp-bullet {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 2px;
    vertical-align: middle;
    background: none !important;
}

.accent-bullets .tp-bullets.custom .tp-bullet {
    width: 14px;
    height: 14px;
}

.tp-bullets.custom {
    width: auto !important;
}

    .tp-bullets.custom .tp-bullet {
        left: auto !important;
    }

        .tp-bullets.custom .tp-bullet:before {
            position: absolute;
            left: 1px;
            top: 1px;
            width: 8px;
            height: 8px;
            content: "";
            border: 2px solid;
        }

.accent-bullets .tp-bullets.custom .tp-bullet:before {
    -webkit-animation: anim-effect-bullet 0.3s ease-out forwards;
    animation: anim-effect-bullet 0.3s ease-out forwards;
}

.outlines-bullets .tp-bullets.custom .tp-bullet:before {
    border: none;
}

.tp-bullets.custom .tp-bullet:hover:before,
.tp-bullets.custom .tp-bullet.selected:before {
    width: 10px;
    height: 10px;
    margin: -1px 0 0 -1px;
}

.accent-bullets .tp-bullets.custom .tp-bullet:before,
.accent-bullets .tp-bullets.custom .tp-bullet.selected:before {
    width: 14px;
    height: 14px;
    border: none;
}

.accent-bullets .tp-bullets.custom .tp-bullet.selected:before {
    -webkit-animation: anim-effect-bullet-act 0.3s ease-out forwards;
    animation: anim-effect-bullet-act 0.3s ease-out forwards;
}
/*	.tp-bullets.custom .bullet:hover:before {
		border-color: rgba(255,255,255,1);
	}
	.tp-bullets.custom .bullet.selected:before {
		border-color: rgba(255,255,255,0.5);
	}*/
#main-slideshow .tp-bullets.custom .tp-bullet:before,
#main-slideshow .tp-bullets.custom .tp-bullet.selected:hover:before,
#main-slideshow .tp-bullets.custom .tp-bullet:hover:before {
    border-color: rgba(187, 187, 187, 0.5) !important;
}

#main-slideshow .tp-bullets.custom .tp-bullet.selected:after {
    background-color: rgba(187, 187, 187, 0.5) !important;
}

.tp-bullets.custom .tp-bullet:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -2px;
    width: 4px;
    height: 4px;
    content: "";
}

.accent-bullets .tp-bullets.custom .tp-bullet:after {
    margin: -3px 0 0 -3px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
}

.tp-bullets.custom .tp-bullet:before,
.tp-bullets.custom .tp-bullet:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.tp-bullets.custom .tp-bullet:before,
.tp-bullets.custom .tp-bullet:after {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/* #WPML
================================================== */
#lang_sel,
#lang_sel_click,
#lang_sel_list {
    position: relative;
    z-index: 99;
    display: inline-block !important;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

    #lang_sel a,
    #lang_sel_click a {
        display: block;
        text-decoration: none;
        white-space: nowrap;
        padding: 5px 15px 5px 10px;
        min-width: 150px;
        text-align: left;
        -webkit-transition: background-color 0.2s, color 0.2s;
        transition: background-color 0.2s, color 0.2s;
        box-sizing: border-box;
    }

    #lang_sel > ul > li:after,
    #lang_sel_click > ul > li:after {
        background-position: right center;
        background-repeat: no-repeat;
        content: "";
        height: 8px;
        margin: -4px 10px 0 0;
        position: absolute;
        top: 50%;
        right: 0;
        width: 8px;
    }

    #lang_sel ul,
    #lang_sel li,
    #lang_sel_click ul,
    #lang_sel_click li,
    #lang_sel_list ul,
    #lang_sel_click li {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }

        #lang_sel li:before,
        #lang_sel_click li:before {
            content: '';
        }

        #lang_sel ul > li > ul,
        #lang_sel_click ul > li > ul {
            position: absolute;
            opacity: 0;
            visibility: hidden;
            padding: 10px;
            width: 200px;
            -webkit-transition: opacity 0.2s;
            transition: opacity 0.2s;
            -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
            box-sizing: border-box;
        }

.side-header #lang_sel ul > li > ul,
.side-header #lang_sel_click ul > li > ul,
.dt-mobile-header #lang_sel ul > li > ul,
.dt-mobile-header #lang_sel_click ul > li > ul {
    bottom: 100%;
}

#lang_sel:hover ul > li > ul,
#lang_sel_click:hover ul > li > ul {
    opacity: 1;
    visibility: visible;
}

.iclflag {
    margin-right: 5px;
}
/* !-- Language panel */
/* (These styles should be tested extensively with WPML) */
.mini-lang {
    position: relative;
}

    .mini-lang li {
        display: inline-block;
        margin-right: 20px;
        white-space: nowrap;
    }

        .mini-lang li:last-child {
            margin-right: 0;
        }

    .mini-lang img {
        margin: 0 5px 2px 0;
        vertical-align: middle;
    }

.sub-downwards .submenu-languages > li > a:hover {
    background: none;
}
/*.side-header .main-nav > li.menu-item-language > a:after,
	.mobile-main-nav > li.menu-item-language > a:after {
		position: absolute;
		top: 50%;
		margin-top: -7px;
		right: -14px;
		width: 14px;
		height: 14px;
		content: "";
		background-repeat: no-repeat;
		background-position: center center;
	}
	.side-header.sub-downwards .main-nav > li.menu-item-language > a:after,
	.mobile-main-nav > li.menu-item-language > a:after {
		right: -30px;
		margin-top: -15px;
		width: 30px;
		height: 30px;
	}
	.mobile-main-nav > li.menu-item-language > a:after {
		right: 0px;
	}
	.sub-downwards .main-nav > li.menu-item-language.open-sub > a.act:after,
	.sub-downwards li.open-sub.menu-item-language > .next-level-button,
	.mobile-main-nav > li.menu-item-language.open-sub > a:after {
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}*/
/*submenu languages*/
.submenu-languages {
    position: absolute;
    visibility: hidden;
    z-index: 200;
    top: 100%;
    left: 0;
    padding: 10px;
    opacity: 0;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.side-header:not(.sub-downwards) .main-nav > li > .submenu-languages {
    top: 0 !important;
    left: 100%;
}

.side-header:not(.sub-downwards) .main-nav > li > .submenu-languages {
    left: 100%;
}

.sub-downwards.side-header .main-nav > li > .submenu-languages,
.dt-mobile-header .mobile-main-nav > li > .submenu-languages {
    position: relative;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0;
    visibility: visible;
    opacity: 1;
    z-index: auto;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.wf-td #lang_sel,
.wf-td #lang_sel_click,
.wf-td #lang_sel_list {
    margin: 0 20px 0 0;
}

.right-block #lang_sel,
.right-block #lang_sel_click,
.right-block #lang_sel_list {
    margin: 0 0 0 20px;
}

#lang_sel_list,
#lang_sel_list a,
#lang_sel_footer a {
    text-decoration: none;
    text-align: left;
}

    #lang_sel_list a:hover,
    #lang_sel_footer a:hover {
        opacity: 0.8;
    }

.lang_sel_list_horizontal li,
#lang_sel_footer li {
    display: inline-block;
    margin-right: 15px;
}

    .lang_sel_list_horizontal li:last-child,
    #lang_sel_footer li:last-child {
        margin-right: 0;
    }

#lang_sel_footer {
    margin: 0;
    padding: 7px;
    text-align: center;
    min-height: 15px;
    clear: both;
    background-color: #fff;
    border: 1px solid #cdcdcd;
}

    #lang_sel_footer ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        #lang_sel_footer ul li img {
            position: relative;
            top: 1px;
            width: 18px;
            height: 12px;
        }

        #lang_sel_footer ul li {
            display: inline;
            margin: 0 1px 0 0;
            padding: 0;
            white-space: nowrap;
            line-height: 25px;
        }

            #lang_sel_footer ul li a,
            #lang_sel_footer ul li a:visited {
                text-decoration: none;
                color: #363636;
                padding: 5px 10px;
            }

#wpml_credit_footer {
    width: 100%;
    margin: 10px 0;
    padding: 0;
    text-align: center;
    font-size: 11px;
}
/* !WPML: end */
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
    /* MSPointer events - direct all pointer events to js */
}

    .mCustomScrollbar.mCS_no_scrollbar,
    .mCustomScrollbar.mCS_touch_action {
        -ms-touch-action: auto;
        touch-action: auto;
    }

.mCustomScrollBox {
    /* contains plugin's markup */
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr;
}

.mCSB_container {
    /* contains the original content */
    overflow: hidden;
    width: auto;
    height: auto;
}
/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
    margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}
/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

    .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
        margin-left: 0;
    }
/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
    /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px;
}
/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    /* RTL direction/left-side scrollbar */
    right: auto;
    left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px;
}
/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
    /* contains the draggable element and dragger rail markup */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
    /* the draggable element */
    cursor: pointer;
    width: 100%;
    height: 30px;
    /* minimum dragger height */
    z-index: 1;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        /* the dragger element */
        position: relative;
        width: 4px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
        text-align: center;
    }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
    /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px;
}
/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    /* minimum dragger width */
    height: 100%;
    left: 0;
}

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        width: 100%;
        height: 4px;
        margin: 6px auto;
    }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    /* auto-expanded scrollbar */
    margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    /* auto-expanded scrollbar */
    margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

    .mCSB_container_wrapper > .mCSB_container {
        padding-right: 30px;
        padding-bottom: 30px;
    }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}
/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}
/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}
/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    /* RTL direction/left-side scrollbar */
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    /* non-visible scrollbar */
    margin-left: 0;
}
/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}
/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    /* css sprites */
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0;
    /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px;
    /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px;
    /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px;
    /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
}

    .mCSB_scrollTools .mCSB_buttonUp:hover,
    .mCSB_scrollTools .mCSB_buttonDown:hover,
    .mCSB_scrollTools .mCSB_buttonLeft:hover,
    .mCSB_scrollTools .mCSB_buttonRight:hover {
        opacity: 0.75;
        filter: "alpha(opacity=75)";
        -ms-filter: "alpha(opacity=75)";
    }

    .mCSB_scrollTools .mCSB_buttonUp:active,
    .mCSB_scrollTools .mCSB_buttonDown:active,
    .mCSB_scrollTools .mCSB_buttonLeft:active,
    .mCSB_scrollTools .mCSB_buttonRight:active {
        opacity: 0.9;
        filter: "alpha(opacity=90)";
        -ms-filter: "alpha(opacity=90)";
    }
/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px;
}
/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px;
}
/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px;
}
/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto;
}
/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px;
}
/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px;
}

    .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 14px;
        margin: 0 1px;
    }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px;
}

    .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 14px;
        margin: 1px 0;
    }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    /* auto-expanded scrollbar */
    height: 16px;
    margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px;
    /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    /* auto-expanded scrollbar */
    width: 16px;
    margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    /* auto-expanded scrollbar */
    margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px;
}
/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px;
}
/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px;
}
/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px;
}
/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}
/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        -webkit-border-radius: 16px;
        -moz-border-radius: 16px;
        border-radius: 16px;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
        width: 8px;
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.2);
        box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
        background-color: #555;
    }

    .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 8px;
    }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)";
}

    .mCS-3d-thick.mCSB_scrollTools,
    .mCS-3d-thick-dark.mCSB_scrollTools,
    .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
    .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        border-radius: 7px;
    }

        .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
        .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px;
}
/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}
/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)";
}
/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px;
}
/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px;
}
/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2);
}
/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
}
/* ---------------------------------------- */
/*!
 * 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. 
 */
/* #Grid system
================================================== */
.wf-phone-visible,
.wf-mobile-visible {
    display: none;
}

.wf-wrap,
.wf-cell,
.wf-usr-cell,
.content,
.sidebar,
.wpb_row {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wf-container {
    font-size: 0;
    line-height: 0;
    word-spacing: -4px;
}

.wf-cell,
.wf-usr-cell,
.footer .widget {
    display: inline-block;
    vertical-align: top;
}

.ancient-ie .wf-cell,
.ancient-ie .wf-usr-cell,
.ancient-ie .footer .widget {
    display: inline;
    zoom: 1;
}
/* !- Cells widths */
.wf-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,
.sidebar {
    width: 25%;
}

.content,
.wf-3-4,
.wf-span-9 {
    width: 75%;
}

.wf-1-5 {
    width: 20%;
}

.wf-1-6,
.wf-span-2 {
    width: 16.6667%;
}

.wf-span-1,
.wf-span-10 {
    width: 83.3333%;
}

.wf-span-7 {
    width: 58.3333%;
}
/* Grid system: end */
/* #Layout helpers
================================================== */
.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;
}
/* Layout helpers: end */
/* #WireFrame settings
================================================== */
.wf-cell,
.wf-usr-cell,
.content,
.sidebar,
.footer .widget {
    padding: 0 22px;
}

.wf-container,
.wf-container-main {
    margin: 0 -22px;
    padding: 0;
}

.wf-wrap {
    max-width: 100%;
    padding: 0 44px;
    margin: 0 auto;
}
/* WireFrame settings: end */
/* #Animation
================================================== */
/*Old animation library*/
/* Scale Up animation */
@-webkit-keyframes mk_scale {
    0% {
        -webkit-transform: scale(0.3);
        opacity: 0.1;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes mk_scale {
    0% {
        transform: scale(0.3);
        opacity: 0.1;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}
/* Fade In animation */
@-webkit-keyframes mk_fade {
    0% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes mk_fade {
    0% {
        opacity: 0.1;
    }

    100% {
        opacity: 1;
    }
}
/* Left to Right animation */
@-webkit-keyframes mk_left_to_right {
    0% {
        -webkit-transform: translate(-20px, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes mk_left_to_right {
    0% {
        transform: translate(-20px, 0);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
/* Right To Left animation */
@-webkit-keyframes mk_right_to_left {
    0% {
        -webkit-transform: translate(20px, 0);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes mk_right_to_left {
    0% {
        transform: translate(20px, 0);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
/* Bottom to Top animation */
@-webkit-keyframes mk_bottom_to_top {
    0% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes mk_bottom_to_top {
    0% {
        transform: translate(0, 20px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}
/* Top to Bottom animation */
@-webkit-keyframes mk_top_to_bottom {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1;
    }
}

@keyframes mk_top_to_bottom {
    0% {
        transform: translate(0, -20px);
        opacity: 0;
    }

    100% {
        transform: translate(0, 0);
        opacity: 1;
    }
}

.mobile-false .animate-element {
    opacity: 0;
}

.ie-mobile .animate-element,
.skills.animate-element,
.no-cssanimations .animate-element.start-animation,
.mobile-true #main .wpb_animate_when_almost_visible {
    opacity: 1;
}

.mobile-false .animate-element.start-animation.scale-up,
.mobile-false #page .animate-element.start-animation.scale-up,
.mobile-false #page .wpb_start_animation.wpb_appear {
    -webkit-animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation: mk_scale 0.5s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: 1;
}

.mobile-false .animate-element.start-animation.fade-in,
.mobile-false #page .animate-element.start-animation.fade-in {
    -webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: 1;
}

.mobile-false .animate-element.start-animation.right-to-left,
.mobile-false #page .animate-element.start-animation.right-to-left,
.mobile-false #main .wpb_start_animation.wpb_right-to-left {
    -webkit-animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: mk_right_to_left 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 1;
}

.mobile-false .animate-element.start-animation.left-to-right,
.mobile-false #page .animate-element.start-animation.left-to-right,
.mobile-false #main .wpb_start_animation.wpb_left-to-right {
    -webkit-animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: mk_left_to_right 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 1;
}

.mobile-false .animate-element.start-animation.top-to-bottom,
.mobile-false #page .animate-element.start-animation.top-to-bottom,
.mobile-false #main .wpb_start_animation.wpb_top-to-bottom {
    -webkit-animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: mk_top_to_bottom 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 1;
}

.mobile-false .animate-element.start-animation.bottom-to-top,
.mobile-false #page .animate-element.start-animation.bottom-to-top,
.mobile-false #main .wpb_start_animation.wpb_bottom-to-top {
    -webkit-animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
    animation: mk_bottom_to_top 0.6s 1 cubic-bezier(0.77, 0, 0.175, 1);
    opacity: 1;
}
/*New animation library*/
.mobile-false .animate-element.start-animation {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/* bounce */
@-webkit-keyframes dt_bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

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

@keyframes dt_bounce {
    0%, 20%, 53%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        -ms-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        -ms-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

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

.mobile-false .animate-element.start-animation.bounce,
.mobile-false #page .animate-element.start-animation.bounce {
    -webkit-animation-name: dt_bounce;
    animation-name: dt_bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    opacity: 1;
}
/* flash */
@-webkit-keyframes dt_flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes dt_flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.mobile-false .animate-element.start-animation.flash {
    -webkit-animation-name: dt_flash;
    animation-name: dt_flash;
}
/* pulse */
@-webkit-keyframes dt_pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

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

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes dt_pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

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

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.mobile-false .animate-element.start-animation.pulse {
    -webkit-animation-name: dt_pulse;
    animation-name: dt_pulse;
    opacity: 1;
}
/* rubberBand */
@-webkit-keyframes dt_rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

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

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

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

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

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

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes dt_rubberBand {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        -ms-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        -ms-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        -ms-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        -ms-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        -ms-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.mobile-false .animate-element.start-animation.rubberBand {
    -webkit-animation-name: dt_rubberBand;
    animation-name: dt_rubberBand;
    opacity: 1;
}
/* shake */
@-webkit-keyframes dt_shake {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

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

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

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

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

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

.mobile-false .animate-element.start-animation.shake {
    -webkit-animation-name: dt_shake;
    animation-name: dt_shake;
    opacity: 1;
}
/* swing */
@-webkit-keyframes dt_swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes dt_swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.mobile-false .animate-element.start-animation.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: dt_swing;
    animation-name: dt_swing;
    opacity: 1;
}
/* tada */
@-webkit-keyframes dt_tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

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

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

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes dt_tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.mobile-false .animate-element.start-animation.tada {
    -webkit-animation-name: dt_tada;
    animation-name: dt_tada;
    opacity: 1;
}
/* wobble */
@-webkit-keyframes dt_wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

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

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

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

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

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

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

@keyframes dt_wobble {
    0% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

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

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

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

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

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

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.mobile-false .animate-element.start-animation.wobble {
    -webkit-animation-name: dt_wobble;
    animation-name: dt_wobble;
    opacity: 1;
}
/* bounceIn */
@-webkit-keyframes dt_bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

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

@keyframes dt_bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

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

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        -ms-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }

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

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        -ms-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.mobile-false .animate-element.start-animation.bounceIn {
    -webkit-animation-name: dt_bounceIn;
    animation-name: dt_bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    opacity: 1;
}
/* bounceInDown */
@-webkit-keyframes dt_bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

@keyframes dt_bounceInDown {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.mobile-false .animate-element.start-animation.bounceInDown {
    -webkit-animation-name: dt_bounceInDown;
    animation-name: dt_bounceInDown;
    opacity: 1;
}
/* bounceInLeft */
@-webkit-keyframes dt_bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

@keyframes dt_bounceInLeft {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.mobile-false .animate-element.start-animation.bounceInLeft {
    -webkit-animation-name: dt_bounceInLeft;
    animation-name: dt_bounceInLeft;
    opacity: 1;
}
/* bounceInRight */
@-webkit-keyframes dt_bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

@keyframes dt_bounceInRight {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}

.mobile-false .animate-element.start-animation.bounceInRight {
    -webkit-animation-name: dt_bounceInRight;
    animation-name: dt_bounceInRight;
    opacity: 1;
}
/* bounceInUp */
@-webkit-keyframes dt_bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

@keyframes dt_bounceInUp {
    0%, 60%, 75%, 90%, 100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

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

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

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

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

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

.mobile-false .animate-element.start-animation.bounceInUp {
    -webkit-animation-name: dt_bounceInUp;
    animation-name: dt_bounceInUp;
    opacity: 1;
}
/* fadeIn */
@-webkit-keyframes dt_fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes dt_fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.mobile-false .animate-element.start-animation.fadeIn {
    -webkit-animation-name: dt_fadeIn;
    animation-name: dt_fadeIn;
}
/* fadeInDown */
@-webkit-keyframes dt_fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

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

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

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

.mobile-false .animate-element.start-animation.fadeInDown {
    -webkit-animation-name: dt_fadeInDown;
    animation-name: dt_fadeInDown;
}
/* fadeInDownBig */
@-webkit-keyframes dt_fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

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

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

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

.mobile-false .animate-element.start-animation.fadeInDownBig {
    -webkit-animation-name: dt_fadeInDownBig;
    animation-name: dt_fadeInDownBig;
}
/* fadeInLeft */
@-webkit-keyframes dt_fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

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

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

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

.mobile-false .animate-element.start-animation.fadeInLeft {
    -webkit-animation-name: dt_fadeInLeft;
    animation-name: dt_fadeInLeft;
}
/* fadeInLeftBig */
@-webkit-keyframes dt_fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

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

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

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

.mobile-false .animate-element.start-animation.fadeInLeftBig {
    -webkit-animation-name: dt_fadeInLeftBig;
    animation-name: dt_fadeInLeftBig;
}
/* fadeInRight */
@-webkit-keyframes dt_fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

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

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

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

.mobile-false .animate-element.start-animation.fadeInRight {
    -webkit-animation-name: dt_fadeInRight;
    animation-name: dt_fadeInRight;
}
/* fadeInRightBig */
@-webkit-keyframes dt_fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

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

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

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

.mobile-false .animate-element.start-animation.fadeInRightBig {
    -webkit-animation-name: dt_fadeInRightBig;
    animation-name: dt_fadeInRightBig;
}
/* fadeInUp */
@-webkit-keyframes dt_fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

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

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

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

.mobile-false .animate-element.start-animation.fadeInUp {
    -webkit-animation-name: dt_fadeInUp;
    animation-name: dt_fadeInUp;
}
/* fadeInUpBig */
@-webkit-keyframes dt_fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

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

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

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

.mobile-false .animate-element.start-animation.fadeInUpBig {
    -webkit-animation-name: dt_fadeInUpBig;
    animation-name: dt_fadeInUpBig;
}
/* flipInX */
@-webkit-keyframes dt_flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

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

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

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

@keyframes dt_flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.mobile-false .animate-element.start-animation.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: dt_flipInX;
    animation-name: dt_flipInX;
    opacity: 1;
}
/* flipInY */
@-webkit-keyframes dt_flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

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

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

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

@keyframes dt_flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        -ms-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.mobile-false .animate-element.start-animation.flipInY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: dt_flipInY;
    animation-name: dt_flipInY;
    opacity: 1;
}
/* rotateIn */
@-webkit-keyframes dt_rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

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

@keyframes dt_rotateIn {
    0% {
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        -ms-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

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

.mobile-false .animate-element.start-animation.rotateIn {
    -webkit-animation-name: dt_rotateIn;
    animation-name: dt_rotateIn;
}
/* rotateInDownLeft */
@-webkit-keyframes dt_rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

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

@keyframes dt_rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.mobile-false .animate-element.start-animation.rotateInDownLeft {
    -webkit-animation-name: dt_rotateInDownLeft;
    animation-name: dt_rotateInDownLeft;
}

@-webkit-keyframes dt_rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

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

@keyframes dt_rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.mobile-false .animate-element.start-animation.rotateInDownRight {
    -webkit-animation-name: dt_rotateInDownRight;
    animation-name: dt_rotateInDownRight;
}
/* rightInDownRight */
@-webkit-keyframes dt_rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

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

@keyframes dt_rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -ms-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.mobile-false .animate-element.start-animation.rotateInUpLeft {
    -webkit-animation-name: dt_rotateInUpLeft;
    animation-name: dt_rotateInUpLeft;
}
/* rotateInUpRight */
@-webkit-keyframes dt_rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

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

@keyframes dt_rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        -ms-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        opacity: 1;
    }
}

.mobile-false .animate-element.start-animation.rotateInUpRight {
    -webkit-animation-name: dt_rotateInUpRight;
    animation-name: dt_rotateInUpRight;
}
/* rollIn */
@-webkit-keyframes dt_rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

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

@keyframes dt_rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

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

.mobile-false .animate-element.start-animation.rollIn {
    -webkit-animation-name: dt_rollIn;
    animation-name: dt_rollIn;
}
/* rollOut */
@-webkit-keyframes dt_rollOut {
    0% {
        opacity: 1;
    }

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

@keyframes dt_rollOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.mobile-false .animate-element.start-animation.rollOut {
    -webkit-animation-name: dt_rollOut;
    animation-name: dt_rollOut;
    opacity: 1;
}
/* zoomIn */
@-webkit-keyframes dt_zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes dt_zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        -ms-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.mobile-false .animate-element.start-animation.zoomIn {
    -webkit-animation-name: dt_zoomIn;
    animation-name: dt_zoomIn;
    opacity: 1;
}
/* zoomInDown */
@-webkit-keyframes dt_zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes dt_zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.mobile-false .animate-element.start-animation.zoomInDown {
    -webkit-animation-name: dt_zoomInDown;
    animation-name: dt_zoomInDown;
    opacity: 1;
}
/* zoomInLeft */
@-webkit-keyframes dt_zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes dt_zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.mobile-false .animate-element.start-animation.zoomInLeft {
    -webkit-animation-name: dt_zoomInLeft;
    animation-name: dt_zoomInLeft;
    opacity: 1;
}
/* zommInRight */
@-webkit-keyframes dt_zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes dt_zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.mobile-false .animate-element.start-animation.zoomInRight {
    -webkit-animation-name: dt_zoomInRight;
    animation-name: dt_zoomInRight;
    opacity: 1;
}
/* zoomInUp */
@-webkit-keyframes dt_zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes dt_zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.mobile-false .animate-element.start-animation.zoomInUp {
    -webkit-animation-name: dt_zoomInUp;
    animation-name: dt_zoomInUp;
    opacity: 1;
}
/* lightSpeedIn */
@-webkit-keyframes dt_lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

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

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

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

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

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

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

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

.mobile-false .animate-element.start-animation.lightspeedIn {
    -webkit-animation-name: dt_lightSpeedIn;
    animation-name: dt_lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.mobile-true #main .wpb_start_animation.wpb_top-to-bottom,
.mobile-true #main .wpb_start_animation.wpb_bottom-to-top,
.mobile-true #main .wpb_start_animation.wpb_left-to-right,
.mobile-true #main .wpb_start_animation.wpb_right-to-left,
.mobile-true #main .wpb_start_animation.wpb_appear {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    opacity: 1;
}

#main-slideshow {
    position: relative;
    z-index: 1;
    clear: both;
}

#main-slideshow-content {
    display: none;
}

#main-slideshow {
    overflow: hidden;
}

    #main-slideshow.fixed {
        padding: 44px;
        margin-top: 0px;
    }

    #main-slideshow.layer-fixed {
        padding: 40px;
        margin-top: 0px;
    }

    #main-slideshow.fix.rv-slider {
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0px;
    }

    #main-slideshow.fixed:after,
    #main-slideshow.layer-fixed:after,
    #main-slideshow.fix:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        content: "";
    }

    #main-slideshow.fixed:after,
    #main-slideshow.layer-fixed:after,
    #main-slideshow.fix:after {
        top: auto;
        bottom: 0;
    }

    #main-slideshow #main-slideshow-content {
        display: block;
    }
/*WITH OVERLAP HEADER SLIDESHOW*/
.overlap #main-slideshow {
    margin-top: -70px;
    margin-bottom: -70px;
}

    .overlap #main-slideshow.fixed {
        margin-top: 0;
        margin-bottom: 0;
    }
/* #Page titles
================================================== */
.overlap #fancy-header,
.overlap .page-title {
    margin-top: -70px;
    margin-bottom: -70px;
}

.transparent .page-title {
    visibility: hidden;
}

.is-webkit.overlap #fancy-header,
.is-webkit.overlap .page-title {
    position: relative;
}
/* #Fancy Title
================================================== */
/*.fancy-parallax-bg {
	will-change: transform;
}*/
#fancy-header.title-center .wf-wrap,
#fancy-header.content-left .wf-wrap,
#fancy-header.content-right .wf-wrap {
    display: table;
    width: 100%;
}

#fancy-header .wf-wrap,
.page-title .wf-wrap {
    padding-top: 0;
    padding-bottom: 0;
}

.overlap #fancy-header .wf-wrap,
.overlap .page-title .wf-wrap {
    padding-top: 70px;
    padding-bottom: 70px;
}

#fancy-header > .wf-wrap {
    max-width: 100%;
}

#fancy-header.title-center .wf-table,
#fancy-header.content-left .wf-table,
#fancy-header.content-right .wf-table {
    display: table-cell;
    vertical-align: middle;
}

.fancy-header .wf-td {
    width: 50%;
    vertical-align: middle;
}

.content-left.fancy-header .wf-td,
.content-right.fancy-header .wf-td {
    display: block;
    width: 100%;
}

.content-right.fancy-header .wf-td,
.title-left .breadcrumbs,
.title-right .hgroup {
    text-align: right;
}

.fancy-header.title-center .wf-table,
.fancy-header.title-center .wf-td {
    display: block;
    width: 100%;
    text-align: center;
}

.mobile-false #fancy-header .fancy-title,
.mobile-false #fancy-header .fancy-subtitle,
.mobile-false #fancy-header .breadcrumbs {
    opacity: 0;
}

#fancy-header .fancy-title > span {
    display: inline-block;
}

.ie-mobile #fancy-header .fancy-title,
.ie-mobile #fancy-header .fancy-subtitle,
.ie-mobile #fancy-header .breadcrumbs {
    opacity: 1;
}

#fancy-header .fancy-title.start-animation,
#fancy-header .fancy-subtitle.start-animation,
#fancy-header .breadcrumbs.start-animation {
    -webkit-animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    animation: mk_fade 0.7s 1 cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: 1;
}

.fancy-header .hgroup,
.page-title .hgroup {
    overflow: hidden;
    padding: 5px 0;
}

.title-center.breadcrumbs-off .hgroup,
.content-left.breadcrumbs-off .hgroup,
.content-right.breadcrumbs-off .hgroup {
    margin-top: 5px;
    margin-bottom: 5px;
}

.title-center .breadcrumbs.breadcrumbs-bg,
.content-left .breadcrumbs.breadcrumbs-bg,
.content-right .breadcrumbs.breadcrumbs-bg {
    margin-top: 10px;
}

#fancy-header.titles-off .breadcrumbs {
    margin-top: 5px;
    margin-bottom: 5px;
}

.title-center .breadcrumbs,
.content-left .breadcrumbs,
.content-right .breadcrumbs {
    margin-bottom: 10px;
}

.disabled-bg.title-center .breadcrumbs,
.disabled-bg.content-left .breadcrumbs,
.disabled-bg.content-right .breadcrumbs,
.disabled-bg.title-center.breadcrumbs-off .hgroup,
.disabled-bg.content-left.breadcrumbs-off .hgroup,
.disabled-bg.content-right.breadcrumbs-off .hgroup,
.disabled-bg.breadcrumbs-off.page-title h1 {
    margin-bottom: 0;
}

.title-center .hgroup,
.content-left .hgroup,
.content-right .hgroup {
    padding-bottom: 5px;
}

.title-center.breadcrumbs-off .hgroup,
.content-left.breadcrumbs-off .hgroup,
.content-right.breadcrumbs-off .hgroup {
    margin-bottom: 5px;
}

.fancy-header .fancy-title,
.fancy-header .fancy-subtitle {
    padding: 0;
}

.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-light,
.hr-breadcrumbs .breadcrumbs.bg-dark {
    padding: 4px 10px;
}

.breadcrumbs.bg-dark {
    background-color: rgba(15, 18, 19, 0.1);
}

.breadcrumbs.bg-light {
    background-color: rgba(255, 255, 255, 0.12);
}

.title-left .breadcrumbs {
    float: right;
}

.fancy-header .breadcrumbs li {
    position: relative;
    background: none;
}

    .fancy-header .breadcrumbs li:first-child:before,
    .breadcrumbs li:first-child:before {
        content: "";
    }

    .fancy-header .breadcrumbs li:before,
    .breadcrumbs li:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 15px;
        height: 13px;
        content: "/";
        opacity: 0.5;
        text-align: left;
        z-index: 3;
    }

.breadcrumbs li:before {
    opacity: 1;
}
/* #Page title
================================================== */
.page-title.title-center .wf-container-title,
.page-title.content-left .wf-container-title,
.page-title.content-right .wf-container-title {
    display: table;
    width: 100%;
}

.page-title.title-center .wf-table,
.page-title.content-left .wf-table,
.page-title.content-right .wf-table {
    display: table-cell;
    vertical-align: middle;
}

.page-title.title-center .wf-td,
.page-title.content-left .wf-td,
.page-title.content-right .wf-td {
    display: block;
    text-align: center;
}

.page-title.content-left .wf-td {
    text-align: left;
}

.page-title.content-right .wf-td,
.page-title.title-left .hr-breadcrumbs,
.page-title.title-right h1 {
    text-align: right;
}

.page-title.title-left .hr-breadcrumbs {
    float: right;
}

.page-title h1 {
    margin: 5px 0;
}

.page-title .hr-breadcrumbs .breadcrumbs:after {
    display: none;
}

.page-title .wf-container-title,
.page-title.full-width-line,
.article-top-bar .wf-container-top {
    border-bottom: 1px solid;
}

    .page-title.solid-bg .wf-container-title,
    .page-title.full-width-line .wf-container-title,
    .page-title.disabled-bg .wf-container-title,
    .page-title.transparent-bg .wf-container-title {
        border-bottom: none;
    }

.page-title.disabled-bg .wf-td,
.page-title.title-center.disabled-bg .wf-table,
.page-title.content-left.disabled-bg .wf-table,
.page-title.content-right.disabled-bg .wf-table {
    /*	vertical-align: bottom;
			padding: 0;*/
}

.page-title.title-left.disabled-bg h1,
.page-title.title-right.disabled-bg h1 {
    margin: 0;
}
/* #Breadcrumbs
================================================== */
.breadcrumbs {
    list-style: none;
}

    .breadcrumbs li {
        position: relative;
        display: inline-block;
        padding-left: 12px;
        margin-left: 8px;
    }

        .breadcrumbs li:first-child {
            padding-left: 0;
            margin-left: 0;
            background: none !important;
        }

        .breadcrumbs li a,
        .fancy-header .breadcrumbs li a {
            color: inherit;
        }

    .breadcrumbs a {
        text-decoration: none;
    }

        .breadcrumbs a:hover {
            text-decoration: underline;
        }
/* #Filter
================================================== */
.full-width-wrap .dt-shortcode .filter {
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 22px;
    padding-left: 22px;
    box-sizing: border-box;
}

.filter {
    position: relative;
    margin: -6px 0 34px 0;
    z-index: 10;
    text-align: left;
}

.filter-style-ios .filter {
    margin-top: 0;
}

    .filter-style-ios .filter:not(.extras-off) .filter-categories:not(.new-style) {
        margin-bottom: 16px;
    }

.filter.extras-off {
    text-align: center;
}

.filter-style-ios .filter.extras-off .filter-categories:not(.new-style) {
    margin-bottom: 8px;
}

.filter:before {
    content: "";
    display: table;
}

.filter:after {
    content: "";
    display: table;
    clear: both;
}

.filter-categories,
.filter-by a,
.filter-sorting a {
    float: left;
}

    .filter-categories,
    .filter-extras,
    .filter-by,
    .filter-sorting,
    .filter-categories a {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.extras-off .filter-categories {
    float: none;
    text-align: center;
}

.filter-extras {
    float: right;
}

.filter-categories,
.filter-extras {
    margin-bottom: 10px;
}

    .filter-by,
    .filter-sorting,
    .filter-categories a {
        display: inline-block;
        text-align: center;
        text-decoration: none;
    }

.filter-by,
.filter-sorting {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.filter .filter-categories a,
.filter .filter-extras a {
    position: relative;
    text-decoration: none;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.filter .filter-extras a {
    display: inline-block;
    float: none;
}

.filter-categories a {
    white-space: nowrap;
}

.filter-style-ios.shadow-element-decoration .filter-categories a:after,
.filter-style-ios.outline-element-decoration .filter-categories a:after {
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    /*height: 100%;*/
    content: "";
    z-index: -1;
    opacity: 1;
}

.filter .filter-categories a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 23px;
    height: 13px;
    content: "";
    text-decoration: none;
    background-position: 11px center;
    background-repeat: no-repeat;
}

.filter-categories a:after {
    opacity: 0;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

.filter-categories a.act:after {
    opacity: 1;
}

.extras-off .filter-categories a {
    display: inline-block;
    float: none;
}

#page .filter .filter-categories a:first-child,
#page .filter .filter-extras .filter-by a:first-child {
    border-color: transparent;
}

.filter-switch {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 13px;
}

.filter-style-minimal .filter-switch {
    width: 18px;
    height: 11px;
}

.filter-switch,
.filter-switch:before,
.filter-switch-toggle {
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

    .filter-switch:before,
    .filter-switch-toggle {
        position: absolute;
        left: 1px;
        top: 1px;
        width: 11px;
        height: 11px;
        background-color: #fff;
        content: "";
        -webkit-transition: left 300ms ease-out;
        transition: left 300ms ease-out;
    }

.filter-style-minimal .filter-switch:before,
.filter-style-minimal .filter-switch-toggle {
    top: 2px;
    left: 2px;
    width: 7px;
    height: 7px;
}

.filter-switch.right-act:before {
    left: 9px;
}

.filter-switch.right-act .filter-switch-toggle {
    left: 9px;
}

.filter-switch-toggle:after,
.filter-extras a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
    background: red;
}

.filter-style-material .filter-switch-toggle:after {
    margin: -19px 0 0 -16px;
}

.filter-style-material .filter .filter-sorting a:first-child:after,
.filter-style-material .filter .filter-by a:first-child:after {
    margin-left: -26px;
}

.filter-style-material .filter .filter-sorting a:last-child:after,
.filter-style-material .filter .filter-by a:last-child:after {
    margin-left: -14px;
}

.pressed .filter-switch-toggle:after,
.filter-extras a.pressed:after {
    -webkit-animation: anim-effect-boris 0.45s ease-out forwards;
    animation: anim-effect-boris 0.45s ease-out forwards;
}

@-webkit-keyframes anim-effect-boris {
    0% {
        -ms-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    25%, 50% {
        opacity: 1;
    }

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

@keyframes anim-effect-boris {
    0% {
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    25%, 50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/*style ios*/
.filter-style-ios.outline-element-decoration .filter-categories,
.filter-style-ios.outline-element-decoration .filter-extras,
.filter-style-ios .outline-element-decoration .filter-categories,
.filter-style-ios .outline-element-decoration .filter-extras {
    border: 1px solid transparent;
}

    .filter-style-ios.outline-element-decoration .filter-categories a,
    .filter-style-ios.outline-element-decoration .filter-sorting,
    .filter-style-ios .outline-element-decoration .filter-categories a,
    .filter-style-ios .outline-element-decoration .filter-sorting {
        border: none;
        border-left-style: solid;
        border-left-width: 1px;
    }

        .filter-style-ios.outline-element-decoration .filter-categories a.act,
        .filter-style-ios .outline-element-decoration .filter-categories a.act {
            border-left: none;
        }

.filter-style-ios .shadow-element-decoration .filter-categories,
.filter-style-ios .shadow-element-decoration .filter-extras,
.filter-style-ios .shadow-element-decoration .filter-categories a,
.filter-style-ios .shadow-element-decoration .filter-sorting {
    border: none;
}

.filter-style-ios #page .filter-categories.new-style {
    border: none;
    background-color: transparent;
    box-shadow: none;
    text-align: left;
}

.filter-style-ios .extras-off .filter-categories {
    display: inline-block;
}

.filter-style-ios .filter-categories a,
.filter-style-ios .filter-sorting {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.filter-style-ios #page .filter-categories.new-style a {
    margin: 0 5px 5px 0;
}

.filter-style-ios.outline-element-decoration .filter-categories.new-style a:not(.act) {
    border: 1px solid;
}

.filter-style-ios.outline-element-decoration .filter-categories.new-style a.act {
    border: none;
}

.filter-style-ios #page .filter-categories.new-style a {
    display: inline-block;
    float: none;
}

.filter-style-ios .filter .filter-categories.new-style a:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
    opacity: 1;
}

.filter-style-ios .filter-by,
.filter-style-ios .filter-sorting,
.filter-style-ios .filter-categories a {
    float: left;
}

#page .filter-by a:first-child,
#page .filter-sorting a:first-child {
    margin-right: 0;
    padding-right: 12px;
}

#page .filter-by a:last-child,
#page .filter-sorting a:last-child {
    margin-left: 0;
    padding-left: 12px;
}
/*style material*/
.filter-style-material .filter-categories {
    margin-bottom: 7px;
}

.filter-style-material .filter .filter-extras a {
    width: 20px;
    text-indent: -9999px;
    background-position: center center;
}

.filter-style-material .filter .filter-categories a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.filter-style-material .filter .filter-categories a:after {
    top: 100%;
    height: 2px;
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.filter-style-material .filter .filter-categories a.act:after {
    opacity: 1;
}

.filter-style-material .filter-switch {
    top: -1px;
    left: 0;
    width: 19px;
    height: 7px;
    /*
			margin: 0 10px 0 1px;*/
}

    .filter-style-material .filter-switch:hover {
        cursor: pointer;
    }

.filter-style-material .filter-switch-toggle {
    top: -1px;
    left: 0;
    width: 9px;
    height: 9px;
}

.filter-style-material .filter-switch:before {
    display: none;
}

.filter-style-minimal .filter .filter-categories a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1;
}
/* #Paginator
================================================== */
.paginator {
    position: relative;
    margin: 50px 0 0 0;
    text-align: right;
    z-index: 10;
}

.dt-shortcode .paginator {
    text-align: center;
}

.description-under-image + .paginator {
    margin-top: 40px;
}

.description-under-image.bg-under-post + .paginator {
    margin-top: 50px;
}

.paginator:before {
    content: "";
    display: table;
}

.paginator:after {
    content: "";
    display: table;
    clear: both;
}

.page-links,
.page-nav {
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.paginator .page-nav {
    float: right;
}

.paginator .page-links {
    float: left;
    margin: 0 auto;
}

.dt-shortcode .page-links {
    display: inline-block;
    float: none;
}

.paginator a.act {
    border: none;
}

.paginator a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.paginator .disabled:hover {
    cursor: default;
}

.page-links a {
    position: relative;
    display: inline-block;
    float: none;
    /*margin: 0 3px 0 2px;*/
    min-width: 20px;
    text-align: center;
    text-decoration: none;
}

.filter-style-ios.shadow-element-decoration .page-links a:before,
.filter-style-ios.outline-element-decoration .page-links a:before {
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    content: "";
    z-index: -1;
}

#page .paginator a:first-child,
#page .page-nav a:first-child {
    border-color: transparent;
}

.paginator .nav-prev,
.paginator .nav-next {
    position: relative;
    display: inline-block;
    /*margin-left: 5px;*/
    text-decoration: none;
}

    .paginator .nav-prev:before,
    .paginator .nav-next:after {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -6.5px;
        width: 13px;
        height: 13px;
        line-height: 13px;
        content: "";
        background-position: 0 center;
        background-repeat: no-repeat;
    }
/*Load more button*/
.paginator.paginator-more-button {
    margin-top: 25px;
    border: none !important;
    text-align: center;
}

.layout-list .paginator.paginator-more-button {
    margin-top: 45px;
}

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

.button-load-more .h5-size {
    display: block;
    margin-top: 5px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.paginator .button-load-more {
    width: 200px;
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 50px !important;
    border-radius: 50px !important;
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

    .paginator .button-load-more .stick {
        display: none;
    }

    .paginator .button-load-more .button-caption {
        display: block;
        margin: 0;
        line-height: 50px;
        -webkit-transition: opacity 0.01s ease;
        transition: opacity 0.01s ease;
    }

    .paginator .button-load-more.animate-load,
    .paginator .button-load-more.button-lazy-loading {
        width: 50px;
        -webkit-border-radius: 50%;
        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;
        }

.pace.iso-preloader .pace-activity:before {
    border-color: transparent;
    border-top-color: #fff;
    border-right-color: #fff !important;
}

.iso-preloader .pace-activity:after {
    display: none;
}

#page .stick:first-child,
.iso-preloader .pace-activity:before,
.rsPreloader .pace-activity:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    -webkit-animation: spin 1s infinite linear 0.2s;
    animation: spin 1s infinite linear 0.2s;
}

.stick:first-child {
    border: solid 3px rgba(255, 255, 255, 0);
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
/*style ios*/
.filter-style-ios.outline-element-decoration .paginator .page-links,
.filter-style-ios.outline-element-decoration .page-nav,
.filter-style-ios .outline-element-decoration .paginator .page-links,
.filter-style-ios .outline-element-decoration .page-nav {
    border: 1px solid transparent;
}

.filter-style-ios .shadow-element-decoration .paginator .page-links,
.filter-style-ios .shadow-element-decoration .page-nav,
.filter-style-minimal .shadow-element-decoration .paginator .page-links a:after {
    border: none;
}

.filter-style-ios .paginator:not(.paginator-more-button) a {
    float: left;
    /*margin: 0 0 0 -1px;*/
    -webkit-border-radius: 0;
    border-radius: 0;
}

.filter-style-ios.outline-element-decoration .paginator:not(.paginator-more-button) a,
.filter-style-ios .outline-element-decoration .paginator:not(.paginator-more-button) a {
    /*	margin: -1px 0 -1px -1px;*/
    border: none;
    border-left-style: solid;
    border-left-width: 1px;
}

.filter-style-ios .shadow-element-decoration .paginator:not(.paginator-more-button) a {
    border: none;
    margin: 0;
}
/*style material*/
.filter-style-material .paginator .page-nav {
    margin-right: -8px;
}

.filter-style-material .paginator .page-links a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 20px;
    content: "";
}

.filter-style-material .paginator .page-links a:after {
    top: 100%;
    height: 2px;
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.filter-style-material .paginator .page-links a.act:after {
    opacity: 1;
}

.filter-style-material .paginator .nav-prev,
.filter-style-material .paginator .nav-next {
    font-size: 0;
    text-indent: -9999px;
}

    .filter-style-material .paginator .nav-prev:before,
    .filter-style-material .paginator .nav-next:after {
        left: 50%;
        right: auto;
        margin: -8px 0 0 -8px;
        width: 16px;
        height: 16px;
        line-height: 16px;
    }
/*style minimal*/
.filter-style-minimal .page-links a {
    z-index: 1;
}

.filter-style-minimal .paginator .page-links a:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-width: 20px;
    content: "";
    z-index: -1;
}
/* #Blog, Portfolio, Albums
================================================== */
/*Display content area*/
.page-info {
    padding: 0 0 10px 0;
}

.post {
    position: relative;
}

    .post:before,
    .post:after {
        content: "";
        display: table;
        clear: both;
    }

    .post .entry-title a {
        display: inline-block;
    }
/*read more button*/
.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 format
		================================================== */
.post.bg-on .block-style-widget,
.post.bg-on .format-aside-content,
.post.bg-on .format-status-content,
.post.bg-on .format-link-content {
    padding: 0;
    background: none !important;
    box-shadow: none !important;
    -webkit-box-sizing: border-box;
    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-link .details,
.format-aside .details,
.format-status .details,
.format-quote .details {
    display: none;
}
/*resize image to 100% width parent container*/
.images-container img,
.albums .post img,
.media .post img,
.portfolio .post img,
.blog .post img,
.single .post .rollover img,
.dt-blog-shortcode img,
.dt-albums-shortcode img,
.dt-portfolio-shortcode img,
.wf-container.iso-grid img,
.wf-container.layout-masonry img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

.mobile-true .post img.iso-lazy-load {
    width: 100%;
}

.blog.layout-list .post .blog-media img,
.old-ie .blog .post .dt-format-gallery img {
    width: 100%;
}
/* #Background under projects
	================================================== */
.bg-on .blog-content {
    padding: 15px 25px 10px;
}

.bg-on .project-list-content {
    padding: 10px 25px 10px;
}

.slider-wrapper .bg-on .project-list-content {
    padding-top: 20px;
}

.iso-container .bg-on .project-list-content > *,
.iso-grid .bg-on .project-list-content > * {
    padding-top: 10px;
    padding-bottom: 0;
    margin-bottom: 0;
}

.iso-container .bg-on .project-list-content > :last-child,
.iso-grid .bg-on .project-list-content > :last-child {
    margin-bottom: 10px;
}

.post.bg-on .alignleft,
.post.bg-on .alignnone,
.bg-on .blog-media > p,
.bg-on .project-list-media > p,
.post.bg-on ul.royalSlider.alignnone,
.description-under-image .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;
}
/* #Template: List
================================================== */
.layout-list .post {
    padding-top: 44px;
    margin-top: 19px;
}

.articles-list .post:last-child {
    /* margin-bottom: -25px; */
}

.layout-list .post:first-child {
    border: none;
    padding-top: 0;
    margin-top: 0;
}

.blog .post.bg-on,
.portfolio .post.bg-on {
    border-top: none;
}
/*.blog.layout-list .post {
	padding-top: 44px;
}*/
.layout-list .blog-content,
.layout-list .blog-media,
.layout-list .project-list-content,
.layout-list .project-list-media {
    display: block;
    float: left;
    width: 100%;
}
/* #Checkerboard order
================================================== */
.project-even .alignleft,
.project-even ul.royalSlider.alignleft {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}
/* #Background under projects
================================================== */
.layout-list .post.bg-on {
    padding: 25px 25px 0px;
    margin: 0 0 20px;
}

.layout-list .bg-on .blog-media,
.layout-list .bg-on .blog-content,
.layout-list .bg-on .project-list-media,
.layout-list .bg-on .project-list-content {
    display: block;
    float: left;
    width: 100%;
    padding: 0;
}

.layout-list .bg-on .blog-content,
.layout-list .bg-on .project-list-content {
    padding-bottom: 10px;
}
/* #Post slider
	================================================== */
.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;
}
/* #Post Images
	================================================== */
.post .alignleft,
.description-under-image .post .alignnone,
.description-under-image .post ul.royalSlider.alignnone,
.blog.layout-list .post.bg-on ul.royalSlider.alignnone,
.description-under-image .post .photoSlider-wrap {
    margin-bottom: 20px;
}

.description-under-image .post .buttons-on-img ul.royalSlider.alignnone,
.description-under-image .bg-on.post .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;
}

.format-quote.bg-on .block-style-widget,
.bg-on .format-aside-content,
.bg-on .format-link-content {
    margin-bottom: 10px;
}
/* #Blog
================================================== */
.layout-masonry .blog-content.wf-td,
.layout-masonry .blog-media.wf-td,
.iso-grid .blog-content.wf-td,
.iso-grid .blog-media.wf-td,
.media-wide .blog-content.wf-td,
.media-wide .blog-media.wf-td,
.iso-container .blog-media.wf-td,
.iso-container .blog-content.wf-td,
.shortcode-blog-posts .wf-td {
    display: block;
}

.blog-media {
    position: relative;
    overflow: hidden;
    z-index: 9;
}
/*Fancy date*/
.fancy-date {
    vertical-align: top;
    padding-right: 30px;
}

    .fancy-date.right-aligned {
        float: right;
        padding-right: 0;
        padding-left: 30px;
    }

    .fancy-date a {
        position: absolute;
        z-index: 102;
        top: 0;
        left: 0;
        width: 44px;
        /*height: 93px;*/
        padding: 0 10px 0;
        color: #fff !important;
        text-decoration: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .fancy-date a * {
            color: #fff !important;
        }

    .fancy-date span {
        position: relative;
        display: block;
        padding: 2px 0 0;
        text-align: center;
        font-family: Arial, sans-serif;
    }

        .fancy-date span.entry-date {
            padding: 7px 0 5px;
            font-size: 20px;
        }

    .fancy-date .entry-month,
    .fancy-date .entry-year {
        font-size: 10px;
    }

    .fancy-date span:before {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -5px;
        width: 10px;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.4);
        content: "";
    }

    .fancy-date span:first-child:before {
        display: none;
    }

.bg-on .fancy-date a {
    top: 25px;
    left: 25px;
}

.project-even .fancy-date a,
.right-aligned.fancy-date a,
.layout-list .project-even.bg-on .fancy-date a {
    right: 0;
    left: auto;
}

.small-fancy-datas.layout-list .project-even.bg-on .fancy-date a {
    right: 10px;
    left: auto;
}

.fullwidth-img .fancy-date a,
.layout-list .bg-on .fancy-date a {
    top: 0;
    left: 0;
}

.project-even.bg-on .fancy-date a,
.bg-on .right-aligned.fancy-date a {
    right: 30px;
    left: auto;
}
/*fancy date for material design*/
.small-fancy-datas .fancy-date a,
.small-fancy-datas .fullwidth-img .fancy-date a {
    top: 10px;
    left: 10px;
    width: auto;
    height: 30px;
    text-align: center;
}

.small-fancy-datas .project-even .fancy-date a,
.small-fancy-datas .right-aligned.fancy-date a {
    right: auto;
    left: 40px;
}

.small-fancy-datas .bg-on .fancy-date a {
    top: 35px;
    left: 35px;
}

.small-fancy-datas .fullwidth-img .fancy-date a,
.small-fancy-datas.layout-list .bg-on .fancy-date a {
    top: 10px;
    left: 10px;
}

.small-fancy-datas .fancy-date span {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
}

    .small-fancy-datas .fancy-date span.entry-date {
        padding: 0 0 0 5px;
        font-size: 14px;
        line-height: 30px;
    }

.small-fancy-datas .fancy-date .entry-month {
    font-size: 14px;
    opacity: 0.5;
}

.small-fancy-datas .fancy-date span:before,
.small-fancy-datas .fancy-date .entry-year {
    display: none;
}
/* #Portfolio
================================================== */
.post .project-media {
    margin-bottom: 20px;
    line-height: 0;
}

.project-media,
.project-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .project-media img {
        max-width: 100%;
    }
/* #Gallery
================================================== */
.dt-format-gallery a,
.dt-format-gallery .rollover-video {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* #Loading indicator
================================================== */
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
}

    .pace .pace-activity {
        position: fixed;
        display: block;
        z-index: 2000;
        top: 50%;
        left: 50%;
        margin: -25px 0 0 -25px;
        width: 50px;
        height: 50px;
        border-radius: 100%;
    }

        .pace .pace-activity:before {
            width: 32px;
            height: 32px;
            margin: -16px 0 0 -16px;
            border: 3px solid #fff;
            border-right-color: rgba(0, 0, 0, 0) !important;
            border-left-color: rgba(0, 0, 0, 0) !important;
            -webkit-animation: pace-rotation 1s linear infinite;
            animation: pace-rotation 1s linear infinite;
            content: '';
        }

@-webkit-keyframes pace-rotation {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes pace-rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}
/* #Single
================================================== */
.single-post .breadcrumbs li:last-child,
.single-portfolio .breadcrumbs li:last-child {
    display: none;
}
/*!-Article top bar*/
.article-top-bar {
    position: relative;
    overflow: hidden;
    margin: -44px 0 23px;
    z-index: 4;
}

    .article-top-bar > .wf-wrap {
        padding: 0 22px;
    }

    .article-top-bar .wf-container-top {
        display: table;
        width: 100%;
        padding: 10px 0 10px;
    }

    .article-top-bar.disabled-bg .wf-container-top,
    .article-top-bar.full-width-line .wf-container-top {
        border: none;
        padding-bottom: 0;
    }

    .article-top-bar .entry-meta,
    .article-top-bar .portfolio-categories,
    .article-top-bar .navigation-inner {
        display: table-cell;
        padding: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .article-top-bar .navigation-inner {
        overflow: hidden;
        margin-bottom: 5px;
        min-width: 88px;
    }

.single-navigation-wrap {
    float: right;
    margin-right: -6px;
}

.post-meta-disabled .single-navigation-wrap {
    float: none;
    text-align: center;
}

.navigation-inner a {
    float: left;
    width: 12px;
    height: 12px;
    padding: 5px 6px;
    background-repeat: no-repeat;
}

    .navigation-inner a:hover {
        text-decoration: underline;
    }

.navigation-inner .prev-post {
    padding-right: 4px;
    background-position: center center;
}

.navigation-inner .next-post {
    background-position: center center;
}

.post-meta-disabled .navigation-inner .next-post {
    float: right;
}

.back-to-list {
    background-position: center center;
}

.post-meta-disabled .back-to-list {
    display: inline-block;
    float: none;
    padding: 0;
    margin: 0 20px;
}

.navigation-inner a.disabled,
.project-navigation .disabled,
.project-navigation .disabled:hover {
    opacity: 0.4;
}

    .navigation-inner a.disabled:hover,
    .project-navigation .disabled:hover {
        cursor: auto;
        text-decoration: none;
    }
/*!-Meta & tags*/
.entry-meta,
.portfolio-categories {
    display: block;
    overflow: hidden;
}

.entry-meta,
.portfolio-categories {
    padding: 0 0 10px 0;
}

.single .post .entry-meta,
.project-post .portfolio-categories {
    padding: 0px 0 0 0;
    margin-bottom: 5px;
}

.single .entry-meta,
.project-post .portfolio-categories {
    float: left;
}

.single .fs-entry .entry-meta {
    float: none;
}

.entry-meta > a,
.entry-meta > span,
.portfolio-categories > a,
.portfolio-categories > span {
    position: relative;
    display: inline-block;
    margin: 0px 1px 0 6px;
    padding-left: 10px;
    text-decoration: none;
}

.entry-meta a,
.portfolio-categories a {
    -webkit-transition: all 0.05s linear 0.05s;
    transition: all 0.05s linear 0.05s;
}

.entry-meta span a,
.portfolio-categories > span a {
    text-decoration: none;
}

.entry-meta a:hover,
.portfolio-categories a:hover {
    text-decoration: underline;
}

.portfolio-categories > a.data-link:hover {
    text-decoration: none;
    cursor: default;
}

.entry-meta > a:after,
.entry-meta > span:after,
.portfolio-categories > a:after,
.portfolio-categories > span:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    content: "/";
}

.entry-meta > a:first-child:after,
.portfolio-categories > a:first-child:after,
.entry-meta > span:first-child:after,
.portfolio-categories > span:first-child:after,
.single .article-top-bar .entry-meta a:after,
.single .article-top-bar .portfolio-categories a:after,
.single .article-top-bar .entry-meta > span:after,
.single .article-top-bar .portfolio-categories > span:after {
    display: none;
}

.single .article-top-bar .entry-meta > a,
.single .article-top-bar .entry-meta > span,
.single .article-top-bar .portfolio-categories > a,
.single .article-top-bar .portfolio-categories > span {
    margin-right: 20px;
    margin-left: 0;
    padding-left: 25px;
    background-position: 0 center;
    background-repeat: no-repeat;
}

    .single .article-top-bar .entry-meta > a:first-child,
    .single .article-top-bar .portfolio-categories > a:first-child {
        padding-left: 25px;
    }

.entry-meta a:first-child,
.portfolio-categories a:first-child,
.entry-meta span:first-child,
.portfolio-categories span:first-child {
    padding-left: 0;
    margin-left: 0;
}

.fullwidth-slider .portfolio-categories > a,
.fullwidth-slider .portfolio-categories span {
    float: none;
    display: inline-block;
}

.entry-tags {
    display: block;
    overflow: hidden;
    padding: 20px 0 15px 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 {
    position: relative;
    float: left;
    margin: 5px 10px 0 13px;
    padding: 3px 7px 3px 12px;
    border: none;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 19px;
}

    .single .entry-tags a:before {
        position: absolute;
        top: 0;
        left: -13px;
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-right: 13px solid red;
        border-bottom: 13px solid transparent;
        content: "";
    }

    .single .entry-tags a:after {
        position: absolute;
        left: -2px;
        top: 50%;
        margin-top: -3px;
        width: 6px;
        height: 6px;
        content: "";
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
/*Post's fancy title*/
.fancy-author-title,
.fancy-posts-title,
.fancy-comments-title,
.fancy-comments-form,
.fancy-projects-title {
    /* padding-left: 25px; */
    background-repeat: no-repeat;
    background-position: 0 center;
}

.single .fancy-author-title.title-left,
.single .fancy-posts-title.title-left,
.single .fancy-comments-title.title-left,
.single .fancy-comments-form.title-left,
.single .fancy-projects-title.title-left {
    margin-top: 60px;
    margin-bottom: 34px;
}

.single .fancy-comments-title.title-left,
.single .fancy-comments-form.title-left,
.single .fancy-author-title.title-left {
    margin-top: 50px;
}

.single-portfolio .fancy-projects-title.title-left,
.single-portfolio .fancy-comments-title.title-left,
.single-portfolio .fancy-comments-form.title-left,
.single-dt_gallery .fancy-comments-title.title-left,
.single-dt_gallery .fancy-comments-form.title-left {
    margin-top: 20px;
}

.single-portfolio #comments .commentlist,
.single-dt_gallery #comments .commentlist {
    margin-bottom: 0;
    padding-bottom: 10px;
}

.single .fancy-posts-title {
    margin-bottom: 30px;
}
/* #Single Blog
================================================== */
/*!-Post author*/
.entry-author {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 25px 30px 15px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.entry-author-img {
    width: 115px;
}

.entry-author-info {
    vertical-align: top;
}

.entry-author .text-primary {
    font-weight: bold;
}

.entry-author .alignleft {
    margin-bottom: 10px;
}

    .entry-author .alignleft img,
    .entry-author img.alignleft {
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

.post .entry-author img {
    max-width: none;
}

.blog .post .wp-smiley {
    width: auto;
}
/* #Single Portfolio
================================================== */
.project-post {
    position: relative;
}

.single .project-content {
    margin-bottom: 34px;
}

.floating-content {
    position: relative;
    /*-webkit-transition: top 300ms linear;
			transition: top 300ms linear;*/
}

.single-dt_gallery.single .project-content {
    margin-bottom: 20px;
}

.single-portfolio .project-post ul.royalSlider,
.single-portfolio .images-container {
    margin-bottom: 34px;
}
/* List images*/
.images-container {
    line-height: 0;
}

.images-list {
    position: relative;
    margin-bottom: 20px;
    line-height: 0;
}

    .images-list:last-child {
        margin-bottom: 0;
    }

    .images-list img {
        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 15px;
}

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

.slider-post-inner,
#main .slider-post-inner h4,
.images-list-inner,
#main .images-list-inner h4 {
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}

    .slider-post-inner .album-content-btn,
    .images-list-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, 0.4);
    border-radius: 50%;
    background-repeat: no-repeat;
    -webkit-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}

    .slider-link:hover {
        background-color: rgba(0, 0, 0, 0.4);
        opacity: 0.7;
    }

.slider-link,
.slider-post-inner .share-button.entry-share,
.images-list-inner .share-button.entry-share {
    margin: 0 5px 5px 0;
    background-position: center center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/*Slideshow description:end*/
/* #Comments
================================================== */
.comment-form .form-fields {
    margin-right: -10px;
}

#comments {
    margin-bottom: 20px;
}

.single #comments,
.single .form-submit {
    margin-bottom: 0;
}

#comments .commentlist,
#comments .children {
    margin: 0;
    padding: 0;
    list-style: none;
}

#comments .commentlist {
    margin-bottom: -21px;
    padding-bottom: 1px;
}

li.comment,
li.pingback {
    padding-left: 90px;
    margin-bottom: 30px;
}

.commentlist .comment > article {
    position: relative;
    padding: 25px 30px 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#comments .children {
    margin-top: 30px;
}

.comment-author .avatar,
.comment-author .rollover {
    float: left;
    margin: -25px 0 15px -120px;
}

    .comment-author .rollover i,
    .comment-author .rollover,
    .comment-author .avatar {
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

        .comment-author .rollover .avatar {
            margin: 0;
        }

.comment-content {
    padding: 10px 0 0;
}

.pingback-content {
    padding: 0px 0 24px 0;
}

.comment-meta,
.comment-reply-link {
    float: right;
}

.comment-reply-link {
    margin-left: 10px;
}

.fn {
    font-style: normal;
}

#reply-title small,
#cancel-comment-reply-link {
    float: right;
    margin-top: 10px;
}
/* !- Comments form */
.comment #respond {
    padding-top: 24px;
}

#respond #submit {
    display: none;
}

#commentform textarea,
.contact-form textarea {
    width: 100%;
    margin: 0 0 10px;
}

.contact-form-ios #commentform textarea {
    margin-top: 10px;
}

.comment-reply-link,
.comment-meta a,
.fn a,
.pingback a,
.clear-form {
    text-decoration: none;
}

    #reply-title small a:hover,
    .comment-reply-link:hover,
    .comment-meta a:hover,
    .pingback a:hover,
    .clear-form:hover {
        text-decoration: underline;
    }
/* #Share buttons
================================================== */
.project-share-overlay {
    position: relative;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .project-share-overlay:not(.allways-visible-icons) {
        padding-right: 11px;
    }

.entry-share {
    margin: 14px 0 10px;
}

.project-content .entry-share {
    margin: 0;
}

.project-post .btn-project-link {
    padding: 5px 10px 5px 25px;
    margin: 0 28px 0 0;
    text-decoration: none;
}

    .project-post .btn-project-link:hover {
        text-decoration: underline;
    }

.project-content-btn {
    margin-top: 24px;
}

    .project-content-btn .entry-share {
        margin-top: 0;
        margin-bottom: 0;
    }

.project-post .project-slider .project-content-btn {
    margin-top: -5px;
    margin-bottom: 39px;
}

.project-share-overlay .share-button.entry-share {
    /*	display: block;*/
    text-decoration: none;
}

#page .project-share-overlay .share-button.entry-share,
#page .btn-project-link.btn-link {
    padding: 0 0 0 23px;
}

.share-button.entry-share,
.btn-project-link {
    display: inline-block;
    padding: 0 0 0 23px;
    background-position: 0 center;
    background-repeat: no-repeat;
}

    .share-button.entry-share.no-text,
    .btn-project-link.no-text {
        width: 36px;
        height: 36px;
        padding: 0;
        text-indent: -9999px;
    }

.share-button.entry-share,
.btn-project-link,
.share-overlay .soc-ico a {
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

.photo-scroller .share-button.entry-share,
.slider-post-inner .share-button.entry-share,
.images-list-inner .share-button.entry-share {
    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' fill='white'%3E%3Cpath d='M12.508,10.664c-0.61,0-1.213,0.287-1.663,0.633L6.236,8.531C6.261,8.39,6.289,8.148,6.289,8c0-0.15-0.058-0.39-0.083-0.532l4.64-2.796c0.451,0.347,1.053,0.659,1.663,0.659c1.475,0,2.666-1.194,2.666-2.664C15.174,1.191,13.982,0,12.508,0c-1.472,0-2.665,1.191-2.665,2.667c0,0.149,0.038,0.394,0.064,0.536L5.336,5.945C4.968,5.568,4.257,5.211,3.627,5.203C1.89,5.183,0.826,6.576,0.826,8.049c0,1.472,1.02,2.757,2.759,2.737c0.611-0.01,1.368-0.283,1.797-0.729l4.543,2.726c-0.027,0.141-0.082,0.401-0.082,0.548c0,1.476,1.193,2.669,2.665,2.669c1.475,0,2.666-1.193,2.666-2.669C15.174,11.859,13.982,10.664,12.508,10.664z'/%3E%3C/svg%3E");
}

.project-share-overlay:not(.allways-visible-icons) .soc-ico {
    position: absolute;
    z-index: 999;
    left: 50%;
    bottom: 46px;
    width: 150px;
    height: 36px;
    padding: 0 3px;
    visibility: hidden;
    overflow: visible;
    opacity: 0;
    background-color: #fff;
    text-align: center;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 2px 0 rgba(0, 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 white;
    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, 0.1);
}

.project-share-overlay:not(.allways-visible-icons) .soc-ico a {
    display: none;
    float: none;
    width: 24px;
    margin: 7px 3px 0 3px;
    background: none !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: none !important;
    opacity: 0.6;
}

.project-share-overlay:not(.allways-visible-icons) .soc-ico a:before,
.project-share-overlay:not(.allways-visible-icons) .soc-ico a:after {
    display: none;
}

#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a .icon,
#page .project-share-overlay:not(.allways-visible-icons) .soc-ico a:hover .icon {
    fill: #000;
}

.project-share-overlay.allways-visible-icons .soc-ico {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
/*albums share*/
.slide-caption .share-button.entry-share,
.slide-caption .btn-project-link {
    border-color: rgba(255, 255, 255, 0.35);
}

    .slide-caption .share-button.entry-share:hover,
    .slide-caption .btn-project-link:hover {
        background-color: rgba(255, 255, 255, 0.35);
        border-color: rgba(255, 255, 255, 0.35);
    }
/* #Sidebar
================================================== */
.sidebar {
    position: relative;
    z-index: 9;
}

.sidebar-none .sidebar {
    display: none;
}

#main .ui-widget-content,
.sidebar-left .wf-wrap:after,
.sidebar-right .wf-wrap:after {
    clear: both;
}

.sidebar-left .sidebar,
.sidebar-right .content {
    float: left;
}

.sidebar-right .sidebar,
.sidebar-left .content {
    float: right;
}

.sidebar-right .content,
.sidebar-left .sidebar {
    padding-right: 44px;
}

.sidebar-right .sidebar,
.sidebar-left .content {
    padding-left: 44px;
}

    .sidebar-right .sidebar.solid-bg,
    .sidebar-left .sidebar.solid-bg,
    .sidebar-right .sidebar.bg-under-widget,
    .sidebar-left .sidebar.bg-under-widget {
        border: none;
    }

.sidebar-left .sidebar.solid-bg,
.sidebar-left .sidebar.bg-under-widget {
    padding-right: 0;
}

.sidebar-right .sidebar.solid-bg,
.sidebar-right .sidebar.bg-under-widget {
    padding-left: 0;
}

.sidebar-divider-off.sidebar-right .sidebar {
    padding-left: 6px;
}

.sidebar-divider-off.sidebar-left .sidebar {
    padding-right: 6px;
}

.sidebar-left .wf-wrap:before,
.sidebar-left .wf-wrap:after,
.sidebar-right .wf-wrap:before,
.sidebar-right .wf-wrap:after {
    content: "";
    display: table;
}

.sidebar-divider-off #sidebar {
    border: none;
}
/* !- Full-width page (no sidebar) */
.sidebar-none .content {
    width: 100%;
}
/* #Widgets
================================================== */
.sidebar .widget,
.sidebar-content .widget {
    padding: 0;
    margin-bottom: -10px;
}

.sidebar.bg-under-widget .widget,
.bg-under-widget .sidebar-content .widget,
.solid-bg.sidebar-content .widget {
    margin-bottom: 0;
}

.sidebar.solid-bg .widget,
.solid-bg .sidebar-content .widget,
.solid-bg.sidebar-content .widget {
    padding-left: 25px;
    padding-right: 25px;
}

.sidebar.bg-under-widget .widget,
.bg-under-widget .sidebar-content .widget,
.solid-bg.sidebar-content .widget {
    padding: 25px 25px 15px;
}

.sidebar .widget-divider-off .widget,
.sidebar-content.widget-divider-off .widget,
.solid-bg.sidebar-content .widget {
    border-top: none;
}

    .sidebar.bg-under-widget .widget:first-child,
    .bg-under-widget .sidebar-content .widget:first-child,
    .solid-bg.sidebar-content .widget:first-child {
        margin-top: 0;
    }

.sidebar:not(.solid-bg):not(.bg-under-widget) .widget:first-child,
.content .sidebar-content:not(.solid-bg):not(.bg-under-widget) .widget:first-child {
    padding-top: 0;
}

.sidebar .widget:first-child,
.sidebar-content .widget:first-child,
.old-ie .sidebar .widget:first-child {
    border-top: none;
}

.footer .widget {
    margin-bottom: 30px;
}

.widget:before,
.widget:after {
    content: "";
    display: table;
    clear: both;
}

.widget-info {
    margin-bottom: 10px;
}

.content .widget ul {
    list-style: none;
}

.widget-title {
    margin-bottom: 15px;
    clear: both;
}
/* #Categories
================================================== */
.custom-categories,
.widget_categories ul {
    padding-bottom: 10px;
}

    .custom-categories li,
    .cat-item {
        overflow: hidden;
        margin: 9px 0 0 0;
        padding: 10px 0 0 0;
    }

    .custom-categories li {
        margin-top: 0;
    }

    .custom-categories > li:first-child,
    .cat-item:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none !important;
    }

    .custom-categories a,
    .cat-item 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;
    }

    .custom-categories ul,
    .cat-item ul {
        margin-left: 20px;
    }
/* #Calendar
================================================== */
#wp-calendar {
    margin: 25px 0 15px 0;
    border-width: 1px;
    border-style: solid;
}

    #wp-calendar caption {
        padding: 5px 0 5px 0;
        height: auto;
        border-style: solid;
        border-width: 1px;
        border-bottom: none;
    }

    #wp-calendar th {
        height: 25px;
        font-weight: normal;
    }

.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: none !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: none;
        text-decoration: none;
    }
/* #Contact info
================================================== */
.shortcode-contacts,
.shortcode-contact-info {
    margin-bottom: 20px;
}

.contact-info,
.content .contact-info {
    margin: 0;
    padding-bottom: 10px;
}

    .contact-info li {
        margin: 10px 0 0 0;
        list-style: none;
    }

        .contact-info li:first-child {
            margin-top: 0;
        }

.widget .soc-ico {
    padding: 5px 0 10px 0;
}
/* #Custom navigation
================================================== */
.custom-nav {
    margin: 0;
}

    .custom-nav > li:first-child {
        border-top: none !important;
    }

    .custom-nav > li > a {
        display: block;
        position: relative;
        padding: 0 0 10px;
        text-decoration: none;
    }

        .custom-nav > li > a span {
            display: inline-block;
        }

        .custom-nav > li > a,
        .custom-nav > li > a:before,
        .custom-menu a,
        .widget_tag_cloud a {
            -webkit-transition: all 0.05s linear;
            transition: all 0.05s linear;
        }

            .custom-nav > li > a:before,
            .custom-nav > li li a:before {
                display: block;
                position: absolute;
                top: 14px;
                right: 0;
                width: 13px;
                height: 13px;
                content: "";
                background-repeat: no-repeat;
                background-position: center center;
            }

    .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;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

    .custom-nav > li > ul {
        display: none;
        margin: 0 0px 0 0px;
        padding: 0 20px 15px 20px;
    }

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

    .custom-nav > li:last-child > ul {
        margin-bottom: -5px;
    }

.bg-under-widget .custom-nav > li:last-child > ul,
.solid-bg .custom-nav > li:last-child > ul {
    margin-bottom: -5px;
}
/* #Menu
================================================== */
.menu,
.custom-menu .widget_pages > ul {
    margin: 0;
    padding: 0 0 10px 0;
}

    .menu li,
    .custom-menu li,
    .widget_pages li,
    .qts-lang-menu li {
        display: block;
        position: relative;
        margin: 9px 0 0 0;
        padding: 10px 0 0 0;
    }

        .menu > li:first-child,
        .custom-menu > li:first-child,
        .widget_pages > ul > li:first-child,
        .qts-lang-menu li:first-child {
            border: none !important;
            margin-top: 0;
            padding-top: 0;
        }

#page .qtrans_flag {
    width: auto;
    height: auto;
    background-position: 0 center;
}

.menu a,
.custom-menu a,
.widget_pages a {
    text-decoration: none;
    padding-right: 15px;
}

.custom-menu a {
    position: relative;
    display: block;
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: 0 5px;
}

    .custom-menu a:before {
        position: absolute;
        top: 5px;
        left: 0;
        width: 13px;
        height: 13px;
        content: "";
    }

.custom-nav .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;
}

.menu li ul,
.custom-menu li ul,
.widget_pages li ul,
.content .menu li ul,
.content .custom-menu li ul,
.content .widget_pages li ul {
    margin-left: 20px;
}

.custom-nav .custom-menu li ul {
    padding-top: 10px;
}
/* #Meta
================================================== */
.tagcloud {
    padding-bottom: 15px;
}

.widget_tag_cloud a {
    display: inline-block;
    padding: 0 3px;
    margin-bottom: 2px;
    text-decoration: none;
}
/* #Recent posts
================================================== */
.recent-posts {
    margin: 0;
    padding: 0 0 5px 0;
}

    .recent-posts li {
        display: block;
        overflow: hidden;
        margin: 9px 0 0 0;
        padding: 15px 0 0 0;
    }

.widget .recent-posts li {
    margin-top: 0;
}

.recent-posts > li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none !important;
}

.recent-posts a,
.items-grid .post-content > a {
    display: inline-block;
    text-decoration: none;
}

.recent-posts .alignleft {
    margin: 5px 20px 5px 0;
    font-size: 0;
    line-height: 0;
}
/* #Recent tweets
================================================== */
.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 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: normal;
    text-decoration: none;
}

.widget .tp_recent_tweets .twitter_time {
    font-style: normal;
}

    .widget .tp_recent_tweets .twitter_time:hover {
        text-decoration: underline;
    }
/* #Search
================================================== */
.widget .searchform,
.content .searchform {
    position: relative;
}

.widget_search form {
    margin: 5px 0 15px 0;
}

.widget_search input[type="text"] {
    width: 100%;
    margin: 0;
}

.widget .searchform input,
.content .searchform input {
    padding-right: 30px;
}

.widget .searchsubmit,
.widget .searchform .submit,
.content .searchform .submit {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 16px;
    height: 16px;
    padding: 0;
    background-position: 0 0;
    background-repeat: no-repeat;
}
/* #Skills
================================================== */
.skills {
    padding-bottom: 5px;
}

    .skills.hide-percent .skill-value > span {
        display: none !important;
    }

html:not(.mobile-true) .skill-value {
    -webkit-transition: width 1200ms ease;
    transition: width 1200ms ease;
}

.skill-name {
    margin-bottom: 5px;
}

    .skill-name span {
        margin-left: 5px;
    }

.skill {
    margin-bottom: 15px;
    height: 7px;
}

.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(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        -webkit-background-size: 40px 40px;
        -moz-background-size: 40px 40px;
        -o-background-size: 40px 40px;
        background-size: 40px 40px;
    }

html:not(.mobile-true) .skill-value {
    -moz-transition-delay: 300ms;
    -ms-transition-delay: 300ms;
    -o-transition-delay: 300ms;
    -webkit-transition-delay: 300ms;
}

.skill-value span {
    position: absolute;
    top: -26px;
    right: -16px;
    margin-right: 4px;
    padding: 2px 6px 3px;
    background-color: rgba(0, 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, 0.8);
        content: "";
    }

.widget .rsContW {
    padding-top: 5px;
}
/* #Categories, Meta, Blogroll, Archives, Recent Posts, Recent Comments
========================================================================= */
.widget_categories > ul,
.widget_meta > ul,
.blogroll > ul,
.widget_archive > ul,
.widget_recent_entries > ul,
.widget_recent_comments > ul,
.widget_links > ul,
.custom-menu {
    padding-bottom: 10px;
}

    .widget_categories li,
    .widget_meta li,
    .blogroll li,
    .widget_archive li,
    .widget_recent_entries li,
    .widget_recent_comments li,
    .widget_links li,
    .custom-menu li {
        margin: 10px 0 0 0;
        padding: 0 0 0 0;
    }

    .custom-menu li {
        padding: 9px 0 0 0;
    }

    .widget_categories li:first-child,
    .widget_meta li:first-child,
    .blogroll li:first-child,
    .widget_archive > ul > li:first-child,
    .widget_recent_entries li:first-child,
    .widget_recent_comments > ul > li:first-child,
    .custom-menu > li:first-child,
    .widget_links > ul > li:first-child {
        margin-top: 0;
        padding-top: 0;
        border-top: none !important;
    }

.widget_categories a,
.widget_meta a,
.blogroll a,
.widget_archive a,
.widget_recent_entries a,
.widget_recent_comments a,
.widget_links a {
    display: inline-block;
    text-decoration: none;
}
/* #Accordion
========================================================================= */
.st-accordion {
    padding-bottom: 10px;
}

    .st-accordion ul {
        margin: 0;
    }

    .st-accordion > ul > li {
        overflow: hidden;
        /*height: 20px;*/
        margin: 0;
        padding: 9px 0 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: none;
    }

        .st-accordion li > a:before,
        .st-accordion li > a:after {
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -7px;
            width: 14px;
            height: 14px;
            content: "";
        }

        .st-accordion li > a:after {
            background-position: center center;
            background-repeat: no-repeat;
        }

.st-content {
    display: none;
    padding: 10px 0 5px 0;
}

    .st-content p {
        margin-bottom: 0;
    }

.st-accordion li > a:hover {
    text-decoration: none;
}
/*text widget*/
.textwidget {
    margin-bottom: 10px;
}
/* #Beautiful loading
================================================== */
/* #Basic typography
================================================== */
body.responsive-off {
    min-width: 998px;
}
/* #Headers
================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 10px;
    clear: both;
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        text-decoration: none;
    }

p {
    margin-bottom: 10px;
}

a {
    text-decoration: underline;
}

    a:hover {
        text-decoration: none;
    }
/* #Lists
================================================== */
.content ul,
.content ol {
    margin: 0 0 10px 20px;
}

.fa-ul li {
    list-style: none;
}

.content .widget ul,
.content .widget ol {
    margin: 0 0 0px 0px;
}

.content ul {
    list-style: disc outside none;
}

.content ol {
    list-style-type: decimal;
}
/* #Tables
================================================== */
.content table {
    border-bottom: 1px solid black;
    width: 100%;
    margin: 0 0 10px 0;
}

    .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;
}
/* #Images
================================================== */
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
.post img,
.post .rollover,
.post .rollover-video:not(.ts-slide) {
    max-width: 100%;
    height: auto;
}

.items-grid .alignleft img,
.recent-posts .alignleft img {
    max-width: inherit;
    height: inherit;
}

blockquote {
    padding: 20px 25px;
    margin: 0 0 10px 0;
}

.format-status-content {
    border: none;
}

.alignleft {
    float: left;
    margin: 0 30px 10px 0;
}

#footer .alignleft,
#sidebar .alignleft {
    margin-right: 20px;
}

.alignright {
    float: right;
    margin: 0 0 10px 30px;
}

#footer .alignright,
#sidebar .alignright {
    margin-left: 20px;
}

.aligncenter {
    display: block;
    margin: 0 auto 10px auto;
}

.alignnone {
    float: none;
    margin: 0 auto 10px auto;
}

.shortcode-single-image-wrap.alignnone,
.shortcode-single-image-wrap.aligncenter {
    margin-left: auto !important;
    margin-right: auto !important;
}
/* #Dividers & gap
================================================== */
.hr-thick,
.hr-thin,
.gap-10,
.gap-20,
.gap-30,
.gap-40,
.vc_empty_space,
.gap {
    clear: both;
}

.hr-thick {
    height: 1px;
    line-height: 1px;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    margin-bottom: 1px;
    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,
.single .divider-heder,
.page .divider-heder {
    margin: 25px 0 36px 0;
}

.layout-list .divider-heder,
.layout-masonry .divider-heder {
    margin: 25px 0 36px 0;
}

.divider-comments {
    margin: 0 0 35px 0;
}

.divider-post {
    margin: 10px 0 20px 0;
}

.text-centered {
    text-align: center;
}
/* Basic typography: end */
/* #Helper styles
================================================== */
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;
}

.wf-container:before,
#main-nav:before,
#top-bar:before,
.header-bottom-bar:before,
.layout-list .post:before {
    content: "";
    display: table;
}

.wf-container:after,
#main-nav:after,
#top-bar:after,
.header-bottom-bar:after,
.layout-list .post:after {
    content: "";
    display: table;
    clear: both;
}

.ancient-ie .wf-container,
.ancient-ie #main-nav,
.ancient-ie #top-bar,
.ancient-ie .header-bottom-bar,
.ancient-ie .layout-list .post {
    zoom: 1;
}
/* Helper styles: end */
/* #Basic blocks layout
================================================== */
#page {
    position: relative;
    overflow: hidden;
}

.footer-overlap #page {
    background: none;
}

#page.boxed {
    max-width: 1320px;
    margin: 0px auto;
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.15);
}
/* !Main */
.main-gradient {
    display: none;
}

#main {
    padding: 50px 0 50px 0;
}
/* !-Overlap header */
.not-webkit.overlap #main {
    position: relative;
    z-index: 1;
}

.is-webkit.overlap .main-gradient {
    display: block;
}

.is-webkit.overlap #main {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.is-webkit.overlap .main-gradient {
    position: relative;
    width: 100%;
    height: 66px;
    margin-top: -46px;
    z-index: 3;
}

.is-webkit.overlap #main > .wf-wrap {
    position: relative;
    top: -16px;
}

.is-webkit.overlap #main {
    padding-bottom: 34px;
}

.is-webkit.overlap #main {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Basic blocks layout: end */
/* !Stripes */
.stripe {
    /*position: relative;*/
    width: 100%;
    padding: 20px 2000px;
    margin-left: -2000px;
    overflow: hidden;
}

.static-height {
    position: relative;
}

.stripe-parallax-bg,
.fancy-parallax-bg,
.page-title-parallax-bg {
    background-attachment: fixed !important;
    background-position-x: 50%;
}

[id^=jarallax] > div {
    will-change: transform;
}

.stripe-parallax-bg > .wf-wrap,
.fancy-parallax-bg > .wf-wrap,
.page-title-parallax-bg > .wf-wrap {
    position: relative;
}

.mobile-false .stripe-parallax-bg,
.mobile-false .fancy-parallax-bg,
.mobile-false .page-title-parallax-bg {
    opacity: 0;
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}
/* !- Stripe style 4 */
/* It's important to keep this value in quotes */
/*@strype-4-secondary-color: @accent-bg-color;*/
/* color of arrows and dividers */
/* color of backgrounds for meta information, blockquotes, etc. */
/* variable color and opacity */
/* alternative variable color for ie */
/* Constant */
/* Stripe style 4: end */
/* !- Stripe style 5 */
/* It's important to keep this value in quotes */
/*@strype-5-secondary-color: @accent-bg-color;*/
/* color of arrows and dividers */
/* color of backgrounds for meta information, blockquotes, etc. */
/* variable color and opacity */
/* alternative variable color for ie */
/* Constant */
/* Stripe style 5: end */
.stripe-style-4 {
    background-color: #2e3031;
    background-repeat:;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
}

    .stripe-style-4 *,
    .stripe-style-4 a {
        color: #ffffff;
    }

    .stripe-style-4 .gw-go * {
        color: inherit;
    }

.stripe-style-5 {
    background-color: #ffffff;
    background-repeat:;
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
}

    .stripe-style-5 *,
    .stripe-style-5 a {
        color: #333333;
    }
/*!-Video background*/
embed,
iframe,
object,
video {
    max-width: 100%;
}

.stripe.stripe-video-bg {
    position: relative;
}

    .stripe.stripe-video-bg .wf-container {
        position: relative;
    }

.stripe-video-bg > video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 1. No object-fit support: */
@media (min-aspect-ratio: 16/9) {
    .stripe-video-bg > video {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .stripe-video-bg > video {
        width: 300%;
        left: -100%;
    }
}
/* 2. If supporting object-fit, overriding (1): */
@supports (object-fit: cover) {
    .stripe-video-bg > video {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
/*Video background:end*/
/*!-Parallax background for device*/
.mobile-true .stripe,
.mobile-true .fancy-parallax-bg,
.mobile-true .page-title-parallax-bg {
    background-attachment: scroll !important;
    background-size: auto !important;
}

.mobile-true .stripe-parallax-bg {
    background-size: auto !important;
}
/*Stripe background for device:end*/
/*!-Row settings->Full-width content*/
.full-width-wrap {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.is-iphone .full-width-wrap {
    opacity: 1;
}

.full-width-wrap > .wf-cell,
.full-width-wrap > .wpb_column,
.content .vc_row.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 {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mejs-controls .mejs-mute button:hover {
    background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button:hover {
    background-position: -16px 0;
}
/*WP Audio:end*/
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
/**/
article.attachment:after,
article.attachment:before {
    content: "";
    display: table;
    clear: both;
}
/* #Basic forms style
================================================== */
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="range"],
input[type="password"],
select,
textarea {
    padding: 7px 15px 7px 15px;
    color: #b8bcbe;
    border: 1px solid #e0e1e1;
    background-color: #fbfcfc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.contact-form-minimal input[type="text"],
.contact-form-minimal input[type="tel"],
.contact-form-minimal input[type="url"],
.contact-form-minimal input[type="email"],
.contact-form-minimal input[type="number"],
.contact-form-minimal input[type="date"],
.contact-form-minimal input[type="range"],
.contact-form-minimal input[type="password"],
.contact-form-minimal select,
.contact-form-minimal textarea {
    margin-bottom: 10px;
}

.stripe input[type="text"],
.stripe input[type="tel"],
.stripe input[type="url"],
.stripe input[type="email"],
.stripe input[type="number"],
.stripe input[type="date"],
.stripe input[type="range"],
.stripe input[type="password"],
.stripe select,
.stripe textarea {
    color: #b8bcbe;
}

select {
    color: #444;
}

.stripe .wpcf7-form-control-wrap select {
    color: #444;
}

@media all and (-ms-high-contrast: none) {
    .dt-form textarea {
        min-height: 100px;
    }
}

.comment-form .form-fields > span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-fields input,
.login-username input,
.login-password input {
    width: 100%;
}

.form-message {
    display: block;
    margin-bottom: 10px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="range"]:focus,
input[type="password"]:focus,
textarea:focus {
    color: #7b8083 !important;
}

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;
    -o-appearance: none;
    appearance: none;
}

    input[type="text"]::-webkit-input-placeholder,
    input[type="email"]::-webkit-input-placeholder,
    input[type="password"]::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: #b8bcbe;
    }

    input[type="text"]:-moz-placeholder,
    input[type="password"]:-moz-placeholder,
    textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: #b8bcbe;
    }

    input[type="text"]::-moz-placeholder,
    input[type="password"]::-moz-placeholder,
    textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: #b8bcbe;
    }

    input[type="text"]:-ms-input-placeholder,
    input[type="password"]:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: #b8bcbe;
    }

    input[type="text"]:input-placeholder,
    input[type="password"]:input-placeholder,
    textarea:input-placeholder {
        color: #b8bcbe;
    }

.form-fields > span {
    position: relative;
    display: block;
}
/*WHEN GENERAL->APPEARANCE->IOS 7 STYLE*/
.contact-form-ios .form-fields {
    margin-bottom: 20px;
    max-width: 100%;
    border: 1px solid #eaeaea;
    clear: both;
}

.contact-form-ios #comments .form-fields {
    max-width: 270px;
}

    .contact-form-ios #comments .form-fields input {
        max-width: 270px;
    }

.contact-form-ios .form-fields input {
    margin: 0;
    border: none;
    border-top: 1px solid #eaeaea;
    background-color: #fbfcfc;
}

.contact-form-ios .form-fields span:first-child input {
    border-top: none;
}

.contact-form-ios textarea,
.contact-form-ios .searchform input[type="text"] {
    background-color: #fbfcfc;
    border: 1px solid #eaeaea;
}
/*WHEN GENERAL->APPEARANCE ->Contact form->Minimal form*/
.contact-form-minimal .comment-form .form-fields > span {
    float: left;
    width: 33.333%;
    padding-right: 10px;
}
/*WHEN GENERAL->APPEARANCE->Contact form->Material design*/
.contact-form-material .dt-form .form-fields {
    border-top: 1px solid #e6e6e6;
}

.contact-form-material .comment-form .form-fields,
.contact-form-material .comment-form-author,
.contact-form-material .comment-form-email,
.contact-form-material .comment-form-author input,
.contact-form-material .comment-form-email input {
    margin: 0;
}

.contact-form-material input[type="text"],
.contact-form-material input[type="tel"],
.contact-form-material input[type="url"],
.contact-form-material input[type="email"],
.contact-form-material input[type="number"],
.contact-form-material input[type="date"],
.contact-form-material input[type="range"],
.contact-form-material input[type="password"],
.contact-form-material select,
.contact-form-material textarea {
    background-color: #fff;
    border-color: #e6e6e6;
}

.contact-form-material .form-fields > span,
.contact-form-material .form-message,
.contact-form-material .comment-form-comment,
.contact-form-material .comment-form-author,
.contact-form-material .comment-form-email {
    position: relative;
    display: block;
    padding-top: 6px;
    border: 1px solid #e6e6e6;
    border-top: none;
    background-color: #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    .contact-form-material .form-fields > span:after,
    .contact-form-material .form-message:after,
    .contact-form-material .comment-form-comment:after,
    .contact-form-material .comment-form-author:after,
    .contact-form-material .comment-form-email:after {
        position: absolute;
        z-index: 9;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 2px;
        content: "";
        opacity: 0;
        -webkit-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

    .contact-form-material .form-fields > span.active:after,
    .contact-form-material .form-message.active:after,
    .contact-form-material .comment-form-comment.active:after,
    .contact-form-material .comment-form-author.active:after,
    .contact-form-material .comment-form-email.active:after {
        opacity: 1;
    }

.contact-form-material .comment-form .form-fields > span,
.contact-form-material .comment-form .form-message,
.contact-form-material .comment-form .comment-form-comment,
.contact-form-material .comment-form .comment-form-author,
.contact-form-material .comment-form .comment-form-email {
    border: 1px solid #e6e6e6;
    border-bottom: none;
}

.contact-form-material .comment-form .comment-form-comment,
.contact-form-material .comment-form .form-fields {
    border-bottom: 1px solid #e6e6e6;
}

.contact-form-material .comment-form .comment-form-comment {
    margin-bottom: 20px;
}

.contact-form-material .form-fields > span {
    height: 39px;
}

.contact-form-material .contact-form > p,
.contact-form-material .comment-form > .form-submit {
    margin-top: 20px;
}

.contact-form-material .form-fields > span .assistive-text,
.contact-form-material .form-message .assistive-text,
.contact-form-material .comment-form-comment .assistive-text,
.contact-form-material .comment-form-comment label,
.contact-form-material .comment-form-author label,
.contact-form-material .comment-form-email label {
    position: absolute;
    top: 12px;
    left: 17px;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    clip: auto;
    color: #d0d0d0;
}

.contact-form-material #page .is-focused .assistive-text,
.contact-form-material #page .is-focused label {
    font-size: 0.7rem;
    -webkit-transform: translateY(-60%);
    transform: translateY(-60%);
}

.contact-form-material .form-fields input,
.contact-form-material .dt-form textarea,
.contact-form-material .comment-form textarea,
.contact-form-material .comment-form-comment textarea,
.contact-form-material .comment-form-author input,
.contact-form-material .comment-form-email input {
    position: relative;
    margin-bottom: 0;
    padding: 10px 17px 5px;
    border: none;
    background-color: transparent;
    color: #353535;
    text-indent: -9999px;
    font-size: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 0;
}

    .contact-form-material .form-fields input:focus,
    .contact-form-material .dt-form textarea:focus,
    .contact-form-material .comment-form textarea:focus,
    .contact-form-material .comment-form-comment textarea:focus,
    .contact-form-material .comment-form-author input:focus,
    .contact-form-material .comment-form-email input:focus {
        color: #353535 !important;
    }

.contact-form-material #page #tab-reviews .comment-form-email {
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

.contact-form-material .form-message textarea:last-child {
    margin-bottom: 0 !important;
}

.contact-form-material .form-fields span.is-focused input,
.contact-form-material .is-focused textarea,
.contact-form-material .comment-form-author.is-focused input,
.contact-form-material .comment-form-email.is-focused input {
    outline: none;
    text-indent: inherit;
}

.contact-form-material .formError.inline {
    top: -20px !important;
}

.form-allowed-tags {
    margin-bottom: 20px;
}

.clear-form {
    position: relative;
    float: right;
    padding: 0 18px 0 0;
}

    .clear-form:before {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -6.5px;
        width: 13px;
        height: 13px;
        line-height: 13px;
        content: "";
        -webkit-border-radius: 50%;
        border-radius: 50%;
        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='13px' height='13px' viewBox='0 0 13 13' enable-background='new 0 0 13 13' fill='white' xml:space='preserve'%3E%3Cpolygon points='3.534,8.557 4.429,9.45 9.467,4.412 8.604,3.55 '/%3E%3Cpolygon points='9.467,8.557 8.57,9.45 3.534,4.412 4.396,3.55 '/%3E%3C/svg%3E");
    }
/*Contact form 7*/
.stripe .wpcf7-form-control-wrap,
.stripe .wpcf7-form-control-wrap * {
    color: #b8bcbe;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="range"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea {
    width: 100%;
}
/*Gravity Forms*/
.gform_fields li {
    list-style: none;
}

.gform_wrapper .gform_body input[type="text"],
.gform_wrapper .gform_body input[type="url"],
.gform_wrapper .gform_body input[type="email"],
.gform_wrapper .gform_body input[type="tel"],
.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 select,
.gform_wrapper.gf_browser_chrome .gform_body .ginput_complex .ginput_right select,
.mc4wp-form form select {
    padding: 6px 10px 5px;
    font-size: 100%;
}

#main .gform_wrapper .ginput_left input:focus + label,
#main .gform_wrapper .ginput_right input:focus + label,
#main .gform_wrapper .ginput_full input:focus + label {
    font-weight: normal;
}
/* #Buttons
================================================== */
.dt-form button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.dt-btn,
a.button,
button.button,
#main-slideshow .tp-button,
#main .gform_wrapper .gform_footer input.button,
#main .gform_wrapper .gform_footer input[type="submit"],
.nsu-submit,
form.mc4wp-form input[type="submit"],
div.mc4wp-form button[type="submit"] {
    position: relative;
    display: inline-block;
    border: none;
    text-decoration: none;
    white-space: nowrap;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .dt-form button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    .dt-btn:hover,
    a.button:hover,
    button.button:hover,
    #main-slideshow .tp-button:hover,
    #main .gform_wrapper .gform_footer input.button:hover,
    #main .gform_wrapper .gform_footer input[type="submit"]:hover,
    .nsu-submit:hover,
    form.mc4wp-form input[type="submit"]:hover,
    div.mc4wp-form button[type="submit"]:hover {
        text-decoration: none;
    }

.full-width-btn.dt-btn {
    display: block;
    text-align: center;
}

#page .btn-margin,
#page .btn-margin:last-child,
#page .contact-form .dt-btn {
    margin-right: 10px;
}

#page .btn-margin-left,
#page .btn-margin-left:last-child {
    margin-left: 10px;
}

#page .dt-btn,
#page .dt-btn:last-child,
#page .contact-form .dt-btn {
    margin-bottom: 10px;
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button.button,
input.button {
    border: none;
}

#page .btn-link {
    padding: 0;
}

.btn-link {
    display: inline-block;
    /*
	margin-right: 10px;*/
    text-decoration: none;
    white-space: nowrap;
}
    /*Font icons for button*/
    .dt-btn .fa,
    .btn-link .fa,
    .dt-btn .fa *,
    .btn-link .fa * {
        color: inherit;
    }

.dt-btn-s .fa,
.dt-btn-m .fa {
    margin-right: 8px;
}

.dt-btn-l .fa {
    margin-right: 9px;
}

.dt-btn-s.ico-right-side .fa,
.dt-btn-m.ico-right-side .fa {
    margin-right: 0px;
    margin-left: 8px;
}

.dt-btn-l.ico-right-side .fa {
    margin-right: 0px;
    margin-left: 9px;
}
/* # 3D, IOS, Flat Buttons
================================================== */
.btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn),
.btn-3d button.button,
.btn-3d a.button,
.btn-3d .dt-form button,
.btn-3d .widget .dt-form .dt-btn,
.btn-3d input[type="button"],
.btn-3d input[type="reset"],
.btn-3d input[type="submit"],
.btn-3d .nsu-submit {
    top: 0;
    border-bottom: 2px solid;
    -webkit-transition: none;
    transition: none;
}

    .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):hover,
    .btn-3d button.button:hover,
    .btn-3d a.button:hover,
    .btn-3d .dt-form button:hover,
    .btn-3d .widget .dt-form .dt-btn:hover,
    .btn-3d input[type="button"]:hover,
    .btn-3d input[type="reset"]:hover,
    .btn-3d input[type="submit"]:hover,
    .btn-3d .nsu-submit:hover {
        top: 1px;
        border-bottom: 1px solid;
    }

    .btn-3d .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active,
    .btn-3d button.button:active,
    .btn-3d a.button:active,
    .btn-3d .dt-form button:active,
    .btn-3d .widget .dt-form .dt-btn:active,
    .btn-3d input[type="button"]:active,
    .btn-3d input[type="reset"]:active,
    .btn-3d input[type="submit"]:active,
    .btn-3d .nsu-submit:active {
        top: 2px;
        border-bottom: none;
    }

.btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after,
.btn-ios button.button:after,
.btn-ios a.button:after,
.btn-ios .dt-form button:after,
.btn-ios .widget .dt-form .dt-btn:after,
.btn-ios input[type="button"]:after,
.btn-ios input[type="reset"]:after,
.btn-ios input[type="submit"]:after,
.btn-ios .nsu-submit:after,
.btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after,
.btn-flat button.button:after,
.btn-flat a.button:after,
.btn-flat .dt-form button:after,
.btn-flat .widget .dt-form .dt-btn:after,
.btn-flat input[type="button"]:after,
.btn-flat input[type="reset"]:after,
.btn-flat input[type="submit"]:after,
.btn-flat .nsu-submit:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    -webkit-border-radius: inherit;
    border-radius: inherit;
}

.btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn),
.btn-ios button.button,
.btn-ios a.button,
.btn-ios .dt-form button,
.btn-ios .widget .dt-form .dt-btn,
.btn-ios input[type="button"],
.btn-ios input[type="reset"],
.btn-ios input[type="submit"],
.btn-ios .nsu-submit {
    -webkit-box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.2);
}

    .btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):after,
    .btn-ios button.button:after,
    .btn-ios a.button:after,
    .btn-ios .dt-form button:after,
    .btn-ios .widget .dt-form .dt-btn:after,
    .btn-ios input[type="button"]:after,
    .btn-ios input[type="reset"]:after,
    .btn-ios input[type="submit"]:after,
    .btn-ios .nsu-submit:after {
        background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.14) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
        /* W3C */
    }

    .btn-ios .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):hover:after,
    .btn-ios button.button:hover:after,
    .btn-ios a.button:hover:after,
    .btn-ios .dt-form button:hover:after,
    .btn-ios .widget .dt-form .dt-btn:hover:after,
    .btn-ios input[type="button"]:hover:after,
    .btn-ios input[type="reset"]:hover:after,
    .btn-ios input[type="submit"]:hover:after,
    .btn-ios .nsu-submit:hover:after {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(255, 255, 255, 0)));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
        /* W3C */
    }

.btn-flat .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active:after,
.btn-flat button.button:active:after,
.btn-flat a.button:active:after,
.btn-flat .dt-form button:active:after,
.btn-flat .widget .dt-form .dt-btn:active:after,
.btn-flat input[type="button"]:active:after,
.btn-flat input[type="reset"]:active:after,
.btn-flat input[type="submit"]:active:after,
.btn-flat .nsu-submit:active:after {
    background-color: rgba(0, 0, 0, 0.2);
}
/*! rewrite area !!*/
.btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):hover,
.btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):last-child:hover {
    margin-bottom: 11px;
}

.btn-3d a.button:hover,
.btn-3d button.button:hover,
.btn-3d input[type="button"]:hover,
.btn-3d input[type="reset"]:hover,
.btn-3d input[type="submit"]:hover {
    margin-bottom: 1px;
}

.btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):active,
.btn-3d #page .dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn):not(.outline-bg-btn):last-child:active {
    margin-bottom: 12px;
}

.btn-3d .dt-btn.btn-light:hover,
.btn-3d .dt-btn.btn-light:active {
    top: 0;
    margin-bottom: 0;
}
/* # Light Buttons
================================================== */
.btn-light,
.light-bg-btn,
.btn-link,
.outline-btn {
    webkit-transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;
    transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;
}

.outline-bg-btn {
    webkit-transition: background 0.2s ease-out, color 0.2s ease-out, border-color 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.btn-3d .dt-btn.btn-light:before,
.btn-3d .dt-btn.btn-light:after,
#page .btn-light:after {
    display: none;
}
/* # Material Buttons
================================================== */
.rippleAnimate {
    background: rgba(255, 255, 255, 0.25);
}

.btn-light .rippleAnimate,
.light-hover-bg.icons-bg .rippleAnimate {
    background: rgba(0, 0, 0, 0.1);
}

.ripple > span:first-child {
    display: block;
}
/* #Outline & Outline with background on hover
================================================== */
.outline-bg-btn,
.outline-btn {
    border: 2px solid;
}
/*Custom colors*/
.custom-btn-color > *,
.stripe .custom-btn-color > * {
    color: inherit !important;
}

.dt-btn.custom-btn-hover-color:hover > span:not(.rippleWrap),
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > span:not(.rippleWrap),
.btn-link.custom-btn-hover-color:hover > span:not(.rippleWrap),
.dt-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 > .text-wrap *,
.btn-link.custom-btn-hover-color:hover > .text-wrap *,
.dt-btn.custom-btn-hover-color:hover > .fa,
.dt-btn:not(.btn-light):not(.light-bg-btn):not(.outline-btn).custom-btn-hover-color:hover > .fa,
.btn-link.custom-btn-hover-color:hover > .fa {
    background: none !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

.outline-element-decoration .btn-light:hover {
    box-shadow: none;
}
/*Material buttons*/
.btn-material .dt-btn {
    transform: translateZ(0);
}
/* #Banner
========================================================================= */
.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)";
    -webkit-background-size: cover;
    background-size: cover;
}

.shortcode-banner-inside,
.shortcode-banner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wf-table .shortcode-banner-inside {
    display: table-cell;
    vertical-align: middle;
}

.stripe .shortcode-banner-inside *,
.content .shortcode-banner-inside * {
    color: inherit;
}

.shortcode-banner-link:hover .shortcode-banner-bg {
    opacity: 0.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.shortcode-banner-inside {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding: 15px 20px;
    background-clip: padding-box;
}
/* #blockquote
================================================== */
blockquote {
    -webkit-box-sizing: border-box;
    box-sizing: border-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;
}
/* !- pullquote */
.shortcode-pullquote {
    position: relative;
    background-color: transparent !important;
}

    .shortcode-pullquote.align-left,
    #page .shortcode-pullquote.align-left {
        float: left;
        margin: 15px 30px 10px 0;
        padding: 5px 20px 5px 0;
    }

    .shortcode-pullquote.align-right,
    #page .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;
    }
/* #Call to actions
================================================== */
.shortcode-action-box,
.shortcode-action-bg.no-line {
    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%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.box-style-table .shortcode-action-container {
    display: table;
}

.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: "";
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.action-button {
    margin-bottom: 20px;
}

.box-style-table .action-button {
    padding-top: 0;
    padding-left: 40px;
    margin-bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .box-style-table .action-button .dt-btn {
        float: right;
        margin-right: 0;
        margin-bottom: 10px;
    }
/* #Fancy media
========================================================================= */
.shortcode-single-image-wrap {
    margin-bottom: 0px;
    max-width: 100%;
}

.shortcode-single-image {
    position: relative;
    overflow: hidden;
    line-height: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.shortcode-single-video .fancy-media-wrap,
.shortcode-single-video .shortcode-teaser-video,
.post-video,
.shortcode-video {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 30px;
    height: 0;
    padding-bottom: 56.25%;
}

    .shortcode-single-video iframe,
    .shortcode-single-video object,
    .shortcode-single-video embed,
    .post-video iframe,
    .post-video object,
    .post-video embed,
    .shortcode-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.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;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}

.br-standard.borderframe .shortcode-single-caption {
    border: none;
}

.shortcode-single-caption p {
    margin-bottom: 0;
}
/* #List
================================================== */
.standard-arrow,
.content .standard-arrow,
.content .standard-number-list,
.content .image-arrow {
    margin: 0 0 15px 0;
}

    .content .standard-arrow ul,
    .content .standard-number-list ul,
    .content .image-arrow ul {
        margin: 0;
    }

    .standard-arrow li,
    .standard-number-list li {
        position: relative;
        padding-left: 18px;
        margin-bottom: 10px;
        list-style: none;
        border-bottom: 1px solid #c0bfbf;
        padding-bottom: 10px;
    }

        .standard-arrow li:before,
        .standard-arrow li:after {
            position: absolute;
            top: 50%;
            left: 0px;
            margin-top: -7px;
            width: 12px;
            height: 12px;
            content: "";
            background-position: 0 center;
            background-repeat: no-repeat;
            background-size: 10px 10px;
        }

        .standard-number-list li:before,
        .standard-number-list.list-divider li:first-child:before,
        .standard-arrow li:before {
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

    .standard-arrow.bullet-top li:after {
        top: 0;
        margin-top: 0;
        height: 13px;
    }

    .standard-arrow.bullet-top li:after,
    .standard-arrow.list-divider.bullet-top li:first-child:after,
    .standard-arrow.list-divider.bullet-top li:after {
        background-position: 0 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:first-child {
        padding-top: 0;
    }

    .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;
        margin-top: -10px;
        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.list-divider li:first-child:before {
            top: 10px;
        }

    .standard-number-list.bullet-top li:before,
    .standard-number-list.bullet-top li:first-child:before {
        top: 0px;
        margin-top: 0;
    }

    .standard-number-list.list-divider.bullet-top li:before,
    .standard-number-list.list-divider.bullet-top li:first-child:before {
        top: 10px;
        margin-top: 0;
    }

    .standard-number-list.list-divider.bullet-top li:first-child:before {
        top: 5px;
    }

.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 0px 0;
}

.font-arrow ul {
    list-style: none;
}

.font-arrow .fa {
    font-size: 14px;
    margin-right: 10px;
}
/* #Teasers
========================================================================= */
.frame-on {
    padding-top: 25px;
    border: 1px solid;
}

    .frame-on.img-full {
        padding-top: 0px;
    }

.content .frame-on.frame-fancy {
    border: none;
}

.shortcode-teaser.frame-on.img-full {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.shortcode-teaser-img {
    line-height: 0;
    padding-bottom: 20px;
}

.frame-on .shortcode-teaser-img {
    padding: 0px 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: 0px 25px 10px;
}

.shortcode-teaser-content {
    margin-top: -5px;
}

.text-centered .shortcode-teaser-content {
    text-align: center;
}
/* #Tooltip
================================================== */
.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, 0.95);
    color: #fff !important;
}

.tooltip-title.text-big {
    color: #fff;
}

.tooltip-title {
    display: block;
    margin-bottom: 10px;
}
/* #highlighted text
================================================== */
.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: #ffffff;
    }

    .dt-highlight.highlight-berry {
        background-color: #e32a5a !important;
        background-image: none !important;
        color: #ffffff;
    }

    .dt-highlight.highlight-orange {
        background-color: #f36c0a !important;
        background-image: none !important;
        color: #ffffff;
    }

    .dt-highlight.highlight-yellow {
        background-color: #f2a809 !important;
        background-image: none !important;
        color: #ffffff;
    }

    .dt-highlight.highlight-pink {
        background-color: #fd8fb6 !important;
        background-image: none !important;
        color: #ffffff;
    }

    .dt-highlight.highlight-green {
        background-color: #8cc63a !important;
        background-image: none !important;
        color: #ffffff;
    }

    .dt-highlight.highlight-dark-green {
        background-color: #3ab459 !important;
        background-image: none !important;
        color: #ffffff;
    }

    .dt-highlight.highlight-blue {
        background-color: #27cff3 !important;
        background-image: none !important;
        color: #ffffff;
    }

    .dt-highlight.highlight-dark-blue {
        background-color: #2985c6 !important;
        background-image: none !important;
        color: #ffffff;
    }

    .dt-highlight.highlight-violet {
        background-color: #6946b8 !important;
        background-image: none !important;
        color: #ffffff;
    }

    .dt-highlight.highlight-black {
        background-color: #3e3f3f !important;
        background-image: none !important;
        color: #ffffff;
    }

    .dt-highlight.highlight-gray {
        background-color: #a5a6a7 !important;
        background-image: none !important;
        color: #ffffff;
    }
/* #WP gallery 
================================================== */
.dt-format-gallery {
    overflow: hidden;
    /*margin-bottom: 25px;*/
    max-width: 100%;
}

    .dt-format-gallery.shortcode-gallery {
        margin-bottom: 0;
    }

        .dt-format-gallery.shortcode-gallery a {
            line-height: 0;
        }

    .dt-format-gallery a.big-img,
    .dt-format-gallery .rollover-video.big-img {
        border-bottom: none;
    }

.gallery-col-1 > a,
.gallery-col-1 .rollover-video {
    width: 100%;
}

.gallery-col-2 > a,
.gallery-col-2 .rollover-video {
    width: 50%;
}

    .gallery-col-2 > a.big-img,
    .gallery-col-2 .rollover-video.big-img {
        width: 100%;
    }

.gallery-col-3 a.big-img,
.gallery-col-3 .rollover-video.big-img {
    width: 66.6667%;
}

.gallery-col-3 > a,
.gallery-col-3 .rollover-video {
    width: 33.3333%;
}

.gallery-col-4 a.big-img,
.gallery-col-4 .rollover-video.big-img {
    width: 50%;
}

.gallery-col-4 > a,
.gallery-col-4 .rollover-video {
    width: 25%;
}

.gallery-col-5 a.big-img,
.gallery-col-5 .rollover-video.big-img {
    width: 40%;
}

.gallery-col-5 > a,
.gallery-col-5 .rollover-video {
    width: 20%;
}

.gallery-col-6 a.big-img,
.gallery-col-6 .rollover-video.big-img {
    width: 33.3333%;
}

.gallery-col-6 > a,
.gallery-col-6 .rollover-video {
    width: 16.6667%;
}

.gallery-coll-half {
    float: left;
    line-height: 0;
}

.gallery-coll-fourth {
    float: left;
}

.dt-format-gallery a,
.dt-format-gallery .rollover-video {
    max-width: 100%;
    float: left;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
}

.dt-format-gallery.gallery-col-1 a.big-img,
.dt-format-gallery.gallery-col-1 .rollover-video.big-img,
.dt-format-gallery.gallery-col-2 a.big-img,
.dt-format-gallery.gallery-col-2 .rollover-video.big-img {
    border-bottom: 3px solid transparent;
}

.dt-format-gallery img {
    width: 100%;
    height: auto;
}

#main .gallery img {
    border: none;
}
/* #Accordion
================================================== */
.dt-style.wpb_content_element {
    margin-bottom: 0 !important;
}

.wpb_content_element .wpb_accordion_header a:active,
.wpb_content_element .wpb_accordion_header a:focus,
.wpb_content_element .wpb_accordion_header a,
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
    outline: 0 !important;
    -webkit-appearance: none;
}

#main .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon,
#main .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {
    display: none;
}

.wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_header {
    margin: 10px 0 0;
    border: none;
    background: none;
}

.wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_header {
    margin: 10px 0 0;
    padding: 9px 0 0;
    border-top: 1px solid;
}

.wpb_content_element.dt-accordion-line-on .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header,
.wpb_content_element.dt-style .wpb_accordion_wrapper .wpb_accordion_section:first-child .wpb_accordion_header {
    padding-top: 0;
    margin-top: 0;
    border: none;
}

.wpb_content_element.dt-style .wpb_accordion_header a {
    position: relative;
    display: block;
    padding: 0 25px 0 0;
}

.wpb_accordion .wpb_accordion_wrapper .ui-state-active > a:hover {
    text-decoration: none;
}

.dt-style.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header a {
    padding: 9px 0 9px 18px;
}

.wpb_content_element .wpb_accordion_header > a:before,
.wpb_content_element .wpb_accordion_header > a:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -7px;
    width: 14px;
    height: 14px;
    content: "";
}

.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a:before,
.dt-accordion-bg-on.wpb_content_element .wpb_accordion_header > a:after {
    right: 13px;
}

.wpb_content_element .wpb_accordion_header > a:after {
    background-position: center center;
    background-repeat: no-repeat;
}

.dt-style.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    display: none;
    padding: 10px 0 5px 0;
    margin: 0;
    clear: both;
}

.dt-accordion-bg-on.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    padding: 17px 0 13px 0;
}

.stripe .vc_tta-style-flat .vc_tta-panel .vc_tta-panel-title > a * {
    color: inherit;
}
/* #Toggle
================================================== */
#content .dt-style.wpb_toggle {
    position: relative;
    float: left;
    clear: both;
    background: none;
}

.dt-style.vc_toggle_default .vc_toggle_icon {
    width: 14px;
    height: 14px;
}

    .dt-style.vc_toggle_default .vc_toggle_icon,
    .dt-style.vc_toggle_default .vc_toggle_icon:before,
    .dt-style.vc_toggle_default .vc_toggle_icon:after {
        background: none;
        border: none;
    }

        .dt-style.vc_toggle_default .vc_toggle_icon:before,
        .dt-style.vc_toggle_default .vc_toggle_icon:after {
            position: absolute;
            top: 50%;
            margin-top: -7px;
            left: 0;
            width: 14px;
            height: 14px;
            content: "";
        }

        .dt-style.vc_toggle_default .vc_toggle_icon:before,
        .dt-style.vc_toggle_default .vc_toggle_icon:after {
            margin-top: 0;
        }

.dt-style.vc_toggle_default.vc_toggle_active .vc_toggle_icon:before,
.dt-style.vc_toggle_default.vc_toggle_active .vc_toggle_icon:after {
    visibility: visible;
}

.dt-style.vc_toggle_default .vc_toggle_icon:after {
    background-position: center center;
    background-repeat: no-repeat;
}

.wpb_toggle_content {
    padding: 10px 0 5px 0;
    margin: 0;
    clear: both;
}
/* #Shortcode scroller
================================================== */
.slider-wrapper {
    position: relative;
    visibility: hidden;
}

.shadow-element-decoration .description-under-image .ts-viewport:not(.photoSlider-wrap) {
    padding: 5px;
}

.ts-viewport {
    overflow: hidden;
    height: 0;
    -webkit-transform: translatez(0);
    transform: translatez(0);
}

.slider-content {
    visibility: hidden;
}

.ts-viewport:not(.photoSlider-wrap) {
    -webkit-transition: height 150ms;
    transition: height 150ms;
}

ul.photoSlider {
    visibility: hidden;
}

.ts-wrap {
    position: relative;
    display: block;
}

.ts-cont,
.content .ts-cont {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ts-cell {
    position: absolute;
    top: 0;
    display: block;
}

.ts-slide {
    position: absolute;
    display: table-cell;
    vertical-align: middle;
    top: 0;
    overflow: hidden;
    text-align: center;
}

.slider-content .ts-slide {
    width: 100%;
    text-align: left;
}

.ts-cell > img {
    max-width: 100%;
}

.mobile-false .frame ul:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.mobile-false .frame.dragged ul,
.mobile-false .frame.dragged ul li *,
.mobile-false .frame.dragged ul li:hover * {
    cursor: move;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

.fs-entry {
    opacity: 0;
}

    .fs-entry:first-child {
        margin-left: 0 !important;
    }

    .fs-entry:last-child {
        margin-right: 0 !important;
    }

.slider-wrapper .blog-media,
.slider-wrapper .blog-content,
.slider-wrapper .project-list-media,
.slider-wrapper .project-list-content {
    display: block;
}
/*Scroller navigation*/
.slider-wrapper .prev,
.slider-wrapper .next {
    position: absolute;
    z-index: 99;
    left: 10px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

.slider-wrapper .next {
    left: auto;
    right: 10px;
}

.slider-wrapper.arrows-accent .prev,
.slider-wrapper.arrows-accent .next {
    width: 30px;
    height: 60px;
    margin-top: -30px;
}

.slider-wrapper.hide-arrows .disabled {
    display: none;
}

.slider-wrapper.arrows-dark .prev,
.slider-wrapper.arrows-dark .next,
.slider-wrapper.arrows-light .prev,
.slider-wrapper.arrows-light .next,
.slider-wrapper.arrows-accent .prev,
.slider-wrapper.arrows-accent .next {
    visibility: visible;
}

.slider-wrapper.show-arrows .prev,
.slider-wrapper.show-arrows .next {
    opacity: 1;
}

.slider-wrapper .prev i:hover,
.slider-wrapper .next i:hover {
    cursor: pointer;
}

.slider-wrapper .prev.disabled i:hover,
.slider-wrapper .next.disabled i:hover {
    cursor: auto;
}

.slider-wrapper .prev i,
.slider-wrapper .next i {
    position: absolute;
    left: 0px;
    top: 0;
    width: 40px;
    height: 40px;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

    .slider-wrapper .prev i:after,
    .slider-wrapper .next i:after {
        position: absolute;
        left: 0;
        top: 0;
        height: 40px;
        width: 40px;
        background-position: center center;
        background-repeat: no-repeat;
        content: "";
    }

    .slider-wrapper .next i:after {
        width: 45px;
    }

.slider-wrapper .prev.disabled i:after,
.slider-wrapper .next.disabled i:after,
.slider-wrapper .prev.disabled i:active:after,
.slider-wrapper .next.disabled i:active:after {
    opacity: 0.55;
}

.slider-wrapper .prev i:active:after,
.slider-wrapper .next i:active:after {
    opacity: 0.8;
}

.slider-wrapper.arrows-accent .prev i,
.slider-wrapper.arrows-accent .next i,
.slider-wrapper.arrows-accent .prev i:after,
.slider-wrapper.arrows-accent .next i:after {
    width: 30px;
    height: 60px;
}

.arrows-light .prev i,
.arrows-light .next i {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.arrows-light .prev:not(.disabled):hover i,
.arrows-light .next:not(.disabled):hover i {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.arrows-light .prev.disabled i,
.arrows-light .next.disabled i,
.arrows-light .prev.disabled:hover i,
.arrows-light .next.disabled:hover i {
    background-color: rgba(255, 255, 255, 0.5);
}

.arrows-dark .prev i,
.arrows-dark .next i {
    background-color: rgba(34, 34, 34, 0.6);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.arrows-dark .prev.disabled i,
.arrows-dark .next.disabled i,
.arrows-dark .prev.disabled:hover i,
.arrows-dark .next.disabled:hover i {
    background-color: rgba(34, 34, 34, 0.25);
}

.arrows-dark .prev:hover i,
.arrows-dark .next:hover i {
    background-color: rgba(34, 34, 34, 0.85);
}

.arrows-light .prev 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='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(34,34,34,0.85)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E");
}

.arrows-light .next 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='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(34,34,34,0.85)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E");
}

.arrows-dark .prev i:after,
.arrows-accent .prev 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='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='6.669,9.406 14.738,17.188 12.988,19 3.262,9.406 13.113,0 14.738,1.688 '/%3E%3C/svg%3E");
}

.arrows-dark .next i:after,
.arrows-accent .next 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='19px' height='19px' viewBox='0 0 19 19' enable-background='new 0 0 19 19' xml:space='preserve'%3E%3Cpolygon id='arrow-25-icon' fill='rgba(255,255,255,1)' points='4.262,1.688 5.887,0 15.738,9.406 6.012,19 4.262,17.188 12.332,9.406 '/%3E%3C/svg%3E");
}

.arrows-dark .prev i:after,
.arrows-dark .next i:after {
    opacity: 0.7;
}
/* !- Shortcode slider */
.photoSlider-wrap {
    background: #262626;
}

    .photoSlider-wrap .ts-slide {
        text-align: center;
        height: 100%;
        width: 100%;
    }

.rollover-video.ts-slide {
    position: absolute;
    line-height: inherit;
}

.blog .post .slider-masonry img,
#page .photoSlider-wrap img {
    max-width: none;
}

.photoSlider-wrap .video-icon:hover,
.photoSlider-wrap .ps-link:hover {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0.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 0;
}

    .photoSlider .slider-post-inner * {
        color: #fff;
    }

.photoSlider-wrap .leftArrow,
.photoSlider-wrap .rightArrow,
.photoSlider-wrap .psPlay {
    height: 32px;
    width: 32px;
    position: absolute;
    display: block;
    cursor: pointer;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

    .photoSlider-wrap .leftArrow:hover,
    .photoSlider-wrap .rightArrow:hover,
    .photoSlider-wrap .psPlay:hover {
        opacity: 0.7;
    }

.photoSlider-wrap .leftArrow {
    right: 58px;
    bottom: 20px;
}

.photoSlider-wrap .rightArrow {
    right: 19px;
    bottom: 20px;
}

@media screen and (min-width: 740px) {
    .mobile-false .shortcode-slider-wrap .leftArrow {
        right: 98px;
        bottom: 20px;
    }

    .mobile-false .shortcode-slider-wrap .rightArrow {
        right: 58px;
        bottom: 20px;
    }

    .mobile-false .photoSlider-wrap .psPlay {
        right: 19px;
        bottom: 20px;
    }
}

.photoSlider-wrap .leftArrow:before,
.photoSlider-wrap .rightArrow:before,
.photoSlider-wrap .psPlay:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    height: 32px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 9;
}

.photoSlider-wrap .rightArrow: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 .rightArrow: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,
.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");
}

.photoSlider-wrap .leftArrow: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");
}

.photoSlider-wrap .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");
}

.photoSlider-wrap .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");
}

.testimonial-item-slider .ts-viewport {
    padding-bottom: 40px;
}

.widget .contentSlider-wrap {
    margin-bottom: 40px;
}

.contentSlider-wrap .psBullets {
    position: absolute;
    top: calc(100% + 20px);
    overflow: hidden;
    width: 100%;
    height: auto;
    text-align: center;
}

.widget .contentSlider-wrap .psBullets {
    top: calc(100% + 10px);
}

.psBullet:hover {
    cursor: pointer;
}

.psBullet:after,
.psBullet {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-sizing: border-box;
}

.contentSlider-wrap .psBullet {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 2px;
    vertical-align: middle;
}

.accent-bullets .contentSlider-wrap .psBullet {
    width: 14px;
    height: 14px;
}

.contentSlider-wrap .psBullet:after {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 8px;
    height: 8px;
    content: "";
    border: 2px solid;
}

.outlines-bullets .contentSlider-wrap .psBullet:after {
    border: none;
}

.contentSlider-wrap .psBullet:hover:after,
.contentSlider-wrap .psBullet.act:after {
    width: 10px;
    height: 10px;
    margin: -1px 0 0 -1px;
}

.accent-bullets .contentSlider-wrap .psBullet:after {
    width: 14px;
    height: 14px;
    border: none;
}

.accent-bullets .contentSlider-wrap .psBullet:hover:after {
    -webkit-animation: anim-effect-bullet 0.3s ease-out forwards;
    animation: anim-effect-bullet 0.3s ease-out forwards;
}

.accent-bullets .contentSlider-wrap .psBullet.act:after {
    -webkit-animation: anim-effect-bullet-act 0.3s ease-out forwards;
    animation: anim-effect-bullet-act 0.3s ease-out forwards;
}

.contentSlider-wrap .psBullet:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -2px 0 0 -2px;
    width: 4px;
    height: 4px;
    content: "";
}

.accent-bullets .contentSlider-wrap .psBullet:before {
    margin: -3px 0 0 -3px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
}

@-webkit-keyframes anim-effect-bullet {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    25%, 50% {
        opacity: 1;
    }

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

@keyframes anim-effect-bullet {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    25%, 50% {
        opacity: 1;
    }

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

@-webkit-keyframes anim-effect-bullet-act {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    25%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    to {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes anim-effect-bullet-act {
    0% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    25%, 30% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }

    to {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
/* Shortcode slider:end */
/* #Progress bar
================================================== */
/*#main */
.vc_progress_bar.dt-style .vc_single_bar {
    height: 30px;
    margin-bottom: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
    /*#main */
    .vc_progress_bar.dt-style .vc_single_bar:last-child {
        margin-bottom: 0;
    }
/*#main */
.dt-style.vc_progress_bar.pb-style-two .vc_single_bar {
    height: 13px;
}

.accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar {
    -webkit-animation: none;
    animation: none;
    background-repeat: no-repeat;
    background-size: 100%;
}

    .accent-gradient .vc_progress_bar .vc_single_bar.accent-bg .vc_bar:after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
        background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
        -webkit-background-size: 40px 40px;
        background-size: 40px 40px;
    }

.vc_progress_bar .vc_single_bar.accent-bg .vc_bar.animated:after {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.dt-style.vc_progress_bar.pb-style-three .vc_single_bar {
    height: 7px;
    margin-bottom: 15px;
}
/*#main */
.vc_progress_bar.dt-style .vc_single_bar .vc_label {
    height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 30px;
    text-shadow: none;
}

.pb-style-three.dt-style .vc_label,
.pb-style-two.dt-style .vc_label {
    display: block;
    margin-bottom: 8px;
}

.vc_progress_bar .vc_label,
.pb-style-one.vc_progress_bar .vc_label * {
    color: #fff;
}
/* #Tabs
================================================== */
#main .wpb_tour_next_prev_nav {
    display: none;
}

.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
    display: inline-block;
    width: auto;
}

#page .tab-style-one .wpb_tabs_nav li.ui-state-active a {
    color: #fff;
    -webkit-text-fill-color: #fff;
}

.wpb_tabs_nav a {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.wpb_tabs .wpb_tabs_nav li {
    position: relative;
}
/* #Tabs style one
	================================================== */
.tab-style-one.wpb_tabs .wpb_tabs_nav li {
    margin: 0 10px 5px 0;
    /*border: none;*/
}

.tab-style-one.wpb_tabs .wpb_tabs_nav a {
    padding-top: 9px;
    padding-bottom: 9px;
}

.tab-style-one.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    padding: 15px 0 0;
    background: none;
}
/* #Tabs style two
	================================================== */
.tab-style-two.wpb_tabs .wpb_tabs_nav {
    overflow: hidden;
    padding-left: 25px !important;
}

    .tab-style-two.wpb_tabs .wpb_tabs_nav li {
        margin: 12px 30px 6px 0;
        background: none;
    }

        .tab-style-two.wpb_tabs .wpb_tabs_nav li.ui-tabs-active:before {
            position: absolute;
            display: block !important;
            bottom: -5px;
            left: 0;
            width: 100%;
            height: 2px;
            content: "";
            -webkit-backface-visibility: hidden;
        }

        .tab-style-two.wpb_tabs .wpb_tabs_nav li a {
            padding: 0 0 0.5em;
        }

.tab-style-two.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    padding: 20px 25px;
    background: none;
}
/* #Tabs style three
	================================================== */
.tab-style-three.wpb_tabs .wpb_tabs_nav li {
    margin-right: 30px;
    border: none;
}

.tab-style-three.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
    padding: 0;
}

.tab-style-three.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    padding: 15px 0 0 0;
}

.tab-style-three.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab,
.tab-style-three.wpb_content_element .wpb_tabs_nav li {
    background: none;
}
/* #Tabs style four
	================================================== */
.tab-style-four.wpb_tabs {
    overflow: hidden;
}

    .tab-style-four.wpb_tabs .wpb_tabs_nav {
        overflow: hidden;
    }

        .tab-style-four.wpb_tabs .wpb_tabs_nav li {
            margin: 0;
            background: none;
            -webkit-transition: background 400ms ease;
            transition: background 400ms ease;
        }

            .tab-style-four.wpb_tabs .wpb_tabs_nav li.ui-tabs-active,
            .tab-style-four.wpb_tabs .wpb_tabs_nav li:hover {
                background-color: rgba(255, 255, 255, 0.15);
            }

            .tab-style-four.wpb_tabs .wpb_tabs_nav li a,
            .tab-style-four.wpb_tabs .wpb_tabs_nav li a * {
                color: #fff;
            }

    .tab-style-four.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
        padding: 20px 25px;
        background: none;
    }
/* #Tour
================================================== */
.wpb_tour.wpb_content_element .wpb_tour_tabs_wrapper {
    display: table;
}

.wpb_tour.wpb_content_element .wpb_tabs_nav,
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
    display: table-cell;
    float: none;
    vertical-align: top;
}

.wpb_tour .wpb_tabs_nav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .wpb_tour .wpb_tabs_nav li:hover {
        cursor: pointer;
    }
/* #Tour style one
	================================================== */
.wpb_tour.tab-style-one .wpb_tabs_nav li {
    margin-bottom: 10px;
}

.wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
    padding-top: 8px;
    padding-bottom: 8px;
}

.wpb_tour.tab-style-one .wpb_tour_tabs_wrapper .wpb_tab {
    padding-top: 0;
    padding-left: 25px;
}
/* #Tour style two
	================================================== */
.wpb_tour.tab-style-two .wpb_tabs_nav {
    padding-right: 10px;
}

    .wpb_tour.tab-style-two .wpb_tabs_nav li {
        margin-bottom: 10px;
    }

.wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
    padding: 12px 15px 12px 0;
}

.tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a {
    padding: 10px 15px 10px 15px;
}

.wpb_tour.tab-style-two .wpb_tour_tabs_wrapper .wpb_tab {
    padding: 20px 25px 20px;
}
/* #Tour style three
	================================================== */
.wpb_tour.tab-style-three .wpb_tour_tabs_wrapper .wpb_tab {
    padding-top: 0;
    padding-left: 25px;
}

.wpb_tour.tab-style-three .wpb_tabs_nav {
    border-right: 1px solid;
}

    .wpb_tour.tab-style-three .wpb_tabs_nav li {
        border-top: 1px solid;
    }

.tab-style-three.wpb_tour .wpb_tabs_nav li:first-child {
    border: none;
}
/* #Tour style four
	================================================== */
.tab-style-four.wpb_tour {
    overflow: hidden;
}

    .tab-style-four.wpb_tour .wpb_tabs_nav {
        overflow: hidden;
    }

        .tab-style-four.wpb_tour .wpb_tabs_nav li {
            margin: 0;
            background: none;
            -webkit-transition: background 400ms ease;
            transition: background 400ms ease;
        }

            .tab-style-four.wpb_tour .wpb_tabs_nav li.ui-tabs-active,
            .tab-style-four.wpb_tour .wpb_tabs_nav li:hover {
                background-color: rgba(255, 255, 255, 0.15);
            }

            .tab-style-four.wpb_tour .wpb_tabs_nav li a,
            .tab-style-four.wpb_tour .wpb_tabs_nav li a * {
                display: block;
                color: #fff;
            }

    .tab-style-four.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
        padding: 20px 25px;
        background: none;
    }
/* #Pie charts
================================================== */
.transparent-pie .vc_pie_wrapper .vc_pie_chart_back,
.stripe .transparent-pie .vc_pie_wrapper .vc_pie_chart_back {
    border-color: transparent !important;
}

.transparent-pie .vc_pie_wrapper span {
    width: 100% !important;
    height: auto !important;
}

.transparent-pie .vc_pie_wrapper canvas {
    height: 70px !important;
}

.transparent-pie .vc_pie_wrapper canvas {
    visibility: hidden;
}

.transparent-pie .vc_pie_chart_value {
    font-size: 70px !important;
    line-height: 70px !important;
}

.vc_pie_chart[data-pie-color="dt-content"] canvas,
.transparent-pie[data-pie-color="dt-content"] .vc_pie_wrapper span {
    opacity: 0.5;
}

.vc_pie_chart .vc_pie_wrapper {
    visibility: hidden;
}

#page .vc_pie_chart_back {
    opacity: 1;
}
/* #Social icons
================================================== */
.soc-ico {
    overflow: hidden;
}

    .soc-ico a {
        position: relative;
        visibility: hidden;
        display: inline-block;
        vertical-align: middle;
        /*float: left;*/
        margin: 2px;
        width: 24px;
        height: 24px;
        text-align: center;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .soc-ico a:before,
        .soc-ico a:after {
            position: absolute;
            top: 0;
            left: 0;
            width: 24px;
            height: 24px;
            content: "";
            border-radius: 100%;
            -webkit-transition: -webkit-transform 0.15s;
            transition: transform 0.150s;
        }

        .soc-ico a:before,
        .soc-ico a:hover:after {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

        .soc-ico a:after,
        .soc-ico a:hover:before {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

    .soc-ico.text-centered a {
        float: none;
        display: inline-block;
    }

#top-bar .right-block .soc-ico a {
    float: right;
    margin: 2px;
}

.soc-ico a,
.soc-ico a:hover,
#top-bar .soc-ico a:hover,
#bottom-bar .soc-ico a:hover {
    text-decoration: none;
}

    .soc-ico a .icon {
        position: relative;
        z-index: 1;
        width: 24px;
        height: 24px;
    }

#page .soc-ico a:hover .icon,
#page .stripe .sidebar-content.solid-bg .soc-ico a:hover .icon {
    fill: #fff;
}
/* #Fancy titles and separators
================================================== */
.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-right {
        float: right;
        clear: both;
    }

    .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 {
        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-right .separator-right,
.dt-fancy-separator.line-below.title-left .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;
}
/* #Before-After
================================================== */
.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after,
.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    content: " ";
    display: block;
    background: white;
    position: absolute;
    z-index: 30;
}

.twentytwenty-horizontal .twentytwenty-handle:before,
.twentytwenty-horizontal .twentytwenty-handle:after {
    width: 3px;
    height: 9999px;
    left: 50%;
    margin-left: -1.5px;
}

.twentytwenty-vertical .twentytwenty-handle:before,
.twentytwenty-vertical .twentytwenty-handle:after {
    width: 9999px;
    height: 3px;
    top: 50%;
    margin-top: -1.5px;
}

.twentytwenty-before-label,
.twentytwenty-after-label {
    position: absolute;
    width: 120px;
    padding: 3px 5px 3px;
    color: white !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, 0.5);
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms 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-left-arrow,
.twentytwenty-right-arrow,
.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    width: 0;
    height: 0;
    border: 6px inset transparent;
    position: absolute;
}

.twentytwenty-left-arrow,
.twentytwenty-right-arrow {
    top: 50%;
    margin-top: -6px;
}

.twentytwenty-up-arrow,
.twentytwenty-down-arrow {
    left: 50%;
    margin-left: -6px;
}

.twentytwenty-container {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    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 {
        -webkit-transition: all 0.3s ease-out;
        -moz-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
    }

    .twentytwenty-container * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        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 white;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
    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 white;
    left: 50%;
    margin-left: -17px;
}

.twentytwenty-right-arrow {
    border-left: 6px solid white;
    right: 50%;
    margin-right: -17px;
}

.twentytwenty-up-arrow {
    border-bottom: 6px solid white;
    top: 50%;
    margin-top: -17px;
}

.twentytwenty-down-arrow {
    border-top: 6px solid white;
    bottom: 50%;
    margin-bottom: -17px;
}
/* #Blog
================================================== */
.shortcode-blog-posts .post {
    border: none;
}

.post-content,
.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;
}

.single .items-grid {
    margin-bottom: -15px;
}

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

    .items-grid a {
        text-decoration: none;
    }

    .items-grid .alignleft {
        margin: 5px 20px 5px 0;
        font-size: 0;
        line-height: 0;
    }
/* #Header
================================================== */
.masthead {
    position: relative;
    z-index: 101;
}

.hidden-header:not(.sticky-header):not(.overlay-navigation):not(.sticky-on) .masthead:not(#phantom) {
    display: none;
}

.hidden-header.sticky-header:not(.sticky-on) .mixed-header,
.hidden-header.overlay-navigation:not(.sticky-on) .mixed-header {
    display: none;
}

.hidden-header.header-side-left #page,
.hidden-header.overlay-navigation.header-side-line #page:not(.boxed),
.hidden-header.header-side-left.header-side-line #page:not(.boxed),
.disable-headers.header-side-left #page,
.disable-headers.overlay-navigation.header-side-line #page:not(.boxed),
.disable-headers.header-side-left.header-side-line #page:not(.boxed) {
    padding-left: 0;
}

.hidden-header.header-side-right #page,
.hidden-header.header-side-right.header-side-line #page:not(.boxed),
.disable-headers.header-side-right #page,
.disable-headers.header-side-right.header-side-line #page:not(.boxed) {
    padding-right: 0;
}

.floating-navigation-below-slider .masthead:not(.side-header),
.floating-navigation-below-slider .header-space {
    /*position: absolute;*/
    visibility: hidden;
    opacity: 0;
}
/* #Header layouts
================================================== */
/* #Top bar
================================================== */
/* #Top bar
================================================== */
.top-bar {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    margin-top: 0;
    box-sizing: border-box;
}

    .top-bar:before {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        content: "";
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

.boxed .top-bar:before {
    left: 50%;
    padding: 0;
    margin: 0;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.top-bar.full-width-line:before,
.top-bar.solid-bg:before {
    padding: 0 1000px;
    margin-left: -1000px;
}

.boxed .top-bar.full-width-line:before,
.boxed .top-bar.solid-bg:before {
    left: 50%;
    padding: 0;
    margin: 0;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.top-bar.solid-bg:before {
    height: 100%;
}

.top-bar > .mini-widgets {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.top-bar .mini-widgets:first-child {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.top-bar * {
    font-size: inherit;
    line-height: inherit;
}

.top-bar.top-bar-empty {
    position: absolute;
    visibility: hidden;
}

.transparent .top-bar {
    margin-bottom: -1px;
}

.top-bar .sub-nav {
    z-index: 1003;
}

    .top-bar a,
    .top-bar .sub-nav a:hover,
    .top-bar a:hover {
        text-decoration: none;
    }

        .top-bar a:hover,
        .top-bar .mini-search .submit:hover,
        .top-bar .mini-login a:hover {
            text-decoration: none;
            opacity: 0.7;
        }

.top-bar .soc-ico a:hover,
.top-bar .shopping-cart-inner a:hover {
    opacity: 1;
}
/* #Header elements
================================================== */
/* #Branding
================================================== */
.branding {
    line-height: 0;
    font-size: 0;
}

.side-header .branding {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.branding > a {
    display: block;
}

.branding a img,
.branding img {
    height: auto;
    width: 100%;
}

.branding .mobile-logo,
.phantom-sticky .side-header .branding .mobile-logo {
    display: none;
}
/* #Mini widgets
================================================== */
.masthead.widgets .mini-login,
.masthead.widgets .mini-search,
.masthead.widgets .shopping-cart,
.masthead.widgets .mini-contacts,
.masthead.widgets .text-area,
.masthead.widgets .mini-nav,
.masthead.widgets .soc-ico,
.masthead.widgets .mini-wpml {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.masthead.widgets.side-header .mini-login,
.masthead.widgets.side-header .mini-search,
.masthead.widgets.side-header .shopping-cart,
.masthead.widgets.side-header .mini-contacts,
.masthead.widgets.side-header .text-area,
.masthead.widgets.side-header .mini-nav,
.masthead.widgets.side-header .soc-ico,
.masthead.widgets.side-header .mini-wpml,
.dt-mobile-header .mini-login,
.dt-mobile-header .mini-search,
.dt-mobile-header .shopping-cart,
.dt-mobile-header .mini-contacts,
.dt-mobile-header .text-area,
.dt-mobile-header .mini-nav,
.dt-mobile-header .soc-ico,
.dt-mobile-header .mini-wpml {
    margin-left: 0;
    margin-right: 20px;
}

.masthead.widgets.side-header.h-center .mini-login,
.masthead.widgets.side-header.h-center .mini-search,
.masthead.widgets.side-header.h-center .shopping-cart,
.masthead.widgets.side-header.h-center .mini-contacts,
.masthead.widgets.side-header.h-center .text-area,
.masthead.widgets.side-header.h-center .mini-nav,
.masthead.widgets.side-header.h-center .soc-ico,
.masthead.widgets.side-header.h-center .mini-wpml {
    margin-left: 10px;
    margin-right: 10px;
}

.masthead.widgets:not(.side-header) .mini-login:first-child,
.masthead.widgets:not(.side-header) .mini-search:first-child,
.masthead.widgets:not(.side-header) .shopping-cart:first-child,
.masthead.widgets:not(.side-header) .mini-contacts:first-child,
.masthead.widgets:not(.side-header) .text-area:first-child,
.masthead.widgets:not(.side-header) .mini-nav:first-child,
.masthead.widgets:not(.side-header) .soc-ico:first-child,
.masthead.widgets:not(.side-header) .mini-wpml:first-child,
.side-header-h-stroke .mini-login:first-child,
.side-header-h-stroke .mini-search:first-child,
.side-header-h-stroke .shopping-cart:first-child,
.side-header-h-stroke .mini-contacts:first-child,
.side-header-h-stroke .text-area:first-child,
.side-header-h-stroke .mini-nav:first-child,
.side-header-h-stroke .soc-ico:first-child,
.side-header-h-stroke .mini-wpml:first-child,
.masthead.widgets:not(.side-header) .mini-login.first,
.masthead.widgets:not(.side-header) .mini-search.first,
.masthead.widgets:not(.side-header) .shopping-cart.first,
.masthead.widgets:not(.side-header) .mini-contacts.first,
.masthead.widgets:not(.side-header) .text-area.first,
.masthead.widgets:not(.side-header) .mini-nav.first,
.masthead.widgets:not(.side-header) .soc-ico.first,
.masthead.widgets:not(.side-header) .mini-wpml.first,
.side-header-h-stroke .mini-login.first,
.side-header-h-stroke .mini-search.first,
.side-header-h-stroke .shopping-cart.first,
.side-header-h-stroke .mini-contacts.first,
.side-header-h-stroke .text-area.first,
.side-header-h-stroke .mini-nav.first,
.side-header-h-stroke .soc-ico.first,
.side-header-h-stroke .mini-wpml.first {
    margin-left: 0;
}

.masthead.widgets:not(.side-header) .mini-login:last-child,
.masthead.widgets:not(.side-header) .mini-search:last-child,
.masthead.widgets:not(.side-header) .shopping-cart:last-child,
.masthead.widgets:not(.side-header) .mini-contacts:last-child,
.masthead.widgets:not(.side-header) .text-area:last-child,
.masthead.widgets:not(.side-header) .mini-nav:last-child,
.masthead.widgets:not(.side-header) .soc-ico:last-child,
.masthead.widgets:not(.side-header) .mini-wpml:last-child,
.side-header-h-stroke .mini-login:last-child,
.side-header-h-stroke .mini-search:last-child,
.side-header-h-stroke .shopping-cart:last-child,
.side-header-h-stroke .mini-contacts:last-child,
.side-header-h-stroke .text-area:last-child,
.side-header-h-stroke .mini-nav:last-child,
.side-header-h-stroke .soc-ico:last-child,
.side-header-h-stroke .mini-wpml:last-child,
.masthead.widgets:not(.side-header) .mini-login.last,
.masthead.widgets:not(.side-header) .mini-search.last,
.masthead.widgets:not(.side-header) .shopping-cart.last,
.masthead.widgets:not(.side-header) .mini-contacts.last,
.masthead.widgets:not(.side-header) .text-area.last,
.masthead.widgets:not(.side-header) .mini-nav.last,
.masthead.widgets:not(.side-header) .soc-ico.last,
.masthead.widgets:not(.side-header) .mini-wpml.last,
.side-header-h-stroke .mini-login.last,
.side-header-h-stroke .mini-search.last,
.side-header-h-stroke .shopping-cart.last,
.side-header-h-stroke .mini-contacts.last,
.side-header-h-stroke .text-area.last,
.side-header-h-stroke .mini-nav.last,
.side-header-h-stroke .soc-ico.last,
.side-header-h-stroke .mini-wpml.last {
    margin-right: 0;
}

.masthead.side-header.widgets .mini-login,
.masthead.side-header.widgets .mini-search,
.masthead.side-header.widgets .shopping-cart,
.masthead.side-header.widgets .mini-contacts,
.masthead.side-header.widgets .text-area,
.masthead.side-header.widgets .mini-nav,
.masthead.side-header.widgets .soc-ico,
.masthead.side-header.widgets .mini-wpml,
.dt-mobile-header .mini-login,
.dt-mobile-header .mini-search,
.dt-mobile-header .shopping-cart,
.dt-mobile-header .mini-contacts,
.dt-mobile-header .text-area,
.dt-mobile-header .mini-nav,
.dt-mobile-header .soc-ico,
.dt-mobile-header .mini-wpml {
    margin-top: 5px;
    margin-bottom: 5px;
}

.side-header-v-stroke .mini-login,
.side-header-v-stroke .mini-search,
.side-header-v-stroke .shopping-cart,
.side-header-v-stroke .mini-contacts,
.side-header-v-stroke .text-area,
.side-header-v-stroke .mini-nav,
.side-header-v-stroke .soc-ico,
.side-header-v-stroke .mini-wpml {
    margin: 10px 0;
}

.masthead.widgets .mobile-header-bar .mini-login,
.masthead.widgets .mobile-header-bar .mini-search,
.masthead.widgets .mobile-header-bar .shopping-cart,
.masthead.widgets .mobile-header-bar .mini-contacts,
.masthead.widgets .mobile-header-bar .text-area,
.masthead.widgets .mobile-header-bar .mini-nav,
.masthead.widgets .mobile-header-bar .soc-ico,
.masthead.widgets .mobile-header-bar .mini-wpml,
.side-header-h-stroke .mobile-header-bar .mini-login,
.side-header-h-stroke .mobile-header-bar .mini-search,
.side-header-h-stroke .mobile-header-bar .shopping-cart,
.side-header-h-stroke .mobile-header-bar .mini-contacts,
.side-header-h-stroke .mobile-header-bar .text-area,
.side-header-h-stroke .mobile-header-bar .mini-nav,
.side-header-h-stroke .mobile-header-bar .soc-ico,
.side-header-h-stroke .mobile-header-bar .mini-wpml {
    margin: 0 10px;
}

    .masthead.widgets .mobile-header-bar .mini-login:first-child,
    .masthead.widgets .mobile-header-bar .mini-search:first-child,
    .masthead.widgets .mobile-header-bar .shopping-cart:first-child,
    .masthead.widgets .mobile-header-bar .mini-contacts:first-child,
    .masthead.widgets .mobile-header-bar .text-area:first-child,
    .masthead.widgets .mobile-header-bar .mini-nav:first-child,
    .masthead.widgets .mobile-header-bar .soc-ico:first-child,
    .masthead.widgets .mobile-header-bar .mini-wpml:first-child,
    .side-header-h-stroke .mobile-header-bar .mini-login:first-child,
    .side-header-h-stroke .mobile-header-bar .mini-search:first-child,
    .side-header-h-stroke .mobile-header-bar .shopping-cart:first-child,
    .side-header-h-stroke .mobile-header-bar .mini-contacts:first-child,
    .side-header-h-stroke .mobile-header-bar .text-area:first-child,
    .side-header-h-stroke .mobile-header-bar .mini-nav:first-child,
    .side-header-h-stroke .mobile-header-bar .soc-ico:first-child,
    .side-header-h-stroke .mobile-header-bar .mini-wpml:first-child,
    .masthead.widgets .mobile-header-bar .mini-login.first,
    .masthead.widgets .mobile-header-bar .mini-search.first,
    .masthead.widgets .mobile-header-bar .shopping-cart.first,
    .masthead.widgets .mobile-header-bar .mini-contacts.first,
    .masthead.widgets .mobile-header-bar .text-area.first,
    .masthead.widgets .mobile-header-bar .mini-nav.first,
    .masthead.widgets .mobile-header-bar .soc-ico.first,
    .masthead.widgets .mobile-header-bar .mini-wpml.first,
    .side-header-h-stroke .mobile-header-bar .mini-login.first,
    .side-header-h-stroke .mobile-header-bar .mini-search.first,
    .side-header-h-stroke .mobile-header-bar .shopping-cart.first,
    .side-header-h-stroke .mobile-header-bar .mini-contacts.first,
    .side-header-h-stroke .mobile-header-bar .text-area.first,
    .side-header-h-stroke .mobile-header-bar .mini-nav.first,
    .side-header-h-stroke .mobile-header-bar .soc-ico.first,
    .side-header-h-stroke .mobile-header-bar .mini-wpml.first {
        margin-left: 10px;
    }

    .masthead.widgets .mobile-header-bar .mini-login:last-child,
    .masthead.widgets .mobile-header-bar .mini-search:last-child,
    .masthead.widgets .mobile-header-bar .shopping-cart:last-child,
    .masthead.widgets .mobile-header-bar .mini-contacts:last-child,
    .masthead.widgets .mobile-header-bar .text-area:last-child,
    .masthead.widgets .mobile-header-bar .mini-nav:last-child,
    .masthead.widgets .mobile-header-bar .soc-ico:last-child,
    .masthead.widgets .mobile-header-bar .mini-wpml:last-child,
    .side-header-h-stroke .mobile-header-bar .mini-login:last-child,
    .side-header-h-stroke .mobile-header-bar .mini-search:last-child,
    .side-header-h-stroke .mobile-header-bar .shopping-cart:last-child,
    .side-header-h-stroke .mobile-header-bar .mini-contacts:last-child,
    .side-header-h-stroke .mobile-header-bar .text-area:last-child,
    .side-header-h-stroke .mobile-header-bar .mini-nav:last-child,
    .side-header-h-stroke .mobile-header-bar .soc-ico:last-child,
    .side-header-h-stroke .mobile-header-bar .mini-wpml:last-child,
    .masthead.widgets .mobile-header-bar .mini-login.last,
    .masthead.widgets .mobile-header-bar .mini-search.last,
    .masthead.widgets .mobile-header-bar .shopping-cart.last,
    .masthead.widgets .mobile-header-bar .mini-contacts.last,
    .masthead.widgets .mobile-header-bar .text-area.last,
    .masthead.widgets .mobile-header-bar .mini-nav.last,
    .masthead.widgets .mobile-header-bar .soc-ico.last,
    .masthead.widgets .mobile-header-bar .mini-wpml.last,
    .side-header-h-stroke .mobile-header-bar .mini-login.last,
    .side-header-h-stroke .mobile-header-bar .mini-search.last,
    .side-header-h-stroke .mobile-header-bar .shopping-cart.last,
    .side-header-h-stroke .mobile-header-bar .mini-contacts.last,
    .side-header-h-stroke .mobile-header-bar .text-area.last,
    .side-header-h-stroke .mobile-header-bar .mini-nav.last,
    .side-header-h-stroke .mobile-header-bar .soc-ico.last,
    .side-header-h-stroke .mobile-header-bar .mini-wpml.last {
        margin-right: 10px;
    }
/* !-- Contacts */
.mini-contacts {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 18px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: 0 center;
    /*	white-space: nowrap;*/
}

.side-header .mini-contacts,
.dt-mobile-header .mini-contacts {
    white-space: normal;
}

.mini-contacts.email,
.mini-contacts.skype,
.mini-contacts.clock,
.mini-contacts.address {
    padding-left: 22px;
}
/* !!!!!!!!!!!! revrite-- Navigation */
.mini-nav {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .mini-nav .customSelect,
    .menu-select select {
        border: none;
        padding: 0;
        margin-bottom: 0;
    }

    .mini-nav .customSelect {
        position: absolute;
        visibility: hidden;
    }

        .mini-nav .customSelect .customSelectInner {
            opacity: 0;
        }

    .menu-select select,
    .mini-nav .customSelect1 {
        position: relative;
        visibility: visible;
        opacity: 1;
    }

.select-type-menu .menu-select {
    position: relative;
    display: inline-block;
    visibility: visible;
    margin: 0 auto;
    opacity: 1;
}

    .select-type-menu .menu-select:hover {
        opacity: 0.7;
    }

.select-type-menu > ul {
    visibility: hidden;
}

.menu-select:hover,
.menu-select select {
    cursor: pointer;
}

.menu-select:hover,
.menu a:hover,
.custom-menu a:hover {
    text-decoration: underline;
}

.masthead .menu-select:hover,
.masthead .menu a:hover,
.masthead .custom-menu a:hover,
.dt-mobile-header .menu-select:hover,
.dt-mobile-header .menu a:hover,
.dt-mobile-header .custom-menu a:hover {
    text-decoration: none;
}

.list-type-menu .menu-select {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

.mini-nav .customSelectInner {
    padding-left: 20px;
    background: none;
}

    .mini-nav .customSelectInner:hover {
        text-decoration: none;
    }

    .mini-nav .customSelectInner:before {
        position: absolute;
        top: 50%;
        left: 0;
        width: 16px;
        height: 16px;
        margin-top: -8px;
        content: "";
        background-position: 0 center;
        background-repeat: no-repeat;
    }

.menu-select select {
    z-index: 9;
}

.mini-nav .customSelect {
    padding: 0;
}
/*.header-side-left .top-bar .mini-nav ul,
			.header-side-right .top-bar .mini-nav ul,*/
.list-type-menu.mini-nav ul {
    display: block;
    line-height: 0;
}

.mini-nav li {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.mini-nav:not(.select-type-menu) > ul > li {
    margin: 0 16px 0 0;
}

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

.list-type-menu.mini-nav > ul > li.act > a .menu-item-text,
.list-type-menu.mini-nav > ul > li > a:hover {
    opacity: 0.7;
}

.list-type-menu.mini-nav ul > li > a,
#bottom-bar .mini-nav ul > li > a:hover,
.select-type-menu.mini-nav > ul > li > a:hover,
.list-type-menu.mini-nav ul .sub-nav > li.act > a .menu-item-text,
#bottom-bar .mini-nav ul .sub-nav > li.act > a .menu-item-text {
    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,
.top-header.light-preset-color:not(.sticky-on) .masthead:not(#phantom) .mini-nav select option,
.light-preset-color:not(.sticky-on) .side-header-h-stroke.masthead:not(#phantom) .mini-nav select option {
    color: #b8bcbe !important;
    -webkit-text-fill-color: #b8bcbe;
}
/* !-- Search form */
.masthead .mini-search.act {
    position: relative;
    z-index: 1002;
}

.masthead .mini-search,
.dt-mobile-header .mini-search {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    z-index: 10;
}

.dt-mobile-header .mini-search,
.dt-mobile-header .searchform {
    position: static;
}

.searchform {
    position: relative;
    z-index: 3;
    padding-top: 20px;
}

.masthead .mini-search .field,
.dt-mobile-header .mini-search .field {
    position: absolute;
    /*right: 6px;*/
    top: 38px;
    width: 290px;
    height: 50px;
    background-color: #fff;
    border: none !important;
    font-style: italic;
    visibility: hidden;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
}

.dt-mobile-header .mini-search .field {
    left: 0;
    width: 100%;
    z-index: 100;
}

.mini-search .field.right-overflow {
    right: 0;
}

.mini-search .field:focus {
    outline: none;
}

.searchform .submit,
.mini-search .submit {
    display: block;
    padding-left: 22px;
    border: none;
    background-color: transparent;
    text-decoration: none;
}

.dt-mobile-header .searchform .submit,
.dt-mobile-header .mini-search .submit {
    position: relative;
}

.mini-search .submit:hover {
    opacity: 0.7;
}

.mini-search .submit:before {
    position: absolute;
    top: 50%;
    left: 0;
    height: 16px;
    width: 16px;
    margin-top: -8px;
    background-position: 0 center;
    background-repeat: no-repeat;
    content: "";
}

.masthead .mini-search .searchsubmit,
.dt-mobile-header .mini-search .searchsubmit {
    display: none;
}
/* !-- Log in */
.mini-login {
    display: inline-block;
    vertical-align: middle;
}

    .mini-login:hover {
        opacity: 0.7;
    }

    .mini-login a {
        position: relative;
        padding-left: 22px;
        text-decoration: none;
    }

        .mini-login a:hover {
            text-decoration: none;
        }

        .mini-login a:before {
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -8px;
            height: 16px;
            width: 16px;
            background-position: 0 center;
            background-repeat: no-repeat;
            content: "";
        }
/* !-- Social icons */
.masthead .soc-ico a:hover,
.accent-gradient .masthead .soc-ico.accent-bg a:hover,
.masthead .soc-ico.accent-bg a:hover,
.masthead .soc-ico.custom-bg a:hover,
.masthead .soc-ico.gradient-bg a:hover,
.accent-gradient .masthead .soc-ico.gradient-bg a:hover {
    background: none;
}

.masthead .soc-ico.hover-custom-bg a:hover,
.masthead .soc-ico.accent-bg.hover-custom-bg a:hover,
.masthead .soc-ico.hover-custom-bg a:hover,
.accent-gradient .masthead .soc-ico.gradient-bg.hover-custom-bg a:hover,
.masthead .soc-ico.hover-accent-bg a:hover,
.masthead .soc-ico.hover-disabled-bg a:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/* Mini widgets : end */
#page .icon-off,
#page .wc-ico-cart.icon-off:before,
#page .mini-login .submit.icon-off:before,
#page .icon-off:before,
#phantom .icon-off,
#phantom .wc-ico-cart.icon-off:before,
#phantom .mini-login .submit.icon-off:before,
#phantom .icon-off:before {
    background: none !important;
    padding-left: 0;
}

.mini-login,
.mini-search,
.shopping-cart,
.mini-contacts,
.text-area,
.mini-nav,
.mini-wpml {
    margin-right: 10px;
    margin-left: 10px;
}

.masthead .soc-ico {
    display: inline-block;
    vertical-align: middle;
}

.text-area {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.mini-widgets .text-area a {
    text-decoration: underline;
}

.text-area a:hover {
    text-decoration: none;
}

.text-area > p {
    margin-bottom: 0;
}

.top-bar > span {
    display: none !important;
}

.searchform .submit.text-disable,
.mini-search .submit.text-disable,
.wc-ico-cart.text-disable,
.mini-login .submit.text-disable {
    padding-left: 16px;
    letter-spacing: -4px;
}

.masthead .soc-ico a {
    line-height: 22px;
}
/* #Main menu
================================================== */
/* #Main menu
================================================== */
/* #Main menu
================================================== */
.main-nav > li {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    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: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

.not-clickable-item {
    cursor: default;
}

.main-nav > li > a .text-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -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 a .fa,
.main-nav .menu-item a > i,
.main-nav .menu-item .text-wrap > i,
.mini-nav .menu-item a .fa,
.mini-nav .menu-item a > i,
.mini-nav .menu-item .text-wrap > i {
    padding-right: 6px;
}

.subtitle-text,
.menu-text {
    display: block;
}

.top-header .main-nav.level-arrows-on > li.has-children > a .menu-text {
    position: relative;
    padding-right: 10px;
}

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

.main-nav .rippleWrap {
    width: 100%;
    height: 100%;
}

.side-header .main-nav.level-arrows-on > li.has-children > a:after {
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: -14px;
    width: 14px;
    height: 14px;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
}

.side-header.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after {
    right: -30px;
    margin-top: -15px;
    width: 30px;
    height: 30px;
}

.sub-downwards .next-level-button,
.dt-mobile-header .next-level-button {
    position: relative;
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
}

.sub-downwards.dt-parent-menu-clickable .main-nav.level-arrows-on > li.has-children > a:after,
.dt-mobile-header.dt-parent-menu-clickable .mobile-main-nav > li.has-children > a:after {
    display: none;
}

.sub-downwards .main-nav.level-arrows-on > li.has-children > a:after,
.sub-downwards .side-header .main-nav.level-arrows-on > li.has-children > a:after,
.sub-downwards .next-level-button,
.dt-mobile-header .next-level-button {
    -ms-transition: -ms-transform 0.3s ease-out;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.sub-downwards .main-nav.level-arrows-on > li.has-children.open-sub > a.act:after,
.sub-downwards li.has-children.open-sub > .next-level-button,
.dt-mobile-header li.has-children.open-sub > .next-level-button {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* #Left to right decoration style
================================================== */
.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;
    height: 2px !important;
    max-height: 2px !important;
    pointer-events: none;
    background-color: transparent;
    opacity: 0.85;
    -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.top-header .l-to-r-line > li.act > a i.underline,
.top-header .l-to-r-line > li > a:hover i.underline,
.top-header .l-to-r-line > li.dt-hovered > a i.underline {
    width: 100%;
}
/* #From centre decoration style
================================================== */
.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: "";
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0.85;
}

.top-header .from-centre-line > li > a:hover .menu-item-text:before,
.top-header .from-centre-line > li.dt-hovered > a .menu-item-text:before,
.top-header .from-centre-line > li.act > a .menu-item-text:before {
    visibility: visible;
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
/* #Upwards decoration style
================================================== */
.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, 0.1);
    content: '';
    opacity: 0;
    -ms-transition: opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
    transition: opacity 0.3s, transform 0.3s;
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}

.top-header .upwards-line > li.dt-hovered > a .menu-item-text:before,
.top-header .upwards-line > li > a:hover .menu-item-text:before,
.top-header .upwards-line > li.act > a .menu-item-text:before {
    opacity: 1;
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
/* #Downwards decoration style
================================================== */
.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;
    -ms-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -ms-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.top-header .downwards-line > li.dt-hovered > a .menu-item-text:before,
.top-header .downwards-line > li > a:hover .menu-item-text:before,
.top-header .downwards-line > li.act > a .menu-item-text:before {
    height: 2px;
    opacity: 1;
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}
/* #Material underline decoration style
================================================== */
.top-header .hover-line-decoration > li > a,
.top-header .active-line-decoration > li > a {
    overflow: hidden;
}

    .top-header .hover-line-decoration > li > a .decoration-line,
    .top-header .active-line-decoration > li > a .decoration-line {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 2px;
        content: "";
        opacity: 0;
        -ms-transition: opacity 300ms ease;
        -webkit-transition: opacity 300ms ease;
        transition: opacity 300ms ease;
    }

    .top-header .active-line-decoration > li.act > a .decoration-line,
    .top-header .hover-line-decoration > li > a:hover .decoration-line,
    .top-header .hover-line-decoration > li.dt-hovered > a .decoration-line {
        opacity: 1;
    }

.top-header .hover-bg-decoration > li:not(.act) > a {
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease;
}
/* #Drop down menu
================================================== */
/* #Menu -> second level
================================================== */
.sub-nav,
.dt-mega-menu-wrap {
    position: absolute;
    visibility: hidden;
    z-index: 200;
    top: 100%;
    left: 0;
    width: 240px;
    opacity: 0;
}

    .sub-nav.right-overflow {
        left: auto;
        right: 0;
    }

.sub-nav {
    padding: 10px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

    .sub-nav li {
        position: relative;
        display: block;
    }

        .sub-nav li:first-child:before {
            display: none;
        }

        .sub-nav li a,
        .sub-nav li a .text-wrap {
            position: relative;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: -ms-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center;
            align-content: center;
            -ms-flex-line-pack: center;
            text-decoration: none;
        }

        .sub-nav li a {
            box-sizing: border-box;
        }

            .sub-nav li a .text-wrap {
                width: 100%;
            }

.sub-downwards.h-justify.h-center .sub-nav > li > a,
.sub-downwards.h-center .sub-nav > li,
.sub-downwards.h-center .sub-nav li a .text-wrap {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    text-align: center;
}

.sub-nav li.has-children a:after {
    position: absolute;
    display: block;
    right: 0;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
}

.sub-downwards .sub-nav li.has-children a:after {
    right: -30px;
    margin-top: -15px;
}

.sub-downwards .sub-nav .next-level-button,
.dt-mobile-header .sub-nav .next-level-button,
.sub-downwards .sub-nav li.has-children a:after {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
}

.sub-downwards.dt-parent-menu-clickable .sub-nav li.has-children a:after,
.dt-mobile-header.dt-parent-menu-clickable .sub-nav li.has-children a:after {
    display: none;
}

.sub-downwards.dt-parent-menu-clickable .mini-nav .sub-nav li.has-children a:after,
.dt-mobile-header.dt-parent-menu-clickable .mini-nav .sub-nav li.has-children a:after {
    display: block;
}

.sub-downwards .sub-nav.level-arrows-on li.has-children > a:after,
.sub-downwards .sub-nav .next-level-button,
.dt-mobile-header .sub-nav .next-level-button {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.sub-downwards .sub-nav.level-arrows-on li.has-children.open-sub > a.act:after,
.sub-downwards .sub-nav li.has-children.open-sub > .next-level-button,
.dt-mobile-header .sub-nav li.has-children.open-sub > .next-level-button {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sub-nav .sub-nav {
    left: 241px;
    top: -10px;
    margin-top: 0px;
}

    .sub-nav .sub-nav.right-overflow {
        left: -241px;
    }
/* #Side header -> second level
================================================== */
.side-header:not(.sub-downwards) .main-nav > li > .sub-nav:not(.bottom-overflow),
.side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap:not(.bottom-overflow) {
    top: 0 !important;
    left: 100%;
}

.side-header:not(.sub-downwards) .main-nav > li > .sub-nav,
.side-header:not(.sub-downwards) .main-nav > li > .dt-mega-menu-wrap {
    left: 100%;
}

.side-header .sub-nav.bottom-overflow,
.side-header .dt-mega-menu-wrap.bottom-overflow,
.dt-mobile-header .mini-nav .sub-nav.bottom-overflow,
.side-header .mini-nav.sub-nav.bottom-overflow {
    top: auto !important;
    bottom: 0;
}

.side-header .mini-nav.select-type-menu > .sub-nav:not(.bottom-overflow),
.dt-mobile-header .mini-nav.select-type-menu > .sub-nav:not(.bottom-overflow),
.dt-mobile-header .list-type-menu > ul > li > .sub-nav,
.side-header .list-type-menu > ul > li > .sub-nav,
.top-header.floating-navigation-below-slider .main-nav > li > .sub-nav.bottom-overflow {
    top: auto !important;
    bottom: 100%;
}

.top-header.floating-navigation-below-slider .sub-nav.bottom-overflow {
    top: auto !important;
    bottom: 0;
}

.header-side-right .sub-sideways .main-nav > li > .sub-nav,
.overlay-navigation .content-right.sub-sideways .main-nav > li > .sub-nav,
.header-side-right .sub-sideways .main-nav > li > .dt-mega-menu-wrap,
.overlay-navigation .content-right.sub-sideways .main-nav > li > .dt-mega-menu-wrap {
    left: auto !important;
    right: 100%;
}
/* #Side header -> Show drop down menu - > Downwards
================================================== */
.sub-downwards .main-nav > li,
.mobile-main-nav > li,
.sub-downwards .sub-nav > li,
.dt-mobile-header .sub-nav > li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.sub-downwards.side-header .main-nav > li > .sub-nav,
.sub-downwards.side-header .main-nav > li > .dt-mega-menu-wrap,
.sub-downwards.side-header .main-nav > li > .sub-nav .sub-nav,
.sub-downwards.side-header .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 > .dt-mega-menu-wrap,
.dt-mobile-header .mobile-main-nav > li > .sub-nav .sub-nav,
.dt-mobile-header .mobile-main-nav > li > .dt-mega-menu-wrap > .sub-nav .sub-nav {
    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 {
    padding: 15px 20px 15px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sub-downwards li:not(.dt-mega-menu) .sub-nav {
    width: auto;
}

.sub-downwards .main-nav > li > .sub-nav {
    padding-bottom: 0;
}

.sub-downwards .main-nav .sub-nav,
.mobile-main-nav .sub-nav {
    background: none;
    box-shadow: none;
}

    .sub-downwards .main-nav .sub-nav li,
    .masthead.sub-downwards .dt-mega-menu.mega-auto-width .sub-nav .dt-mega-parent {
        padding: 0;
        width: 100%;
    }

.sub-downwards .main-nav.level-arrows-on > li.has-children:last-child {
    margin-right: 0;
}

.sub-downwards #main-nav li a:hover,
.next-level-button:hover {
    cursor: pointer !important;
}
/* #Mega menu
================================================== */
/* #Mega menu
================================================== */
/*.side-header .main-nav > li.dt-mega-menu {
	.flex-flow( column wrap);
}*/
.main-nav > li.dt-mega-menu > a {
    position: relative;
}

.masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title > a .menu-text,
.dt-mega-menu .sub-nav li.has-children:after,
.dt-mega-menu .sub-nav .dt-mega-parent:before,
.dt-mega-menu .sub-nav .dt-mega-parent:first-child:before,
.dt-mega-menu .sub-nav li:before {
    display: none;
}

.masthead:not(.sub-downwards) .main-nav .sub-nav li.hide-mega-title:not(.with-subtitle) > a {
    padding: 0;
}

.sub-downwards .sub-nav li.hide-mega-title > a {
    display: block;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}
/*subtitle*/
.menu-subtitle {
    display: block;
    text-transform: none;
}

.menu-subtitle {
    font-family: Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
}
/*#main-nav > li > a span > span.menu-subtitle,*/
.dt-mega-menu .sub-nav .dt-mega-parent > a span.menu-subtitle {
    font-size: 12px;
    line-height: 14px;
}

.menu-subtitle:after,
.mega-icon:after {
    display: none !important;
}
/*mega sub menu width*/
.top-header .mega-full-width > .dt-mega-menu-wrap {
    width: 100%;
}

.side-header .mega-full-width .dt-mega-menu-wrap,
.side-header .mega-auto-width .dt-mega-menu-wrap {
    top: 0;
    left: 100%;
}

.header-side-right .mega-full-width > .dt-mega-menu-wrap,
.header-side-right .mega-auto-width > .dt-mega-menu-wrap {
    top: 0;
    left: auto;
    right: 100%;
    padding-left: 0;
}

.masthead.side-header:not(.sub-downwards) .mega-full-width > .dt-mega-menu-wrap,
.masthead.side-header:not(.sub-downwards) .mega-auto-width > .dt-mega-menu-wrap {
    width: 890px;
    max-width: 890px;
}

.mega-auto-width .dt-mega-menu-wrap {
    left: 0;
    width: auto;
    /*max-width: 100%;*/
}

.main-nav .mega-auto-width > .dt-mega-menu-wrap {
    min-width: 240px;
}

.mega-auto-width > .dt-mega-menu-wrap.left-overflow,
.mega-full-width .dt-mega-menu-wrap.left-overflow {
    left: 0 !important;
    right: auto !important;
    margin-left: 0 !important;
}

.top-header .main-nav .dt-mega-menu-wrap {
    position: absolute;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    padding: 10px;
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}

.top-header.floating-navigation-below-slider .main-nav > li > .dt-mega-menu-wrap.bottom-overflow {
    top: auto;
    bottom: 100%;
}

.top-header.floating-navigation-below-slider .dt-mega-menu-wrap.bottom-overflow {
    top: auto;
    bottom: 0;
}

.dt-mega-menu-wrap .sub-nav {
    position: relative;
    /*visibility: visible;*/
    width: auto;
    padding: 0;
    /*opacity: 1;*/
    background: none;
    box-shadow: none;
}

.show-mega-menu .dt-mega-menu-wrap .sub-nav,
.sub-downwards .dt-mega-menu-wrap .sub-nav {
    visibility: visible;
    opacity: 1;
}

#page .dt-mobile-header .dt-mega-menu-wrap > .sub-nav {
    visibility: visible;
    opacity: 1;
    width: auto;
}

.dt-mega-menu-wrap > .sub-nav {
    display: block !important;
}

.main-nav .mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav,
.main-nav .mega-full-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul,
.main-nav .mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav,
.main-nav .mega-auto-width > .dt-mega-menu-wrap .sub-nav .sub-nav ul {
    width: auto;
}

.dt-mega-menu .dt-mega-menu-wrap {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 0;
    line-height: 0;
    word-spacing: -4px;
    text-align: left;
}

    .dt-mega-menu .dt-mega-menu-wrap:before,
    .dt-mega-menu .dt-mega-menu-wrap:after {
        content: "";
        display: table;
        clear: both;
    }

.dt-mega-menu > .dt-mega-menu-wrap {
    padding: 20px 10px 10px;
}

.dt-mega-menu .dt-mega-menu-wrap li {
    padding-left: 0;
    padding-right: 0;
    word-spacing: normal;
}

.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-menu-wrap .dt-mega-parent {
    position: static;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    padding: 0 10px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dt-mega-menu .sub-nav .dt-mega-parent:first-child {
    border-left: none;
}

.new-column > a {
    margin-left: -21px !important;
    border-radius: none;
}

.dt-mega-menu .sub-nav .dt-mega-parent:hover > a {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.dt-mega-menu .sub-nav .dt-mega-parent a {
    width: auto;
}

.dt-mega-menu .sub-nav .dt-mega-parent.no-link > a:hover,
.no-link > a:hover {
    opacity: 1;
}

.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav,
.masthead:not(.sub-downwards) .dt-mega-menu .dt-mega-parent .sub-nav.right-overflow {
    position: relative;
    left: auto !important;
    top: auto;
    max-width: 100%;
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dt-mega-menu.dt-hovered .sub-nav .sub-nav,
.show-mega-menu.dt-mega-menu .sub-nav .sub-nav {
    visibility: visible !important;
    opacity: 1 !important;
}

.dt-mega-parent .sub-nav > li {
    margin-bottom: 2px;
}

.hide-mega-title {
    margin-top: 5px;
}

.sub-downwards .hide-mega-title {
    margin-top: 0;
}

.side-header .main-nav .new-column {
    display: none;
}
/* #Mobile menu
================================================== */
/* #Mobile menu
================================================== */
.mobile-header-space,
.mobile-header-bar {
    display: none;
}

.menu-open.not-iOS {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    overflow: hidden;
}
/*Blur page*/
.blur-page.show-sticky-mobile-header #main-slideshow,
.blur-page.show-sticky-mobile-header .photo-scroller,
.blur-page.show-sticky-mobile-header #main,
.blur-page.show-sticky-mobile-header .page-title,
.blur-page.show-sticky-mobile-header .fancy-header,
.blur-page.show-sticky-mobile-header .masthead,
.blur-page.show-sticky-mobile-header .footer,
.blur-page.show-sticky-mobile-header .floating-logo.side-header-menu-icon .branding {
    filter: blur(10px);
    -webkit-filter: blur(10px);
}

.dt-mobile-header {
    position: fixed;
    top: 0;
    height: 100%;
    min-height: 100%;
    width: 500px;
    max-width: 100%;
    z-index: 9602;
    /*overflow-y: auto;*/
    padding: 30px 30px 0;
    box-sizing: border-box;
    background-color: grey;
    -ms-transition: -ms-transform 0.5s ease;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    -ms-transform: translate3d(-100%, 0, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.show-mobile-header .dt-mobile-header {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.right-mobile-menu .dt-mobile-header {
    right: 0;
    -ms-transform: translate3d(100%, 0, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -ms-transition: right 0.5s ease;
    -webkit-transition: right 0.5s ease;
    transition: right 0.5s ease;
}

.admin-bar .dt-mobile-header {
    padding-top: 62px;
}

.is-iOS .dt-mobile-header,
.mobile-true .dt-mobile-header {
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mobile-header-scrollbar-wrap:not(.mCustomScrollbar) {
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.mobile-header-scrollbar-wrap.mCustomScrollbar {
    width: 100%;
    height: 100%;
}

.mobile-mini-widgets-in-menu,
.show-on-first-switch,
.show-on-second-switch {
    display: none;
}

.mobile-mini-widgets-in-menu,
.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;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn {
    position: fixed;
    visibility: hidden;
    top: 10px;
    right: 10px;
    opacity: 0;
    width: 44px;
    height: 44px;
    margin: 0 !important;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-backface-visibility: hidden;
}

    .floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn:hover {
        background-color: rgba(0, 0, 0, 0.5);
    }

.floating-mobile-menu-icon .show-floating-icon .dt-mobile-menu-icon.floating-btn {
    visibility: visible;
    opacity: 1;
}

.dt-mobile-menu-icon.floating-btn .lines {
    /*	margin: 0 0 0 11px;*/
    -webkit-border-radius: 0;
    border-radius: 0;
}

.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines,
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:before,
.floating-mobile-menu-icon .dt-mobile-menu-icon.floating-btn .lines:after {
    background-color: #fff;
}
/*First switch mobile header layout*/
/*Mobile menu*/
.mobile-main-nav {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-flex: 10 1 auto;
    -moz-flex: 10 1 auto;
    -ms-flex: 10 1 auto;
    flex: 10 1 auto;
    padding-bottom: 30px;
}

    .mobile-main-nav > li {
        position: relative;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }

        .mobile-main-nav > li > a {
            text-decoration: none;
        }

        .mobile-main-nav > li:before {
            content: "";
            position: absolute;
            top: -0.5px;
            height: 0;
            border-top: solid 1px yellow;
            width: 100%;
            max-width: 100%;
            /*margin-left: -20px;*/
            left: 0;
        }

        .mobile-main-nav > li:first-child:before,
        .dt-mobile-header .mobile-main-nav .new-column {
            display: none;
        }

        .mobile-main-nav > li > a {
            position: relative;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: -ms-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            padding: 10px 30px 10px 0;
            -webkit-flex-grow: 1;
            -moz-flex-grow: 1;
            -ms-flex-positive: 1;
            -ms-flex-grow: 1;
            flex-grow: 1;
        }

    .mobile-main-nav .sub-nav li.hide-mega-title > a {
        display: block;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
    }

    .mobile-main-nav > li.has-children > a:after {
        position: absolute;
        top: 50%;
        right: 0;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
    }

    .mobile-main-nav > li.has-children > a:after,
    .mobile-main-nav .next-level-button {
        -webkit-transition: -webkit-transform 0.3s ease-out;
        transition: transform 0.3s ease-out;
    }

    .mobile-main-nav > li.has-children.open-sub > a.act:after,
    .mobile-main-nav li.has-children.open-sub > .next-level-button {
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .mobile-main-nav .menu-item a .fa {
        padding-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-full-width > .sub-nav,
.header-side-right .mobile-main-nav .mega-auto-width > .sub-nav {
    right: 0;
}

#page .mobile-main-nav .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;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

    .mobile-main-nav .sub-nav > li > a:hover {
        background: none !important;
    }

.mobile-main-nav .sub-nav .next-level-button,
.mobile-main-nav .sub-nav li.has-children a:after {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    /*right: -30px;*/
    /*margin-top: -15px;*/
    top: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
}

.mobile-main-nav.dt-parent-menu-clickable .sub-nav li.has-children a:after {
    display: none;
}

.mobile-main-nav .sub-nav li.has-children > a:after,
.mobile-main-nav .sub-nav .next-level-button {
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.mobile-main-nav .sub-nav li.has-children.open-sub > a.act:after,
.mobile-main-nav .sub-nav li.has-children.open-sub > .next-level-button {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* ====================== lines button ==================================================*/
.lines-button,
.dt-mobile-menu-icon {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: -ms-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    margin-right: 16px;
    transition: .3s;
    cursor: pointer;
    user-select: none;
    border-radius: 0.57143rem;
}

.dt-mobile-menu-icon {
    width: 22px;
    height: 22px;
    margin-right: 0;
}

.lines-button:active {
    transition: 0;
}

.lines {
    display: inline-block;
    /*vertical-align: middle;*/
    width: 22px;
    height: 2px;
    /*	margin: -2px 6px 0 0;*/
    background: #ecf0f1;
    /*border-radius: 2px;*/
    position: relative;
    /*.dt-mobile-menu-icon & {
			margin-top: -6px;
		}*/
}

.dt-close-mobile-menu-icon {
    position: fixed;
    top: 0;
    width: 30px;
    height: 30px;
    left: -50px;
    z-index: 9999;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.admin-bar .dt-close-mobile-menu-icon {
    top: 32px;
}

.show-mobile-header .dt-close-mobile-menu-icon {
    opacity: 1;
}

.dt-close-mobile-menu-icon span {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin: 0;
}

    .dt-close-mobile-menu-icon span:hover {
        cursor: pointer;
    }

    .dt-close-mobile-menu-icon span:before,
    .dt-close-mobile-menu-icon span:after {
        background-color: #fff;
    }

.accent-bg .lines,
.accent-bg .lines:before,
.accent-bg .lines:after {
    background-color: #fff;
}

.lines:before,
.lines:after,
.dt-close-mobile-menu-icon span:before,
.dt-close-mobile-menu-icon span:after {
    display: inline-block;
    width: 22px;
    height: 2px;
    background: #ecf0f1;
    /*	border-radius: 2px;*/
    position: absolute;
    left: 0;
    content: '';
    -webkit-transform-origin: 1.5px center;
    transform-origin: 1.5px center;
    -webkit-transition: top 0.3s;
    transition: top 0.3s;
}

.lines:before {
    top: 7px;
}

.lines:after {
    top: -7px;
}

.menu-toggle:not(.active) .lines-button:hover .lines:before,
.dt-mobile-menu-icon:hover .lines:before {
    top: 5px;
}

.menu-toggle:not(.active) .lines-button:hover .lines:after,
.dt-mobile-menu-icon:hover .lines:after {
    top: -5px;
}

.menu-toggle.active .lines-button.x .lines,
.hide-overlay.active .lines-button.x .lines {
    background: transparent;
}

    .menu-toggle.active .lines-button.x .lines:before,
    .menu-toggle.active .lines-button.x .lines:after,
    .hide-overlay.active .lines-button.x .lines:before,
    .hide-overlay.active .lines-button.x .lines:after {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        top: 0;
        /*width: 22px;*/
        -webkit-transition: -webkit-transform 0.1s ease;
        transition: transform .1s ease;
    }

.dt-close-mobile-menu-icon span:before,
.dt-close-mobile-menu-icon span:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -11px;
    width: 22px;
    -webkit-transition: -webkit-transform 0.1s ease;
    transition: transform .1s ease;
}

.menu-toggle.active .lines-button.x .lines:before,
.hide-overlay.active .lines-button.x .lines:before {
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.menu-toggle.active:hover .lines-button.x .lines:before,
.hide-overlay.active:hover .lines-button.x .lines:before {
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}

.menu-toggle.active .lines-button.x .lines:after,
.hide-overlay.active .lines-button.x .lines:after {
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.menu-toggle.active:hover .lines-button.x .lines:after,
.hide-overlay.active:hover .lines-button.x .lines:after {
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}

.dt-close-mobile-menu-icon span:before {
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.dt-close-mobile-menu-icon:hover span:before {
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}

.dt-close-mobile-menu-icon span:after {
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

.dt-close-mobile-menu-icon:hover span:after {
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
}

.masthead .mobile-header-bar {
    position: relative;
    min-height: 150px;
    width: 100%;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-content: stretch;
    -moz-align-content: stretch;
    -ms-align-content: stretch;
    align-content: stretch;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

.side-header .mobile-header-bar {
    padding: 0 44px;
}

.mobile-header-bar > * {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-header-bar .mobile-branding {
    line-height: 0;
}
/* #Floating menu
================================================== */
/*Floating navigation->Style->Sticky*/
/* #Floating menu
================================================== */
#phantom {
    position: fixed;
    z-index: 9399;
    width: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    box-sizing: border-box;
}

    #phantom.boxed {
        left: 50%;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.dt-style-um #phantom {
    display: none;
}

.phantom-fade #phantom {
    visibility: hidden;
}

.phantom-slide #phantom {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

body.admin-bar.phantom-sticky:not(.floating-navigation-below-slider) .masthead:not(.side-header),
body.admin-bar.phantom-sticky.floating-navigation-below-slider.sticky-on .masthead:not(.side-header),
body.admin-bar #phantom {
    top: 32px !important;
}

.floating-navigation-below-slider .top-bar {
    display: none;
}

.floating-navigation-below-slider.phantom-sticky.sticky-on .header-space {
    display: block;
}

#phantom.boxed {
    z-index: 9008;
}

.ph-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    margin: 0 auto;
}

.full-height .ph-wrap {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.ph-wrap .menu-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}

.ph-wrap.with-logo .menu-box,
.justify .ph-wrap .menu-box {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.ph-wrap.with-logo .menu-box {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.inline-header.center .ph-wrap.with-logo .menu-box {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}

#phantom:not(.split-header) .main-nav,
#phantom.inline-header.center .main-nav {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -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 {
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

#phantom .with-logo .main-nav {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

#phantom.inline-header.left .main-nav {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.widget-box .mini-widgets {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -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: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }

.header-side-left .mixed-header .ph-wrap .header-bar .mini-widgets {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -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: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -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: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 0;
}

.ph-wrap .widget-box {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
/*Floating top line logo*/
.phantom-logo-off.phantom-on .branding {
    display: none;
    visibility: hidden;
}

.phantom-off.phantom-custom-logo-on .branding .phantom-top-line-logo,
.phantom-on.phantom-custom-logo-on .branding > a:not(.phantom-top-line-logo),
.phantom-on.phantom-custom-logo-on .branding > img:not(.phantom-top-line-logo) {
    opacity: 0;
    display: none;
}

.animate-sticky {
    float: left;
    width: 1px;
    height: 100%;
}

.phantom-sticky.sticky-off.phantom-custom-logo-on .branding .sticky-logo,
.phantom-sticky.sticky-on.phantom-custom-logo-on .branding > a:not(.sticky-logo),
.phantom-sticky.sticky-on.phantom-custom-logo-on .branding > img:not(.sticky-logo) {
    display: none;
    opacity: 0;
}

.phantom-sticky.sticky-off:not(.phantom-custom-logo-on) .branding .sticky-logo,
.phantom-sticky.sticky-on:not(.phantom-custom-logo-on) .branding .sticky-logo,
.phantom-main-logo-on.phantom-sticky.sticky-on .branding > a,
.phantom-main-logo-on.phantom-sticky.sticky-on .branding > img,
.phantom-logo-off.phantom-sticky.sticky-on .branding > a,
.phantom-logo-off.phantom-sticky.sticky-on .branding > img {
    display: none;
    visibility: hidden;
}
/*! Horizontal headers */
.masthead:not(.side-header) {
    max-width: 1200px;
    margin: 0 auto;
}

    .masthead:not(.side-header) .header-bar {
        position: relative;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
        -ms-flex-line-pack: stretch;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-flex-pack: space-between;
        -ms-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify;
    }

    .masthead:not(.side-header) .main-nav {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -moz-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    /*! Full height menu */
    .masthead:not(.side-header).full-height .main-nav {
        -webkit-align-items: stretch;
        -moz-align-items: stretch;
        -ms-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-align-content: stretch;
        -moz-align-content: stretch;
        -ms-align-content: stretch;
        align-content: stretch;
        margin-bottom: 0;
    }

    .masthead:not(.side-header).full-height .header-bar .main-nav > li > a,
    .masthead:not(.side-header) .header-bar .main-nav > li > a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-content: center;
        -moz-align-content: center;
        -ms-align-content: center;
        align-content: center;
        -ms-flex-line-pack: stretch;
    }
    /*! Menu dividers enabled */
    .masthead:not(.side-header).dividers.justify .main-nav > li {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
    }

    .masthead:not(.side-header).dividers .main-nav > li:not(.dt-mega-menu) {
        position: relative;
    }

    .masthead:not(.side-header).dividers .main-nav > li:before,
    .masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after {
        content: "";
        position: absolute;
        left: -0.5px;
        width: 0;
        /* border-right: solid 1px yellow; */
        height: 100%;
        max-height: 100%;
        /*margin-top: -20px;*/
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        top: 50%;
    }

    .masthead:not(.side-header).dividers .main-nav > li:first-child:before {
        display: none;
    }

    .masthead:not(.side-header).dividers.surround .main-nav > li:first-child:before {
        display: block;
    }

    .masthead:not(.side-header).dividers.surround .main-nav > li:last-child:after {
        left: auto;
        right: -0.5px;
    }

    .masthead:not(.side-header) .main-nav.animate-click-decoration > li > a {
        overflow: hidden;
    }

    .masthead:not(.side-header).full-height .main-nav > li > a {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
    }
/*! Inline header */
.masthead.inline-header:not(.widgets) .header-bar .mini-widgets {
    display: none;
}

.inline-header .header-bar {
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

    .inline-header .branding,
    .inline-header .header-bar > .mini-widgets {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
/*! - left, right & center menu */
.inline-header.left .main-nav,
.inline-header.right .main-nav,
.inline-header.center .main-nav {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.inline-header.left .main-nav {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.inline-header.right .main-nav {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.inline-header.center .main-nav {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}
/*! - justified menu */
.inline-header.justify .main-nav {
    -webkit-flex-grow: 10;
    -moz-flex-grow: 10;
    -ms-flex-positive: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    -ms-flex-pack: space-around;
    -ms-justify-content: space-around;
    justify-content: space-around;
    -ms-flex-pack: distribute;
}

    .inline-header.justify .main-nav > li {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end;
    }

        .inline-header.justify .main-nav > li > a {
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flexbox;
            display: -ms-flex;
            display: flex;
        }
/*! -- justified menu, with mini-widgets */
.inline-header.justify.widgets .main-nav > li {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}
/*! Classic header */
.classic-header .header-bar {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.masthead.classic-header .header-bar {
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
}

.classic-header .branding,
.classic-header .navigation {
    -webkit-flex: 1 1 100%;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.classic-header .navigation {
    position: relative;
}

    .classic-header .navigation:before {
        /* position: absolute; */
        /* top: 0; */
        /* left: 0; */
        /* width: 100%; */
        /* height: 1px; */
        /* content: ""; */
    }

.boxed .classic-header .navigation:before {
    left: 50%;
    padding: 0;
    margin: 0;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.classic-header.full-width-line .navigation:before,
.classic-header.bg-behind-menu .navigation:before {
    /* padding: 0 1000px; */
    /* margin-left: -31px; */
}

.boxed .classic-header.full-width-line .navigation:before,
.boxed .classic-header.bg-behind-menu .navigation:before {
    left: 50%;
    padding: 0;
    margin: 0;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.classic-header.bg-behind-menu .navigation:before {
    /* height: 100%; */
}

.masthead.classic-header:not(.widgets) .navigation .mini-widgets {
    display: none;
}

.classic-header.widgets .branding .mini-widgets {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.classic-header .branding .mini-widgets:last-child {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.classic-header .navigation > .mini-widgets {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}
/*! - branding layouts */
/*! -- logo on the left, widgets on the right */
.classic-header:not(.logo-center) .branding .mini-widgets {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}
/*! -- logo centered, widgets around */
.classic-header.logo-center .branding .mini-widgets {
    -webkit-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: 0%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.classic-header.logo-center .branding {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}

    .classic-header.logo-center .branding > a {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
        display: block;
    }

    .classic-header.logo-center .branding .mini-widgets:last-child {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
/*! -- logo and widgets centered */
.classic-header.logo-widgets-center .branding {
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}

    .classic-header.logo-widgets-center .branding > * {
        margin: 0 auto;
    }
/*! - left, right & center menu */
.classic-header.left .main-nav,
.classic-header.right .main-nav {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}

.classic-header.left .main-nav {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.classic-header.right .main-nav {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.classic-header.center .navigation {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}
/*! - justified menu */
.classic-header.justify .main-nav {
    -webkit-flex-grow: 10;
    -moz-flex-grow: 10;
    -ms-flex-positive: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

    .classic-header.justify .main-nav > li > a {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: -ms-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
/*! -- justified menu, with mini-widgets */
.classic-header.justify.widgets .main-nav > li {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}

.classic-header.justify.widgets .main-nav > li {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}
/*! Split header */
.masthead.split-header .header-bar {
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.masthead.split-header.full-height .header-bar {
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.masthead.split-header:not(.widgets) .navigation .mini-widgets {
    display: none;
}

.split-header .branding {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.split-header .navigation {
    -webkit-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: 0%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -moz-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

    .split-header .navigation:first-of-type {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .split-header .navigation:last-of-type {
        -webkit-order: 3;
        -moz-order: 3;
        -ms-flex-order: 3;
        order: 3;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end;
    }

    .split-header .navigation .main-nav {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
    }

    .split-header .navigation:first-of-type .main-nav {
        -webkit-order: 2;
        -moz-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .split-header .navigation:first-of-type .mini-widgets {
        -webkit-order: 1;
        -moz-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .split-header .navigation:last-of-type .main-nav {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end;
    }

.split-header .mini-widgets {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
/*! - inside */
.split-header.inside .navigation:first-of-type .main-nav {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.split-header.inside .navigation:last-of-type .main-nav {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}
/*! - fully inside */
.split-header.fully-inside .navigation .main-nav {
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
}

.split-header.fully-inside .navigation:first-of-type {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.split-header.fully-inside .navigation:last-of-type {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.split-header.fully-inside .navigation:first-of-type .main-nav {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.split-header.fully-inside .navigation:last-of-type .main-nav {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}
/*! - outside */
.split-header.outside .navigation:first-of-type .main-nav {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.split-header.outside .navigation:last-of-type .main-nav {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}
/*! - justified */
.split-header.justify .navigation .main-nav {
    -webkit-flex-grow: 10;
    -moz-flex-grow: 10;
    -ms-flex-positive: 10;
    -ms-flex-grow: 10;
    flex-grow: 10;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-flex-pack: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-pack: justify;
}

    .split-header.justify .navigation .main-nav > li {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
        -ms-flex-grow: 1;
        flex-grow: 1;
    }

.split-header.justify .navigation:last-of-type .main-nav > li {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}
/*! -- justified menu, with mini-widgets */
.split-header.justify.widgets .navigation .main-nav > li {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
}
/*! Vertical headers */
.side-header {
    position: fixed;
    /*top: 0;*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    height: 100%;
    z-index: 101;
    width: 400px;
}

    .side-header.content-left {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-flex-pack: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: start;
    }

    .side-header.content-center {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-flex-pack: center;
        -ms-justify-content: center;
        justify-content: center;
    }

    .side-header.content-right {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-flex-pack: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end;
    }

.header-side-right .side-header {
    right: 0;
}

.is-iOS .side-header:not(.sub-sideways) {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.side-header .header-bar {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fully-inside.side-header .header-bar .main-nav {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.side-header.v-bottom.fully-inside .header-bar {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.side-header.v-center.fully-inside .header-bar {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}

.header-scrollbar-wrap {
    width: 100%;
    height: 100%;
}

    .header-scrollbar-wrap .mCSB_inside > .mCSB_container,
    .mobile-header-scrollbar-wrap .mCSB_inside > .mCSB_container {
        margin: 0;
    }

.fade-header-animation .header-scrollbar-wrap .mCSB_inside > .mCSB_container,
.overlay-navigation .header-scrollbar-wrap .mCSB_inside > .mCSB_container {
    display: none;
}

.fade-header-animation .show-header .header-scrollbar-wrap .mCSB_inside > .mCSB_container,
.overlay-navigation .show-header .header-scrollbar-wrap .mCSB_inside > .mCSB_container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.mCSB_container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
}

.content-left .mCSB_container {
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.content-center .mCSB_container {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}

.content-right .mCSB_container {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.dt-mobile-header .mCSB_container {
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.side-header .main-nav {
    -webkit-flex: 10 1 auto;
    -moz-flex: 10 1 auto;
    -ms-flex: 10 1 auto;
    flex: 10 1 auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

.side-header .mini-widgets {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
/* - center vertically */
.side-header.v-center .main-nav {
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}

.side-header.v-center .branding,
.side-header.v-center .mini-widgets {
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
/* - Menu position bottom */
.side-header.v-bottom .main-nav {
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}
/* - center horisontally */
.side-header.h-center .main-nav > li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    text-align: center;
}
/* - justify horisontally */
.side-header.h-justify .main-nav > li > a,
.side-header.h-justify.sub-downwards .sub-nav > li > a {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}
/* -- and also center */
.side-header.h-justify.h-center .main-nav > li > a,
.side-header.h-center .branding,
.side-header.h-center .mini-widgets {
    text-align: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}
/*! Menu dividers enabled */
.side-header.dividers .main-nav > li {
    position: relative;
}

    .side-header.dividers .main-nav > li:before,
    .side-header.dividers.surround .main-nav > li:last-child:after {
        content: "";
        position: absolute;
        top: -0.5px;
        height: 0;
        border-top: solid 1px yellow;
        width: 40px;
        max-width: 100%;
        /*margin-left: -20px;*/
        left: 0;
    }

.side-header.dividers.h-center .main-nav > li:before,
.side-header.dividers.surround.h-center .main-nav > li:last-child:after {
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.side-header.dividers .main-nav > li:first-child:before {
    display: none;
}

.side-header.dividers.surround .main-nav > li:first-child:before {
    display: block;
}

.side-header.dividers.surround .main-nav > li:last-child:after {
    top: auto;
    bottom: -0.5px;
}
/*! Slide out side header */
.side-header.slide-out {
    position: fixed;
    top: 0;
}

.header-side-left .side-header.slide-out {
    left: 0;
}

.side-header.slide-out.fade {
    opacity: 0;
    visibility: hidden;
}
/* vertical scrollbar */
.header-scrollbar-wrap .mCustomScrollBox,
.header-scrollbar-wrap .mCSB_container,
.mobile-header-scrollbar-wrap .mCustomScrollBox,
.mobile-header-scrollbar-wrap .mCSB_container {
    overflow: visible;
}

.mCSB_container {
    width: auto;
}

    .mCSB_container.mCS_no_scrollbar {
        margin-right: 0;
    }

.mCSB_scrollTools {
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.masthead:hover .mCSB_scrollTools {
    opacity: 1;
}

.mCustomScrollBox > .mCSB_scrollTools {
    width: 16px;
    height: 100%;
    top: 10px;
    right: 4px;
    z-index: 10;
}

.dt-mobile-header .mCustomScrollBox > .mCSB_scrollTools {
    right: -30px !important;
    left: auto !important;
}

.header-side-right .mCustomScrollBox > .mCSB_scrollTools {
    right: auto;
    left: 4px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 5px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
}

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 5px;
        height: 100%;
        margin: 0 auto;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        text-align: center;
    }
/* default scrollbar colors and backgrounds (default theme) */
.mCSB_scrollTools .mCSB_draggerRail {
    background: #000;
    /* rgba fallback */
    background: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
    /* old ie */
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #fff;
    /* rgba fallback */
    background: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
    /* old ie */
}

.masthead .mCSB_container,
.dt-mobile-header .mCSB_container {
    min-height: 100% !important;
    position: relative !important;
}

.masthead .mCSB_scrollTools,
.dt-mobile-header .mCSB_scrollTools {
    top: 0;
}

    .masthead .mCSB_scrollTools .mCSB_draggerContainer,
    .dt-mobile-header .mCSB_scrollTools .mCSB_draggerContainer {
        top: 10px;
        bottom: 10px;
    }
/*! Mixed headers */
.mixed-header .mini-widgets {
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    -ms-flex-grow: 1;
    flex-grow: 1;
}
/*! - centered logo */
.mixed-header.logo-center .mini-widgets {
    -webkit-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: 0%;
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.header-side-left .mixed-header.logo-center .mini-widgets {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    text-align: right;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.header-side-right .mixed-header.logo-center .mini-widgets {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    -ms-flex-pack: start;
}

.mixed-header .mini-widgets {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.mixed-header.logo-center .branding {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.mixed-header.logo-center .menu-toggle {
    -webkit-flex: 1 1 0%;
    -moz-flex: 1 1 0%;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -ms-flex-positive: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: 0%;
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.header-side-left .mixed-header.logo-center .menu-toggle {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.header-side-right .mixed-header.logo-center .menu-toggle {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.overlay-navigation .mixed-header.logo-center .menu-toggle {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}
/*side logo*/
.header-side-left .mixed-header.logo-left .mini-widgets {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

.header-side-right .mixed-header.logo-left .mini-widgets,
.overlay-navigation .mixed-header.logo-left .mini-widgets {
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-flex-pack: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.header-side-left .mixed-header.logo-left.full-width .mini-widgets {
    text-align: right;
}

.header-side-right .mixed-header.logo-left:not(.full-width) .mini-widgets {
    text-align: right;
}

.mixed-header.logo-left .branding {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.header-side-right .mixed-header.logo-left .branding,
.overlay-navigation .mixed-header.logo-left .branding {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.header-side-left .mixed-header.logo-left .menu-toggle {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.header-side-right .mixed-header.logo-left .menu-toggle,
.overlay-navigation .mixed-header.logo-left .menu-toggle {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

.masthead.mixed-header .header-bar {
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
/*if Menu icon*/
.side-header-menu-icon .branding {
    position: absolute;
    z-index: 500;
}

.header-side-left .side-header-menu-icon .branding {
    right: 0px;
}

.header-side-right .side-header-menu-icon .branding,
.overlay-navigation .side-header-menu-icon .branding {
    left: 0px;
}

.floating-logo.side-header-menu-icon .branding {
    position: fixed;
}

.mixed-header.floating-logo {
    position: fixed;
    width: 100%;
}
/*if side line*/
.mixed-header.side-header-v-stroke {
    position: fixed;
    top: 0;
    z-index: 500;
}

.header-under-side-line .mixed-header.side-header-v-stroke {
    z-index: 9600;
}

.header-side-left .boxed .mixed-header.side-header-v-stroke,
.overlay-navigation .boxed .mixed-header.side-header-v-stroke {
    left: 0;
}

.header-side-right .mixed-header.side-header-v-stroke {
    right: 0;
}

.admin-bar .mixed-header.side-header-v-stroke {
    top: 30px;
}

.header-side-right .boxed .mixed-header.side-header-v-stroke {
    margin-right: 0;
}

.mixed-header.side-header-v-stroke .header-bar {
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-content: space-between;
    -moz-align-content: space-between;
    -ms-align-content: space-between;
    align-content: space-between;
    -ms-flex-pack: justify;
    min-height: 100vh;
}

.mixed-header.side-header-v-stroke .mini-widgets {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-order: 2;
    -moz-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    -ms-flex-grow: 0;
    flex-grow: 0;
}

.mixed-header.side-header-v-stroke .branding {
    -webkit-order: 3;
    -moz-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-positive: 1;
    -ms-flex-pack: end;
}

.mixed-header.side-header-v-stroke .menu-toggle {
    -webkit-order: 1;
    -moz-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
/*Side navigation on click*/
.sticky-header.header-side-left #page {
    padding-left: 0;
}

.sticky-header.header-side-right #page {
    padding-right: 0;
}
/*Side header*/
.sticky-header.header-side-left .side-header {
    margin-left: 0;
}

.sticky-header.slide-header-animation .side-header {
    z-index: 9402;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
}

.sticky-header.fade-header-animation .side-header {
    z-index: 9402;
}
/*Animation: fade*/
.sticky-header.fade-header-animation .closed-header .side-header {
    -webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
    animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
}

.sticky-header.fade-header-animation .show-header .side-header {
    -webkit-animation: opacity-lat 0.8s ease 0ms 1 normal both;
    animation: opacity-lat 0.8s ease 0ms 1 normal both;
}
/*Animation: slide*/
.sticky-header.header-side-left.slide-header-animation .boxed .side-header {
    left: 0;
}

.sticky-header.header-side-left.slide-header-animation .side-header {
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translateX(-100%);
    transform: translate3d(-100%, 0, 0);
}

.sticky-header.header-side-left.slide-header-animation .show-header .side-header {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translateX(0);
    transform: translate3d(0, 0, 0);
}

.sticky-header.header-side-right.slide-header-animation .side-header {
    right: 0 !important;
    left: auto;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translateX(100%);
    transform: translate3d(100%, 0, 0);
}

.sticky-header.header-side-right.slide-header-animation .show-header .side-header {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translateX(0);
    transform: translate3d(0, 0, 0);
}
/*Animation: move*/
.header-side-left.move-header-animation .side-header-menu-icon .menu-toggle {
    left: 0;
    -webkit-transition: left 0.5s;
    -ms-transition: left 0.5s;
    transition: left 0.5s;
}

.header-side-right.move-header-animation .side-header-menu-icon .menu-toggle {
    -webkit-transition: right 0.5s;
    -ms-transition: right 0.5s;
    transition: right 0.5s;
}

.show-header .side-header-menu-icon .menu-toggle {
    opacity: 0;
}

.move-header-animation .side-header {
    z-index: 9600;
}

.header-side-left.move-header-animation .side-header {
    -ms-transform: translateX(-100%);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.header-side-right.move-header-animation .side-header {
    -ms-transform: translateX(100%);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.st-effect-4.st-menu::after {
    display: none;
}
/*Background overlay*/
.sticky-header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

    .sticky-header-overlay.active {
        opacity: 1;
        visibility: visible;
        z-index: 9401;
    }
/*Blur page*/
.blur-page .show-header #main-slideshow,
.blur-page .show-header .photo-scroller,
.blur-page .show-header #main,
.blur-page .show-header .page-title,
.blur-page .show-header .fancy-header,
.blur-page .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon),
.blur-page .show-header .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon),
.blur-page .show-header .footer,
.blur-page .show-header .floating-logo.side-header-menu-icon .branding,
.blur-page .show-header #main-slideshow,
.blur-page .show-header .photo-scroller,
.blur-page .show-header #main,
.blur-page .show-header .page-title,
.blur-page .show-header .fancy-header,
.blur-page .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon),
.blur-page .show-header .show-header .masthead.mixed-header:not(.side-header-v-stroke):not(.side-header-menu-icon),
.blur-page .show-header .footer,
.blur-page .show-header .floating-logo.side-header-menu-icon .branding {
    filter: blur(5px);
    -webkit-filter: blur(5px);
}
/*Menu icon*/
.boxed .masthead.side-header-menu-icon:not(.side-header) {
    max-width: 100%;
}

.menu-toggle {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    outline: 0;
    padding: 0;
    cursor: pointer;
    z-index: 500;
    -webkit-transition: margin 0.5s ease;
    transition: margin 0.5s ease;
}

.side-header-menu-icon .menu-toggle {
    position: fixed;
}

.header-side-right .side-header-menu-icon .menu-toggle,
.overlay-navigation .side-header-menu-icon .menu-toggle {
    right: 0;
}

.header-side-right .mixed-header.logo-center .menu-toggle {
    text-align: right;
}

.menu-toggle > a {
    display: none;
}

.menu-toggle .lines-button,
.hide-overlay .lines-button {
    width: 50px;
    height: 50px;
    margin-right: 0;
    text-align: center;
}
/*	.menu-toggle .lines {
				margin: 23px 0 0;
			}*/
/*overlay navigation*/
.side-header {
    /*.admin-bar.overlay-navigation & {
		top: 30px;
	}*/
}

.overlay-navigation .side-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.fade-header-animation .side-header {
    opacity: 0;
    visibility: hidden;
}

.overlay-navigation .show-header .side-header {
    z-index: 9402;
}

.overlay-navigation .hide-overlay {
    position: absolute;
    top: -100%;
    right: 30px;
    z-index: 605;
    width: 50px;
    height: 50px;
    visibility: hidden;
}

.overlay-navigation .show-header .hide-overlay {
    top: 30px;
    visibility: visible;
}

.hide-overlay .lines-button {
    width: 50px;
    height: 50px;
    text-align: center;
}
/*.hide-overlay .lines {
			margin: 22px 0 0 0; 
		}*/
.overlay-navigation .closed-header .side-header {
    -webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
    animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
}

.overlay-navigation .show-header .side-header {
    -webkit-animation: opacity-lat 0.8s ease 0ms 1 normal both;
    animation: opacity-lat 0.8s ease 0ms 1 normal both;
}

.header-side-left .side-header .menu-toggle,
.header-side-right .side-header .menu-toggle {
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.side-header .menu-toggle {
    position: absolute;
    z-index: 9600;
    opacity: 0;
}

.header-side-right .side-header .menu-toggle {
    left: 0;
}
/*Phantom sticky*/
@-webkit-keyframes opacity-lat-rev {
    0% {
        opacity: 1;
        visibility: visible;
    }

    30% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes opacity-lat-rev {
    0% {
        opacity: 1;
        visibility: visible;
    }

    30% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@-webkit-keyframes opacity-lat {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    70% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

@keyframes opacity-lat {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    70% {
        opacity: 1;
        visibility: visible;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}
/* #Footer
================================================== */
.footer {
    padding: 0;
    margin: 0 auto;
}

    .footer.full-width-line.empty-footer {
        border: none;
    }

    .footer.full-width-line .wf-container-footer,
    .footer.solid-bg .wf-container-footer,
    .empty-footer.solid-bg .wf-container-bottom,
    .empty-footer.solid-bg #bottom-bar.full-width-line,
    #bottom-bar.full-width-line .wf-container-bottom,
    #bottom-bar.solid-bg .wf-container-bottom {
        border-top: none;
    }

.header-side-left.footer-overlap #footer,
.header-side-right.footer-overlap #footer,
.overlay-navigation.header-side-line.footer-overlap #footer {
    -webkit-box-sizing: border-box;
    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 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* Footer: end */
/* #Bottom bar
================================================== */
#bottom-bar {
    position: relative;
    z-index: 9;
    min-height: 30px;
    margin: 0 auto;
}

    #bottom-bar .wf-table {
        height: 40px;
    }

    #bottom-bar .wf-td p {
        margin-bottom: 0;
        font-size: 16px;
        color: #ffffff;
        font-style: italic;
    }

.bottom-text-block {
    text-align: right;
}

#branding-bottom {
    width: 1px;
    padding: 10px 10px 10px 0;
    line-height: 0;
    font-size: 0;
}

#bottom-bar .wf-float-left {
    margin-right: 40px;
}

    #bottom-bar .wf-float-left:last-of-type {
        margin-right: 0;
        color: #ffffff;
        font-size: 16px;
        font-style: italic;
        text-align: center;
    }

#bottom-bar .wf-float-right {
    margin-left: 40px;
    margin-right: 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 a,
    #bottom-bar .sub-nav a:hover {
        text-decoration: none;
    }

        #bottom-bar a:hover {
            text-decoration: underline;
        }

#bottom-bar .menu-select {
    position: absolute;
    visibility: hidden;
    opacity: 0;
}

#bottom-bar .menu-select {
    overflow: hidden;
}

#bottom-bar .mini-nav ul {
    display: block;
}
/* #Images Styling & Hovers
================================================== */
.rollover,
.rollover-video,
.post-rollover,
.rollover-project > a {
    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;
}
/*rollover background*/
.rollover i,
.rollover-video i,
.post-rollover i {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

    .rollover i,
    .post-rollover i,
    .rollover-video i:after,
    .rollover-thumbnails,
    .rollover-video .video-icon,
    .rollover-video i,
    .rollover-content-container,
    .hover-style-two .links-container,
    .hover-style-one .links-container,
    .hover-style-two .rollover-thumbnails,
    .hover-style-one .rollover-thumbnails,
    .hover-style-one .rollover-project > a:after,
    .hover-style-three .rollover-project > a:after {
        -webkit-transition: all 450ms ease;
        transition: all 450ms ease;
    }
/*hide default rollover when turn on description on hover*/
.description-on-hover > .wf-cell .rollover i,
.description-on-hover > .wf-cell .rollover i:after {
    visibility: hidden;
}

.description-on-hover > .wf-cell .forward-post .rollover i:after,
.description-on-hover > .wf-cell .forward-post .rollover i,
.description-on-hover > .wf-cell .description-off .rollover i,
.description-on-hover > .wf-cell .description-off .rollover i:after {
    visibility: visible;
}
/*rollover icon*/
.rollover i:after,
.project-list-media .rollover-video i:after {
    position: absolute;
    width: 50px;
    height: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}

.small-hover-icons .rollover i:after,
.small-hover-icons .project-list-media .rollover-video i:after {
    top: 3px;
    right: 3px;
}

.large-hover-icons .rollover i:after,
.large-hover-icons .project-list-media .rollover-video i:after,
.small-hover-icons .comment-author .rollover i:after,
.small-hover-icons .comment-author .project-list-media .rollover-video i:after {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.post-rollover i:after,
.vc_box_circle .rollover i:after,
.vc_box_circle i:after,
.vc_box_outline_circle i:after,
.vc_box_border_circle i:after,
.vc_box_shadow_circle i:after,
.vc_box_shadow_border_circle i:after,
.vc_box_shadow_circle i:after,
.vc_box_shadow_border_circle i:after,
.vc_box_shadow_border_circle i:after,
.small-hover-icons .round-images .rollover i:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    content: "";
}

.disabled-hover-icons .rollover i:after,
.disabled-hover-icons .post-rollover i:after {
    display: none;
}

#page .rollover-small i:after,
.post-rollover i:after,
.blog .dt-format-gallery.dt-gallery-container .rollover i:after,
.dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover i:after {
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
}
/*video hover styling*/
.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, 0.4);
        background-position: 30px center;
        background-repeat: no-repeat;
        content: "";
        border-radius: 50%;
    }
/*show rollover on hover*/
.mobile-false .rollover:hover i,
.mobile-false .images-list:hover i,
.mobile-false .post-rollover:hover i,
.rollover-video:hover i {
    display: block;
    opacity: 1;
}

.rollover-video:hover .video-icon:before,
.images-list:hover .rollover-video .video-icon:before {
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 1;
}

.rollover-video .video-icon:hover {
    opacity: 1;
}
/*Details rollover icon*/
.small-hover-icons .rollover 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='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");
}

.large-hover-icons .rollover 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' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");
}

.blog.large-hover-icons .dt-format-gallery.dt-gallery-container .rollover i:after,
.large-hover-icons .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .rollover 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='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");
}
/*Zoom rollover icon*/
.small-hover-icons .rollover-zoom i:after,
.small-hover-icons .format-photo .rollover 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='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");
}

.large-hover-icons .rollover-zoom i:after,
.large-hover-icons .format-photo .rollover 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' fill='white' xml:space='preserve'%3E%3Cpolygon points='14,-0.02 14,0 8.993,0 8.993,2 14,2 14,6.98 16,6.98 16,-0.02 '/%3E%3Cpolygon points='2,9 0,9 0,16 2,16 2,15.98 7.007,15.98 7.007,13.98 2,13.98 '/%3E%3C/svg%3E");
}
/*rollover icon for small photos*/
.rollover-small i:after,
.post-rollover i:after,
.comment-author .rollover 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='16px' height='16px' viewBox='0 0 16 16' enable-background='new 0 0 16 16' fill='white' xml:space='preserve'%3E%3Cpolygon points='16,7 9,7 9,0 7,0 7,7 0,7 0,9 7,9 7,16 9,16 9,9 16,9 '/%3E%3C/svg%3E");
}
/*Video rollover icon*/
.rollover-video .video-icon:before,
.blog .format-video .rollover i:after,
.dt-blog-shortcode .format-video .rollover i:after,
.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");
}

.small-hover-icons .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='16px' height='16px' 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");
}

.large-hover-icons .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");
}

.blog.large-hover-icons .dt-format-gallery.dt-gallery-container .rollover-video i:after,
.large-hover-icons .dt-blog-shortcode .dt-format-gallery.dt-gallery-container .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='16px' height='16px' 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");
}

.blog.small-hover-icons .format-video .rollover i:after,
.small-hover-icons .dt-blog-shortcode .format-video .rollover 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='16px' height='16px' 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");
}

.blog.large-hover-icons .format-video .rollover i:after,
.large-hover-icons .dt-blog-shortcode .format-video .rollover 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");
}
/*Albums -> Show image miniatures (hover styling)*/
.rollover-thumbnails {
    position: relative;
    display: -ms-flexbox;
    width: 142px;
    height: 116px;
}

.buttons-on-img .rollover-thumbnails,
.description-under-image .rollover-thumbnails {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 9;
    opacity: 0;
}

.disabled-hover-icons .blog-media .rollover-thumbnails {
    display: none;
}

.mobile-false .rollover:hover .rollover-thumbnails,
.mobile-true .rollover.is-clicked .rollover-thumbnails {
    opacity: 1;
}

.rollover-thumbnails span {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 90px !important;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15);
    box-sizing: border-box;
}

    .rollover-thumbnails span,
    .rollover-thumbnails span img {
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

.rollover-thumbnails .r-thumbn-1 {
    top: 25px;
    left: 49px;
    z-index: 102;
}

.rollover-thumbnails .r-thumbn-2 {
    top: 0;
    left: 42px;
    width: 50px;
    height: 50px !important;
    z-index: 100;
}

.rollover-thumbnails .r-thumbn-3 {
    top: 29px;
    left: 0px;
    width: 70px;
    height: 70px !important;
    z-index: 101;
}

.rollover-thumbnails span i {
    display: none !important;
}

.rollover.rollover-thumbnails-on i:after {
    display: none;
}
/* #Styling -> Scale
================================================== */
.mobile-false .scale-on-hover a.rollover,
.mobile-false .scale-on-hover a.post-rollover,
.mobile-false .scale-on-hover div.rollover-video,
.mobile-false .scale-on-hover .hover-style-one .rollover-project > a,
.mobile-false .scale-on-hover .buttons-on-img > a,
.mobile-false .scale-on-hover .hover-fade .rollover-project > a {
    overflow: hidden;
}

.mobile-false .scale-on-hover .rollover.vc_box_circle,
.mobile-false .scale-on-hover .vc_box_circle,
.mobile-false .scale-on-hover a.post-rollover,
.mobile-false .scale-on-hover .round-images .rollover {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translatez(0);
}

    .mobile-false .scale-on-hover a.rollover img,
    .mobile-false .scale-on-hover a.post-rollover img,
    .mobile-false .scale-on-hover div.rollover-video img,
    .mobile-false .scale-on-hover .hover-style-one .rollover-project > a img,
    .mobile-false .scale-on-hover .buttons-on-img > a img,
    .mobile-false .scale-on-hover .hover-fade .rollover-project > a img,
    .mobile-false .scale-on-hover .hover-scale .rollover-project > a img {
        -webkit-transition: -webkit-transform 0.5s ease;
        transition: transform .5s ease;
    }

        .mobile-false .scale-on-hover a.rollover img.iso-lazy-load,
        .mobile-false .scale-on-hover a.post-rollover img.iso-lazy-load,
        .mobile-false .scale-on-hover div.rollover-video img.iso-lazy-load,
        .mobile-false .scale-on-hover .hover-style-one .rollover-project > a img.iso-lazy-load,
        .mobile-false .scale-on-hover .buttons-on-img > a img.iso-lazy-load,
        .mobile-false .scale-on-hover .hover-fade .rollover-project > a img.iso-lazy-load,
        .mobile-false .scale-on-hover .hover-scale .rollover-project > a img.iso-lazy-load,
        .mobile-false .scale-on-hover a.rollover img.lazy-load,
        .mobile-false .scale-on-hover a.post-rollover img.lazy-load,
        .mobile-false .scale-on-hover div.rollover-video img.lazy-load,
        .mobile-false .scale-on-hover .hover-style-one .rollover-project > a img.lazy-load,
        .mobile-false .scale-on-hover .buttons-on-img > a img.lazy-load,
        .mobile-false .scale-on-hover .hover-fade .rollover-project > a img.lazy-load,
        .mobile-false .scale-on-hover .hover-scale .rollover-project > a img.lazy-load,
        .mobile-false .scale-on-hover a.rollover img.jgrid-lazy-load,
        .mobile-false .scale-on-hover a.post-rollover img.jgrid-lazy-load,
        .mobile-false .scale-on-hover div.rollover-video img.jgrid-lazy-load,
        .mobile-false .scale-on-hover .hover-style-one .rollover-project > a img.jgrid-lazy-load,
        .mobile-false .scale-on-hover .buttons-on-img > a img.jgrid-lazy-load,
        .mobile-false .scale-on-hover .hover-fade .rollover-project > a img.jgrid-lazy-load,
        .mobile-false .scale-on-hover .hover-scale .rollover-project > a img.jgrid-lazy-load {
            -webkit-transition: -webkit-transform 0.5s ease, opacity 0.35s ease-out;
            transition: transform 0.5s ease, opacity 0.35s ease-out;
        }

    .mobile-false .scale-on-hover a.rollover:hover > img,
    .mobile-false .scale-on-hover a.rollover:hover > div > img,
    .mobile-false .scale-on-hover a.post-rollover:hover img,
    .mobile-false .scale-on-hover div.rollover-video:hover img,
    .mobile-false .scale-on-hover .hover-style-one .rollover-project:hover > a img,
    .mobile-false .scale-on-hover .buttons-on-img:hover > a > img,
    .mobile-false .scale-on-hover .hover-fade .rollover-project:hover > a img,
    .mobile-false .scale-on-hover .hover-scale .rollover-project:hover > a img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

.mobile-false .is-safari.scale-on-hover .round-images a.rollover:hover > img,
.mobile-false .is-safari.scale-on-hover .round-images a.rollover:hover > div,
.mobile-false .is-safari.scale-on-hover .round-images a.post-rollover:hover img,
.mobile-false .is-safari.scale-on-hover .comment-author a.rollover:hover > img,
.mobile-false .scale-on-hover a.rollover.vc_single_image-wrapper > img,
.mobile-false .is-safari.scale-on-hover .rollover.vc_single_image-wrapper:hover > img,
.mobile-false .scale-on-hover .hover-fade.woo-hover .rollover-project:hover > a img,
.mobile-false .scale-on-hover .woo-hover .buttons-on-img:hover > a > img {
    -webkit-transform: scale(1);
    transform: scale(1);
}
/* #Styling -> Blur
================================================== */
.blur-this {
    position: relative;
}

    .mobile-false .blur-this .blur-effect,
    .mobile-false .blur-this canvas,
    .blur-this .blur-effect {
        position: absolute;
        left: 0;
        top: 0;
        max-width: 100%;
        width: 100% !important;
        height: 100% !important;
        opacity: 0;
        display: none;
    }

.mobile-false .image-blur .rollover,
.mobile-false .image-blur .post-rollover,
.mobile-false .image-blur .rollover-project > a {
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

    .mobile-false .image-blur .rollover img,
    .mobile-false .image-blur .post-rollover img,
    .mobile-false .image-blur .rollover-project img {
        transition: 0.5s;
        -webkit-perspective: 1000;
        -webkit-backface-visibility: hidden;
    }

    .mobile-false .image-blur .rollover:hover img,
    .mobile-false .image-blur .post-rollover:hover img,
    .mobile-false .image-blur .hover-style-one .rollover-project:hover a > img,
    .mobile-false .image-blur .hover-fade .rollover-project:hover a > img,
    .mobile-false .image-blur .hover-scale .rollover-project:hover a > img,
    .mobile-false .image-blur .hover-grid-reverse .rollover-project:hover a > img,
    .mobile-false .image-blur .hover-grid .rollover-project:hover a > img,
    .mobile-false .image-blur .buttons-on-img:hover a > img,
    .mobile-false .image-blur .images-list:hover .blur-this a > img {
        filter: blur(2px);
        -webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);
    }

    .mobile-false .image-blur .rollover:hover .rollover-thumbnails img {
        filter: none;
        -webkit-filter: none;
        -moz-filter: none;
        -o-filter: none;
        -ms-filter: none;
    }

.images-list .blur-this .blur-effect {
    z-index: 9;
}

.images-list .blur-this i {
    z-index: 10;
}

.mobile-false .blur-this:hover .blur-effect,
.hover-style-one .rollover-project:hover .blur-effect,
.hover-fade .rollover-project:hover .blur-effect,
.hover-style-one .fs-entry:hover .blur-effect,
.hover-fade .fs-entry:hover .blur-effect,
.hover-scale .rollover-project:hover .blur-effect,
.hover-grid-reverse .rollover-project:hover .blur-effect,
.hover-grid .rollover-project:hover .blur-effect,
.buttons-on-img:hover .blur-effect,
.images-list:hover .blur-this .blur-effect,
.images-list:hover .blur-this i {
    opacity: 1;
}

.old-ie .blur-effect,
.hover-style-one .rollover:hover i,
.hover-style-three .rollover-project .blur-effect {
    display: none;
}

.mobile-false .blur-this .blur-effect,
.mobile-false .blur-this canvas,
.blur-this .blur-effect {
    -webkit-transition: opacity 300ms ease;
    transition: opacity 300ms ease;
}
/* #Styling -> Grayscale
================================================== */
.filter-grayscale .royalSlider img,
.filter-grayscale .content img,
.filter-grayscale .sidebar img,
.filter-grayscale .footer img,
.filter-grayscale .shortcode-banner,
.filter-grayscale .map-container,
.filter-grayscale iframe,
.filter-grayscale embed,
.filter-grayscale object,
.filter-grayscale-static .royalSlider img,
.filter-grayscale-static .content img,
.filter-grayscale-static .sidebar img,
.filter-grayscale-static .footer img,
.filter-grayscale-static .shortcode-banner,
.filter-grayscale-static .map-container,
.filter-grayscale-static iframe,
.filter-grayscale-static embed,
.filter-grayscale-static object {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    /* IE 6-9 */
    /* Make sure that it will not flicker in Desktop Safari due to usage of CSS3 animation in RoyalSlider */
}

.mobile-false .filter-grayscale .royalSlider img,
.mobile-false .filter-grayscale .content img,
.mobile-false .filter-grayscale .sidebar img,
.mobile-false .filter-grayscale .footer img,
.mobile-false .filter-grayscale .shortcode-banner,
.mobile-false .filter-grayscale .map-container,
.mobile-false .filter-grayscale iframe,
.mobile-false .filter-grayscale embed,
.mobile-false .filter-grayscale object,
.mobile-false .filter-grayscale-static .royalSlider img,
.mobile-false .filter-grayscale-static .content img,
.mobile-false .filter-grayscale-static .sidebar img,
.mobile-false .filter-grayscale-static .footer img,
.mobile-false .filter-grayscale-static .shortcode-banner,
.mobile-false .filter-grayscale-static .map-container,
.mobile-false .filter-grayscale-static iframe,
.mobile-false .filter-grayscale-static embed,
.mobile-false .filter-grayscale-static object {
    -webkit-backface-visibility: visible !important;
    -webkit-transform: inherit !important;
}
/* .filter-grayscale img:hover, */
.filter-grayscale img.filter-disable,
.filter-grayscale .filter-disable img,
.filter-grayscale img.dt-hovered,
.filter-grayscale .dt-hovered img,
.filter-grayscale .rollover:hover img,
.filter-grayscale .cs-style-3 .link:hover img,
.filter-grayscale .rollover-video:hover img,
.filter-grayscale .post-rollover:hover img,
.filter-grayscale .fs-entry:hover img,
.filter-grayscale .rsThumb:hover img,
.filter-grayscale .royalSlider:hover img,
.filter-grayscale .content img:hover,
.filter-grayscale .sidebar img:hover,
.filter-grayscale .footer img:hover,
.filter-grayscale .shortcode-banner:hover,
.filter-grayscale .content .rev_slider_wrapper:hover img,
.filter-grayscale .map-container:hover,
.filter-grayscale iframe:hover,
.filter-grayscale embed:hover,
.filter-grayscale object:hover,
.filter-grayscale .rollover-project:hover img,
.filter-grayscale .buttons-on-img:hover img,
.filter-grayscale .mfp-wrap iframe,
.filter-grayscale .mfp-wrap embed,
.filter-grayscale .mfp-wrap object,
.filter-grayscale #branding-bottom img,
.filter-grayscale-static #branding-bottom img {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: none;
    filter: transparent;
}
/* #Beautiful loading
================================================== */
body #load {
    display: block;
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 9901;
}
/* #Double circles
================================================== */
.load-wrap {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
}

    .load-wrap > svg {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
/* #Masonry
================================================== */
.iso-item,
.iso-grid .wf-cell,
.blog.layout-grid .wf-container.description-under-image .wf-cell,
.grid-masonry .wf-cell,
.shortcode-blog-posts .wf-cell {
    opacity: 0;
}

.no-cssanimations .iso-item,
.no-cssanimations .iso-grid .wf-cell,
.no-cssanimations .blog.layout-grid .wf-container.description-under-image .wf-cell,
.no-cssanimations .grid-masonry .wf-cell,
.no-cssanimations .shortcode-blog-posts.iso-grid .wf-cell,
.no-cssanimations #main .jg-container .wf-cell {
    opacity: 1;
}

.mobile-false .iso-grid .wf-cell,
.mobile-false .iso-container .wf-cell {
    float: left;
}

.iso-item {
    width: 100%;
}

.dt-isotope .wf-cell.animate-position {
    -webkit-transition: top 0.65s ease-out, left 0.65s ease-out;
    transition: top 0.65s ease-out, left 0.65s ease-out;
}

.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;
    -webkit-transition: opacity 0.35s ease-out;
    transition: opacity 0.35s ease-out;
}

.layzr-loading-on .iso-layzr-loaded {
    opacity: 1;
}
/* None Effect: opacity */
.loading-effect-none .wf-cell.shown:not(.isotope-hidden),
.mobile-true .dt-isotope .wf-cell.shown:not(.isotope-hidden),
.mobile-true .wf-cell.shown:not(.isotope-hidden) {
    -webkit-animation: dt_fadeIn 0.4s ease forwards;
    animation: dt_fadeIn 0.4s ease forwards;
}
/* Effect 1: opacity */
.mobile-false .loading-effect-fade-in .wf-cell.start-animation,
.mobile-false .loading-effect-fade-in .wf-cell.shown:not(.isotope-hidden) {
    -webkit-animation: dt_fadeIn 0.7s ease forwards;
    animation: dt_fadeIn 0.7s ease forwards;
}

@-webkit-keyframes dt_fadeIn {
    to {
        opacity: 1;
    }
}

@-moz-keyframes dt_fadeIn {
    to {
        opacity: 1;
    }
}

@keyframes dt_fadeIn {
    to {
        opacity: 1;
    }
}
/* Effect 2: Move Up */
.mobile-false .loading-effect-move-up .wf-cell.start-animation,
.mobile-false .loading-effect-move-up .wf-cell.shown:not(.isotope-hidden) {
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-animation: dt_moveUp 0.55s ease-in-out forwards;
    animation: dt_moveUp 0.55s ease-in-out forwards;
}

@-webkit-keyframes dt_moveUp {
    to {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes dt_moveUp {
    to {
        transform: translateY(0);
        opacity: 1;
    }
}
/* Effect 3: Scale up */
.mobile-false .loading-effect-scale-up .wf-cell.start-animation,
.mobile-false .loading-effect-scale-up .wf-cell.shown:not(.isotope-hidden) {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-animation: dt_scaleUp 0.57s ease-in-out forwards;
    animation: dt_scaleUp 0.57s ease-in-out forwards;
}

@-webkit-keyframes dt_scaleUp {
    to {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@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.start-animation,
    .mobile-false .loading-effect-fall-perspective .wf-cell.shown:not(.isotope-hidden) {
        -webkit-transform-style: preserve-3d;
        -webkit-transform: translateZ(400px) translateY(300px) rotateX(-65deg);
        transform: translateZ(400px) translateY(300px) rotateX(-65deg);
        -webkit-animation: dt_fallPerspective 0.75s ease-in-out forwards;
        animation: dt_fallPerspective 0.75s ease-in-out forwards;
    }

@-webkit-keyframes dt_fallPerspective {
    100% {
        -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}

@keyframes dt_fallPerspective {
    100% {
        transform: translateZ(0px) translateY(0px) rotateX(0deg);
        opacity: 1;
    }
}
/* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.mobile-false .loading-effect-fly .wf-cell.start-animation,
.mobile-false .loading-effect-fly .wf-cell.shown:not(.isotope-hidden) {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
    -webkit-animation: dt_fly 0.7s ease-in-out forwards;
    animation: dt_fly 0.7s ease-in-out forwards;
}

.mobile-false .loading-effect-fly .wf-cell.animation-complete {
    opacity: 1;
}

@-webkit-keyframes dt_fly {
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes dt_fly {
    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.mobile-false .loading-effect-flip .wf-cell.start-animation,
.mobile-false .loading-effect-flip .wf-cell.shown:not(.isotope-hidden) {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg);
    -webkit-animation: dt_flip 0.7s ease-in-out forwards;
    animation: dt_flip 0.7s ease-in-out forwards;
}

@-webkit-keyframes dt_flip {
    100% {
        -webkit-transform: rotateX(0deg);
        opacity: 1;
    }
}

@keyframes dt_flip {
    100% {
        transform: rotateX(0deg);
        opacity: 1;
    }
}
/* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
.mobile-false .loading-effect-helix .wf-cell.start-animation,
.mobile-false .loading-effect-helix .wf-cell.shown:not(.isotope-hidden) {
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-animation: dt_helix 0.7s ease-in-out forwards;
    animation: dt_helix 0.7s ease-in-out forwards;
}

@-webkit-keyframes dt_helix {
    100% {
        -webkit-transform: rotateY(0deg);
        opacity: 1;
    }
}

@keyframes dt_helix {
    100% {
        transform: rotateY(0deg);
        opacity: 1;
    }
}
/* Effect 8: Scale */
.mobile-false .loading-effect-scale .wf-cell.start-animation,
.mobile-false .loading-effect-scale .wf-cell.shown:not(.isotope-hidden) {
    -webkit-transform-style: preserve-3d;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: dt_popUp 0.9s ease-in forwards;
    animation: dt_popUp 0.9s ease-in forwards;
}

@-webkit-keyframes dt_popUp {
    70% {
        -webkit-transform: scale(1.05);
        opacity: .8;
        -webkit-animation-timing-function: ease-in-out;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
}

@keyframes dt_popUp {
    70% {
        transform: scale(1.05);
        opacity: .8;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.dt-isotope.no-transition,
.dt-isotope.no-transition .wf-cell,
.dt-isotope .wf-cell.no-transition {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}
/* #JGrid
================================================== */
#main .jg-container .wf-cell {
    float: left;
    opacity: 0;
    padding: 0;
}

.is-webkit #main .jg-container .wf-cell {
    float: left;
}

#main .jg-container .wf-cell .post {
    margin: 0;
    padding: 0;
}

.layzr-loading-on .jgrid-lazy-load {
    opacity: 0;
    -webkit-transition: opacity 0.33s;
    transition: opacity 0.33s;
}

.layzr-loading-on .jgrid-layzr-loaded {
    opacity: 1;
}

.jg-container .post .alignleft,
.jg-container .post .alignnone {
    margin-bottom: 0;
}
/* #Material design
================================================== */
.ripplelink {
    position: relative;
    overflow: hidden;
}

.ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.38);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}

.rollover .ink {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.animate {
    -webkit-animation: ripple 0.4s ease-out;
    animation: ripple 0.4s ease-out;
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}
/* #Layzr loading
================================================== */
img.lazy-load {
    opacity: 0;
    -webkit-transition: opacity 0.33s;
    transition: opacity 0.33s;
}

.mobile-true img.lazy-load.vc_single_image-img {
    opacity: 1;
}

img.is-loaded {
    opacity: 1;
}
/* #Scroll to top button
================================================== */
.scroll-top {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 44px;
    height: 44px;
    opacity: 0;
    z-index: -1;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}

    .scroll-top.off {
        right: -45px;
        opacity: 0;
        filter: alpha(opacity=0);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /*z-index: -1;*/
    }

    .scroll-top.on {
        right: 10px;
        opacity: 1;
        z-index: 109;
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

.header-side-right .scroll-top.on {
    right: auto;
    left: 10px;
}

.scroll-top {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
}

    .scroll-top:hover {
        background-color: #000;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .scroll-top:before {
        display: block;
        width: 44px;
        height: 44px;
        content: "";
        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='44px' height='44px' viewBox='0 0 44 44' enable-background='new 0 0 44 44' xml:space='preserve'%3E%3Cpath fill='white' d='M29.121,19.55l-6.29-6.196c-0.025-0.025-0.053-0.049-0.082-0.071c-0.012-0.011-0.024-0.02-0.038-0.03c-0.016-0.011-0.031-0.024-0.048-0.034c-0.017-0.011-0.032-0.02-0.048-0.03c-0.015-0.009-0.029-0.018-0.044-0.025c-0.017-0.009-0.034-0.017-0.051-0.024c-0.016-0.008-0.031-0.015-0.047-0.022c-0.016-0.006-0.033-0.012-0.049-0.018c-0.018-0.005-0.035-0.014-0.053-0.019c-0.017-0.005-0.034-0.008-0.05-0.013c-0.018-0.005-0.036-0.009-0.054-0.013c-0.02-0.003-0.039-0.006-0.059-0.008c-0.016-0.003-0.032-0.005-0.049-0.007c-0.073-0.007-0.146-0.007-0.218,0c-0.017,0.002-0.033,0.005-0.05,0.008c-0.02,0.002-0.038,0.005-0.058,0.009c-0.019,0.003-0.037,0.009-0.055,0.013c-0.016,0.005-0.033,0.008-0.05,0.013c-0.017,0.005-0.035,0.012-0.052,0.018c-0.017,0.006-0.033,0.012-0.049,0.019c-0.017,0.006-0.032,0.014-0.048,0.021c-0.017,0.008-0.034,0.016-0.051,0.024c-0.015,0.008-0.029,0.018-0.044,0.026c-0.015,0.008-0.031,0.018-0.048,0.029c-0.016,0.01-0.031,0.022-0.047,0.034c-0.014,0.01-0.027,0.019-0.04,0.028c-0.042,0.035-0.08,0.073-0.117,0.113c-0.013,0.011-0.026,0.021-0.037,0.033l-6.313,6.219c-0.433,0.428-0.434,1.12-0.003,1.544c0.432,0.426,1.131,0.424,1.564-0.002l4.495-4.426l-0.023,14.11c-0.001,0.603,0.493,1.092,1.104,1.09s1.107-0.49,1.109-1.095l0.023-14.108l4.403,4.334c0.432,0.426,1.133,0.424,1.565-0.003S29.553,19.975,29.121,19.55'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
    }
/* #If not avatare image
================================================== */
.no-avatar {
    position: relative;
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a.no-avatar {
    -webkit-transition: all 450ms ease;
    transition: all 450ms ease;
}

.no-avatar:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
}

.comment .no-avatar,
.items-grid .no-avatar,
.recent-posts .no-avatar {
    width: 60px;
    height: 60px;
}
/* #Material design : click wave effect
================================================== */
.waves-effect .waves-ripple {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    opacity: 0;
    background: rgba(255, 255, 255, 0.38);
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0);
    transform: scale(0);
    pointer-events: none;
}

.ripple span {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* #Shortcode code
================================================== */
.shortcode-code {
    padding: 25px 20px 25px 20px;
}
/* #Edit link
================================================== */
.edit-link {
    padding: 5px 10px;
    background-color: #69c354;
    color: #fff !important;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

    .edit-link:hover {
        color: #fff;
        background-color: #4fa53b;
    }
/* #Details link
================================================== */
.details {
    position: relative;
    display: inline-block;
    padding-right: 17px;
    background-repeat: no-repeat;
    background-position: right center;
    text-decoration: none;
}

    .details:after {
        position: absolute;
        top: 0;
        right: 0;
        width: 11px;
        height: 100%;
        content: "";
        background-position: 0 center;
        background-repeat: no-repeat;
    }

.project-details: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='24px' height='24px' viewBox='0 0 24 24' enable-background='new 0 0 24 24' xml:space='preserve'%3E%3Cpath fill='white' d='M1.114,20.999c-0.092,0-0.187-0.011-0.281-0.037c-0.484-0.129-0.823-0.574-0.824-1.082c-0.001-0.213,0.585-6.442,3.585-9.192c2.471-2.516,5.098-3.415,9.469-3.611l-0.033-4.255c0-0.453,0.415-0.812,0.827-0.985c0.413-0.173,0.892-0.079,1.206,0.243l8.384,8.501c0.375,0.38,0.431,0.973,0.142,1.418c-0.05,0.065-0.099,0.128-0.152,0.179c-0.334,0.342-8.373,8.493-8.373,8.493c-0.316,0.32-0.793,0.416-1.206,0.24c-0.412-0.174-0.827-0.646-0.827-1.102l-0.002-4.268c-0.279-0.012-0.789-0.026-1.156,0.005c-2.515,0.212-7.601,0.984-9.796,4.887C1.874,20.787,1.506,20.999,1.114,20.999z M10.636,13.699c1.364-0.177,1.812-0.214,3.238-0.105c0.721,0.036,1.12,0.771,1.12,1.344l0.049,3.35l6.534-6.912l-6.472-6.717l-0.024,3.155c0,0.62-0.717,1.05-1.326,1.072C5.823,9.16,3.969,12.281,1.901,17.846C4.096,15.024,7.469,14.188,10.636,13.699z'/%3E%3C/svg%3E");
}
/* #Round images
================================================== */
.round-images .rollover i,
.round-images a.rollover,
.round-images img,
.round-images .blur-effect,
.round-images .alignleft,
.round-images .alignleft img,
.round-images .alignleft i {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/* #Custom select
================================================== */
#page .customSelect {
    padding: 6px 10px 5px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* #fixes for plugins
================================================== */
/*unknown #1*/
.stripe .gw-go * {
    color: inherit;
}

#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;
    }
/*Ultimate Addons*/
.stripe .aio-icon i,
.stripe .ubtn *,
.stripe .vc_color-alert-success.vc_message_box-solid *,
.stripe .info-c-full-wrap,
.stripe .info-c-full-wrap *,
.stripe .icon_description *,
.stripe .info-circle-icons *,
.stripe .icon_list_icon *,
.stripe .vc_btn3 *,
.stripe [class^="ultsl-"],
.stripe [class*=" ultsl-"] {
    color: inherit;
}

img.info-circle-img-icon {
    max-width: 100%;
}

.smile_icon_list.left li .icon_list_connector {
    border-width: 0;
}
/* !-Essential Grid*/
.esgbox-overlay.esgbox-overlay-fixed {
    z-index: 10000;
}

.esg-grid a {
    text-decoration: none;
}
/*unknown #2*/
#main .wpb_wrapper.ui-widget-content,
#main .ui-widget-content,
#main .ui-widget {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    line-height: inherit;
}
/*unknown #3*/
#main .wpb_alert {
    text-shadow: none;
}

    #main .wpb_alert strong {
        font-style: normal;
    }

.wpb_alert,
.wpb_alert *,
.stripe .wpb_alert * {
    color: #c09853;
}

.wpb_alert-success,
.wpb_alert-success *,
.stripe .wpb_alert-success * {
    color: #468847;
}

.wpb_alert-danger,
.wpb_alert-error,
.wpb_alert-danger *,
.wpb_alert-error *,
.stripe .wpb_alert-danger *,
.stripe .wpb_alert-error * {
    color: #b94a48;
}

.wpb_alert-info,
.wpb_alert-info *,
.stripe .wpb_alert-info * {
    color: #3a87ad;
}
/*unknown #4*/
.offer-tag {
    display: none;
}
/*VC separator*/
#main .vc_text_separator div {
    top: -10px;
}
/* vc single image shortcode*/
.wpb_single_image .vc_single_image-wrapper {
    /*display: block;*/
    line-height: 0;
}

.wpb_single_image .rollover .blur-effect {
    display: none;
}

.wpb_single_image .vc_figure {
    max-width: 100%;
}
/*hover size for */
.rollover.vc_box_outline i,
.rollover.vc_box_outline .blur-effect,
.rollover.vc_box_border i,
.rollover.vc_box_border .blur-effect {
    top: 6px;
    left: 6px;
    width: calc(100% - 12px) !important;
    height: calc(100% - 12px) !important;
}

.vc_box_circle img,
.vc_box_circle i,
.vc_box_circle .blur-effect,
.vc_box_outline_circle i,
.vc_box_outline_circle .blur-effect,
.vc_box_border_circle .blur-effect,
.vc_box_border_circle i,
.vc_box_shadow_circle i,
.vc_box_shadow_circle .blur-effect,
.vc_box_shadow_border_circle i,
.vc_box_shadow_border_circle .blur-effect,
.vc_box_shadow_circle i,
.vc_box_shadow_circle .blur-effect,
.vc_box_shadow_border_circle i,
.vc_box_shadow_border_circle .blur-effect {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.mobile-false .scale-on-hover .vc_box_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_outline_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_border_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_shadow_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_shadow_border_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_shadow_circle a.rollover:hover > img,
.mobile-false .scale-on-hover .vc_box_shadow_border_circle a.rollover:hover > img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

div .vc_box_rounded > img {
    border-radius: inherit;
}
/*VC toggle*/
.vc_toggle.dt-style {
    margin-bottom: 10px;
}
/*VC Icon shortcode */
.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon,
.vc_message_box-icon > .fa {
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.vc_toggle_title > h4 {
    display: inline-block;
    margin-bottom: 0;
}
/*unknown #5*/
.boxed-layout #tiptip_holder {
    top: -20px !important;
}
/*unknown #6*/
#main .chzn-container-single .chzn-single {
    background-image: none;
}

.nsu_widget label {
    margin-right: 10px;
}

form.mc4wp-form label {
    font-weight: normal;
}
/*Twitter*/
#main #content .rotatingtweet {
    padding: 25px 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#content .rotatingtweets {
    max-width: 100%;
}
/*VC map*/
#main .wpb_gmaps_widget .wpb_map_wraper {
    background: none;
    padding: 0;
    background-color: transparent;
}

.wpb_gmaps_widget .wpb_map_wraper {
    padding: 0;
}
/*unknown #6*/
.interval {
    padding-bottom: 10px;
}
/*Search page*/
.search-no-results .submit:hover {
    cursor: default;
}
/*!-VC last-child*/
ul.wpb_thumbnails-fluid > li,
.last_toggle_el_margin,
.wpb_button {
    margin-bottom: 0 !important;
}

.useJS .container-1,
.useJS .container-2,
.useJS .container-3,
.useJS .container .photo.show,
.useJS .container .l3 {
    -webkit-transform: none;
    transform: none;
}

.lightbox.useJS .close,
div.lightbox.useJS .img-caption {
    -webkit-transition: none;
    transition: none;
}

.jp-carousel-comment-form-button,
.wpb-js-composer div.pp_default .pp_expand,
.wpb-js-composer div.pp_default .pp_contract {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.content .searchform input {
    width: 100%;
}
/*Circle content*/
.dt-circle-content {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
/* #Beautiful loading
================================================== */
@-webkit-keyframes opacity-lat-rev {
    0% {
        opacity: 1;
        visibility: visible;
    }

    30% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes opacity-lat-rev {
    0% {
        opacity: 1;
        visibility: visible;
    }

    30% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 0;
        visibility: hidden;
    }
}

.loading-ready #load {
    -webkit-animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
    animation: opacity-lat-rev 0.8s ease 0ms 1 normal both;
}