@charset 'UTF-8';

/*-----------------------------------------------------------

    1.  Variables
    2.  Mixins
      - Mixins Master
      - Utilities
    3.  Normalize
    4.  Helpers
    5. Typography
      - Copy
	  - Headings
	6. Core
    7. Navigation
      - Links
      - Menus
	  - Next & Previous
    8. Content
      - pages
      - Comments
      - Archives
      - Footer
    9.Forms
      - Button
      - Fields
    10.Blocks
    11.Media
      - captions
    12.Version Light

-------------------------------------------------------------*/
:root,
:root .v-light
{
    --border-color: #bebebe;

    --bg-color: #f9f9f9;
    --assistant-color: #e6e6e6;
    --theme-color: #000;
    --font-color: #0009;
    --heading-color: #000;
    --smooth-color: #141414;
    --reverse-color: #141414;
    --reverse-heading-color: #fff;
}

:root .v-dark,
:root .v-dark-head
{
    --border-color: rgba(255, 255, 255, .07);

    --bg-color: #000;
    --assistant-color: #101010;
    --theme-color: #14bfb5;
    --font-color: #bbb;
    --heading-color: #fff;
    --smooth-color: #f9f9f9;
    --reverse-color: #f9f9f9;
    --reverse-heading-color: #000;
}

@media only screen and (max-width: 991px)
{
    .v-dark-head-mobile
    {
        color: var(--font-color);
        --border-color: rgba(255, 255, 255, .07);

        --bg-color: #000;
        --assistant-color: #101010;
        --theme-color: #14bfb5;
        --font-color: #bbb;
        --heading-color: #fff;
        --smooth-color: #f9f9f9;
        --reverse-color: #f9f9f9;
        --reverse-heading-color: #000;
    }
}
:root
{
    --body-font: 'Roboto', sans-serif;
    --heading-font: 'Poppins', sans-serif;
    --font-code: Menlo, monaco, Consolas, Lucida Console, monospace;
    --font-pre: 'Courier 10 Pitch', Courier, monospace;
    --font-size-base: 16px;
    --font-size-h1: 40px;
    --font-size-h2: 35px;
    --font-size-h3: 30px;
    --font-size-h4: 25px;
    --font-size-h5: 22px;
    --font-size-h6: 16px;
    --menu-size: 12px;
    --line-height-base: 1.4;
    --line-height-content: 1.6;
    --font-weight-heading: 600;
    --margin-padding: 120px;
    --margin-padding-mobile: 80px;
    --body-style-space: 100px;
    --smooth-width: 4px;
}

/* -------------------------------------------------------
                   Core
-------------------------------------------------------- */
html
{
    font-size: var(--font-size-base);
}

body
{
    font-family: var(--body-font);
    font-weight: 400;
    line-height: var(--line-height-base);

    margin: 0;

    -webkit-transition: 100ms;
         -o-transition: 100ms;
            transition: 100ms;
    -webkit-transition-property: background-color, color;
         -o-transition-property: background-color, color;
            transition-property: background-color, color;

    text-rendering: optimizeLegibility;
}

p{
    font-size: 17px;
    line-height: 1.8;
}

body,
.main-root
{
    color: var(--font-color);
    background-color: var(--bg-color);
}

.main-root
{
    position: relative;
}

.line
{
    position: absolute;

    background-color: var(--border-color);
}
.line.line-top,
.line.line-bottom
{
    right: -15px;
    left: -15px;

    height: 1px;
}
.line.line-top.line-top,
.line.line-bottom.line-top
{
    top: 0;
}
.line.line-top.line-bottom,
.line.line-bottom.line-bottom
{
    bottom: 0;
}
.line.line-left,
.line.line-right
{
    top: -15px;
    bottom: -15px;

    width: 1px;
}
.line.line-left.line-left,
.line.line-right.line-left
{
    left: 0;
}
.line.line-left.line-right,
.line.line-right.line-right
{
    right: 0;
}

.line-under,
.line-under-left
{
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.line-under:after,
.line-under:before,
.line-under-left:after,
.line-under-left:before
{
    bottom: 0;

    width: 150px;
    height: 1.5px;

    background-color: var(--theme-color);
}

.line-under
{
    padding-right: 15px;
}
.line-under:after
{
    right: 0;
}

.line-under-left
{
    padding-left: 15px;
}
.line-under-left:before
{
    left: 0;
}

.line-bg-left,
.line-bg-right
{
    position: relative;
    z-index: 1;
}
.line-bg-left:before,
.line-bg-left:after,
.line-bg-right:before,
.line-bg-right:after
{
    z-index: -1;
    top: 0;

    width: 100px;
    height: 100%;

    -webkit-transform: skew(-10deg);
        -ms-transform: skew(-10deg);
            transform: skew(-10deg);

    background-color: var(--assistant-color);
}
.background-section .line-bg-left:before,
.background-section .line-bg-left:after,
.background-section .line-bg-right:before,
.background-section .line-bg-right:after
{
    background-color: var(--bg-color);
}
.line-bg-left.sub-heading:before,
.line-bg-right.sub-heading:before
{
    width: 60px;
}

.line-bg-left
{
    padding-left: 20px;
}
.line-bg-left:before
{
    left: 0;

    -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
            transform-origin: bottom left;
}

.line-bg-right
{
    padding-right: 15px;
}
.line-bg-right:after
{
    right: 0;

    -webkit-transform-origin: bottom right;
        -ms-transform-origin: bottom right;
            transform-origin: bottom right;
}

.line-under:after,
.line-bg-left:before,
.line-bg-right:after,
.line-under-left:before
{
    position: absolute;

    content: '';
}

.bg-circle-dotted
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 15vw;

    opacity: .4;
    background-image: url(../img/circle-dotted.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.v-light .bg-circle-dotted
{
    opacity: .04;
}
.bg-circle-dotted.bg-circle-dotted-right
{
    top: auto;
    right: 0;
    bottom: 0;
    left: auto;

    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.line-shap:before,
.line-shap:after
{
    position: relative;

    display: inline-block;

    width: 4vw;
    height: 1px;

    vertical-align: middle;

    background: var(--border-color);
}
@media only screen and (max-width: 400px)
{
    .line-shap:before,
    .line-shap:after
    {
        display: none;
    }
}
.line-shap:not(.line-shap-before):after
{
    margin-left: 15px;

    content: '';
}
.line-shap:not(.line-shap-after):before
{
    margin-right: 15px;

    content: '';
}

.corner
{
    position: absolute;
    z-index: 1;

    width: 15px;
    height: 1px;

    background-color: var(--reverse-color);
}
.corner:after
{
    position: absolute;

    width: 1px;
    height: 15px;

    content: '';

    background-color: var(--reverse-color);
}
.corner.corner-left-top,
.corner.corner-left-top:after,
.corner.corner-left-bottom,
.corner.corner-left-bottom:after
{
    left: 0;
}
.corner.corner-left-top,
.corner.corner-left-top:after,
.corner.corner-right-top,
.corner.corner-right-top:after
{
    top: 0;
}
.corner.corner-left-bottom,
.corner.corner-left-bottom:after,
.corner.corner-right-bottom,
.corner.corner-right-bottom:after
{
    bottom: 0;
}
.corner.corner-right-top,
.corner.corner-right-top:after,
.corner.corner-right-bottom,
.corner.corner-right-bottom:after
{
    right: 0;
}

/**
    Body Style Line
 */
.main-content
{
    position: relative;

    width: 100%;
}
@media only screen and (min-width: 992px)
{
    body.dsn-line-style .main-content
    {
        padding-right: var(--body-style-space);
        padding-left: var(--body-style-space);
    }
}

@media only screen and (min-width: 992px)
{
    body.dsn-line-style .full-width .dsn-container
    {
        padding-right: calc(var(--body-style-space) + 50px);
        padding-left: calc(var(--body-style-space) + 50px);
    }
}

@media only screen and (min-width: 992px)
{
    body.dsn-line-style .line-border-style
    {
        position: fixed;
        top: 0;
        left: 0;

        pointer-events: none;
    }
    body.dsn-line-style .line-border-style:after,
    body.dsn-line-style .line-border-style:before
    {
        position: absolute;
        z-index: 100;
        top: 0;

        width: 1px;
        height: 100%;

        content: '';

        background-color: var(--border-color);
    }
    body.dsn-line-style .line-border-style:before
    {
        left: var(--body-style-space);
    }
    body.dsn-line-style .line-border-style:after
    {
        right: var(--body-style-space);
    }
}

/**
   End Body Style Line
 */
.wrapper
{
    position: relative;
}

.content-inner
{
    position: relative;
}

.cursor
{
    position: fixed;
    z-index: 999999;
    top: 50%;
    left: 50%;

    width: 76px;
    height: 76px;

    -webkit-transition: -webkit-transform .35s;
         -o-transition:         transform .35s;
            transition: -webkit-transform .35s;
            transition:         transform .35s;
            transition:         transform .35s, -webkit-transform .35s;
    -webkit-transform: scale(.35) translate(-50%, -50%);
        -ms-transform: scale(.35) translate(-50%, -50%);
            transform: scale(.35) translate(-50%, -50%);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    pointer-events: none;

    border-radius: 50%;
    background-color: #fff;

    mix-blend-mode: exclusion;
}
.cursor.cursor-scale-full,
.mfp-zoom-out-cur .cursor
{
    -webkit-transform: scale(1.2) translate(-50%, -50%);
        -ms-transform: scale(1.2) translate(-50%, -50%);
            transform: scale(1.2) translate(-50%, -50%);
}
.cursor.cursor-scale-full span,
.mfp-zoom-out-cur .cursor span
{
    color: #000;
}
.cursor.cursor-scale-half
{
    -webkit-transform: scale(.85) translate(-50%, -50%);
        -ms-transform: scale(.85) translate(-50%, -50%);
            transform: scale(.85) translate(-50%, -50%);

    background-color: var(--bg-color);

    mix-blend-mode: unset;
}
.cursor.cursor-scale-half span
{
    color: var(--heading-color);
}
.cursor.cursor-drag .cursor-next,
.cursor.cursor-drag .cursor-prev
{
    position: absolute;
    top: 0;
    right: -25px;
}
.cursor.cursor-drag .cursor-prev
{
    right: auto;
    left: -25px;
}
.cursor.cursor-drag.no-drag
{
    color: #fff;

    mix-blend-mode: exclusion;
}
.cursor.cursor-drag.no-drag .cursor-next,
.cursor.cursor-drag.no-drag .cursor-prev,
.cursor.cursor-drag.no-drag .cursor-drag
{
    display: none;
}
.cursor.cursor-drag.cursor-up-down .cursor-next,
.cursor.cursor-drag.cursor-up-down .cursor-prev
{
    position: absolute;
    top: -50px;
    right: auto;
    left: 33px;

    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.cursor.cursor-drag.cursor-up-down .cursor-prev
{
    top: auto;
    bottom: -50px;
}
.cursor.cursor-drag.no-drag
{
    background-color: #fff;

    mix-blend-mode: exclusion;
}
.cursor.cursor-drag.no-drag .cursor-next,
.cursor.cursor-drag.no-drag .cursor-prev,
.cursor.cursor-drag.no-drag .cursor-drag
{
    display: none;
}
@media only screen and (max-width: 991px)
{
    .cursor
    {
        display: none;
    }
}
.cursor .cursor-helper
{
    position: absolute;

    width: 100%;

    text-align: center;

    border-radius: 50%;
}
.cursor .cursor-helper span
{
    font-size: 12px;
    font-weight: bold;
    line-height: 76px;

    display: none;

    text-shadow: 20px 20px 20px #000;
}
.cursor.cursor-view span.cursor-view
{
    display: block;

    mix-blend-mode: unset;
}
.cursor.cursor-close span.cursor-close
{
    display: block;

    mix-blend-mode: unset;
}
.cursor.cursor-play span.cursor-play
{
    display: block;

    mix-blend-mode: unset;
}
.cursor.cursor-open span.cursor-open
{
    display: block;

    mix-blend-mode: unset;
}
.cursor.cursor-prev span.cursor-prev
{
    display: block;

    mix-blend-mode: unset;
}
.cursor.cursor-next span.cursor-next
{
    display: block;

    mix-blend-mode: unset;
}
.cursor.cursor-drag span.cursor-drag
{
    display: block;

    mix-blend-mode: unset;
}
.dsn-ajax-effect:not(.dsn-cursor-effect) .cursor
{
    top: auto;
    right: 10px;
    bottom: 10px;
    left: auto;

    -webkit-transform: scale(.3) translate(-50%, -50%);
        -ms-transform: scale(.3) translate(-50%, -50%);
            transform: scale(.3) translate(-50%, -50%);

    mix-blend-mode: unset;
}
.dsn-ajax-effect .cursor
{
    display: inherit !important;

    -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
            transform: scale(.3);

    mix-blend-mode: unset;
}
.dsn-ajax-effect .cursor:after
{
    position: absolute;
    top: -15px;
    left: -9px;

    width: 100px;
    height: 109px;

    content: '';
    -webkit-animation-name: animate-load;
            animation-name: animate-load;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;

    border-top: 5px solid #fff;
    border-radius: 50%;
}
.cursor.no-scale
{
    -webkit-transform: scale(0) translate(-50%, -50%);
        -ms-transform: scale(0) translate(-50%, -50%);
            transform: scale(0) translate(-50%, -50%);
}

@-webkit-keyframes animate-load
{
    from
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@keyframes animate-load
{
    from
    {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to
    {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
.half-bg-top
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}

.dsn-paginate-right-page
{
    position: fixed;
    z-index: 100;
    right: 20px;

    pointer-events: none;

    mix-blend-mode: exclusion;
}
@media only screen and (min-width: 992px)
{
    body.dsn-line-style .dsn-paginate-right-page
    {
        right: calc(var(--body-style-space) / 2);
    }
}
.dsn-paginate-right-page,
.dsn-paginate-right-page .dsn-link-paginate:before
{
    top: 50%;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.dsn-paginate-right-page .dsn-link-paginate
{
    font-size: 13px;

    position: relative;

    padding: 4px 25px;

    cursor: pointer;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    letter-spacing: 2px;
    pointer-events: auto;

    color: #000;
}
.dsn-paginate-right-page .dsn-link-paginate:not(:last-child)
{
    margin-bottom: 10px;
}
.dsn-paginate-right-page .dsn-link-paginate:before
{
    position: absolute;
    z-index: -1;
    left: -.5px;

    width: 1.5px;
    height: 100%;

    content: '';

    background-color: #fff;
}
.dsn-paginate-right-page .dsn-link-paginate,
.dsn-paginate-right-page .dsn-link-paginate:before
{
    -webkit-transition: .5s;
         -o-transition: .5s;
            transition: .5s;
}
.dsn-paginate-right-page .dsn-link-paginate:hover
{
    -webkit-transform: translateX(25px);
        -ms-transform: translateX(25px);
            transform: translateX(25px);
}
.dsn-paginate-right-page .dsn-link-paginate:hover:before
{
    width: 100%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
.form-control::-webkit-input-placeholder,
.form-box input::-webkit-input-placeholder,
.form-box textarea::-webkit-input-placeholder
{
    color: var(--heading-color);
}

textarea{
    min-height:200px;
}

input::-moz-placeholder,
textarea::-moz-placeholder,
.form-control::-moz-placeholder,
.form-box input::-moz-placeholder,
.form-box textarea::-moz-placeholder
{
    color: var(--heading-color);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.form-control:-ms-input-placeholder,
.form-box input:-ms-input-placeholder,
.form-box textarea:-ms-input-placeholder
{
    color: var(--heading-color);
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
.form-control::-ms-input-placeholder,
.form-box input::-ms-input-placeholder,
.form-box textarea::-ms-input-placeholder
{
    color: var(--heading-color);
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.form-box input::placeholder,
.form-box textarea::placeholder
{
    color: var(--heading-color);
}

input[type=search]::-webkit-search-decoration
{
    display: none;
}

.dsn-button
{
    font-size: 13px;
    line-height: 16px;

    position: relative;

    padding: 20px 30px;

    letter-spacing: 3px;
    text-transform: uppercase;

    color: var(--heading-color);
}
.dsn-button:hover .text-button
{
    -webkit-animation: storm .7s ease-in-out both;
            animation: storm .7s ease-in-out both;
    -webkit-animation-delay: .06s;
            animation-delay: .06s;
}
.dsn-button .text-button
{
    pointer-events: none;
}
.dsn-button:hover .dsn-border-rdu,
.dsn-button:hover .dsn-border
{
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 94% 100%, 0 0, 5% 0, 100% 100%, 100% 100%, 100% 0%);
            clip-path: polygon(0% 0%, 0% 100%, 94% 100%, 0 0, 5% 0, 100% 100%, 100% 100%, 100% 0%);
}
.dsn-button.has-border,
.dsn-button.has-border .dsn-border
{
    border-radius: 60px;
}

.dsn-border-rdu
{
    border-radius: 60px;
}

.dsn-border-rdu,
.dsn-border
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: -webkit-clip-path .5s;
         -o-transition:         clip-path .5s;
            transition: -webkit-clip-path .5s;
            transition:         clip-path .5s;
            transition:         clip-path .5s, -webkit-clip-path .5s;

    border-width: 2px;
    border-style: solid;

    -webkit-clip-path: polygon(0% 0%, 0% 100%, 44% 100%, 35% 0, 47% 0, 60% 100%, 100% 100%, 100% 0%);
            clip-path: polygon(0% 0%, 0% 100%, 44% 100%, 35% 0, 47% 0, 60% 100%, 100% 100%, 100% 0%);
}
.dsn-border-rdu:after,
.dsn-border-rdu:before,
.dsn-border:after,
.dsn-border:before
{
    position: absolute;
    right: -30px;
    bottom: -30px;

    width: 50px;
    height: 50px;

    -webkit-transition: .3s;
         -o-transition: .3s;
            transition: .3s;

    border-radius: 50%;
    background-color: var(--theme-color);
}
.dsn-border-rdu:after,
.dsn-border:after
{
    -webkit-transform: translate(-3px, 3px);
        -ms-transform: translate(-3px, 3px);
            transform: translate(-3px, 3px);

    opacity: .5;
}

.border-color-default
{
    border-color: var(--border-color);
}

.border-color-theme-color
{
    border-color: var(--theme-color);
}

.border-color-reverse-color
{
    border-color: var(--reverse-color);
}

.border-color-reverse-colorwhite
{
    border-color: var(--reverse-heading-color);
}

.border-color-main
{
    border-color: var(--bg-color);
}

.border-color-assistant
{
    border-color: var(--assistant-color);
}

.border-color-gradient
{
    border-image-source: linear-gradient(to left, var(--theme-color), var(--border-color));
    border-image-slice: 1;
}

.play-btn
{
    width: 180px;
    height: 180px;

    -webkit-transition: all .3s cubic-bezier(.55, .02, .1, .9);
         -o-transition: all .3s cubic-bezier(.55, .02, .1, .9);
            transition: all .3s cubic-bezier(.55, .02, .1, .9);

    border-radius: 50%;
    background-color: rgba(33, 33, 33, .7);
}
.play-btn.no-height
{
    width: auto;
    height: auto;

    background-color: transparent;
}
.play-btn .text
{
    font-size: 11px;
    font-weight: bold;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: var(--heading-color);
}
.play-btn .play-icon
{
    position: relative;

    width: 50px;
    height: 50px;
    margin: 0 10px;

    border-radius: 50%;
    background-color: var(--heading-color);
}
.play-btn .play-icon::before
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    -webkit-transition: all .3s cubic-bezier(.55, .02, .1, .9);
         -o-transition: all .3s cubic-bezier(.55, .02, .1, .9);
            transition: all .3s cubic-bezier(.55, .02, .1, .9);

    border-radius: 50%;
    background-color: rgba(var(--heading-color), .8);
}
.play-btn .play-icon i
{
    font-size: 16px;

    color: var(--bg-color);
}
.play-btn:hover .play-icon::before
{
    -webkit-transform: scale(1.15);
        -ms-transform: scale(1.15);
            transform: scale(1.15);
}

.link-vist
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
}
@media only screen and (max-width: 767px)
{
    .link-vist
    {
        margin-top: 20px;
    }
}
.link-vist .link-vist-text
{
    font-family: var(--heading-font);
    font-size: 12px;

    position: relative;

    padding-bottom: 3px;

    letter-spacing: 2px;
    text-transform: uppercase;

    color: var(--heading-color);
}
.link-vist .link-vist-text:before
{
    position: absolute;
    bottom: 1px;
    left: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;

    background: var(--heading-color);
}
.link-vist .link-vist-arrow
{
    margin-left: 10px;
}
.link-vist .link-vist-arrow svg
{
    width: 20px;
    height: 20px;

    -webkit-transition: all .6s cubic-bezier(.5, .2, .1, 1.14);
         -o-transition: all .6s cubic-bezier(.5, .2, .1, 1.14);
            transition: all .6s cubic-bezier(.5, .2, .1, 1.14);
}
.link-vist .link-vist-arrow svg *
{
    fill: none;
    stroke: var(--heading-color);
    stroke-width: 2px;
}
.link-vist:hover .link-vist-text:before
{
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: right;
        -ms-transform-origin: right;
            transform-origin: right;
}
.link-vist:hover .link-vist-arrow svg
{
    -webkit-transform: translate(10px, -10px);
        -ms-transform: translate(10px, -10px);
            transform: translate(10px, -10px);

    opacity: 0;
}

.visit-site
{
    position: relative;

    color: var(--heading-color);
}
.visit-site:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 10px;
    height: 10px;
    margin-right: 25px;

    content: '';
    -webkit-transition: .5s right, .5s width, .5s -webkit-transform;
         -o-transition: .5s transform, .5s right, .5s width;
            transition: .5s right, .5s width, .5s -webkit-transform;
            transition: .5s transform, .5s right, .5s width;
            transition: .5s transform, .5s right, .5s width, .5s -webkit-transform;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-radius: 50%;
    background: var(--heading-color);
}
.visit-site:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    width: 30px;
    height: 30px;

    content: '';
    -webkit-transition: .5s width, .5s -webkit-transform;
         -o-transition: .5s transform, .5s width;
            transition: .5s width, .5s -webkit-transform;
            transition: .5s transform, .5s width;
            transition: .5s transform, .5s width, .5s -webkit-transform;

    background-color: var(--border-color);
}
.visit-site .text
{
    font-size: 16px;
    font-weight: 400;

    position: relative;

    padding: 0 20px 0 30px;

    letter-spacing: 2px;
}
.visit-site .text:before
{
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 0;
    left: 0;

    height: 1px;

    content: '';
    -webkit-transition: .7s -webkit-transform;
         -o-transition: .7s transform;
            transition: .7s -webkit-transform;
            transition: .7s transform;
            transition: .7s transform, .7s -webkit-transform;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background: var(--border-color);
}
.visit-site:hover::before
{
    -webkit-transform: translateY(-50%) scale(0);
        -ms-transform: translateY(-50%) scale(0);
            transform: translateY(-50%) scale(0);
}
.visit-site:hover:after
{
    width: 100%;

    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.visit-site:hover h6:before
{
    -webkit-transform: translateY(-50%) scaleX(0);
        -ms-transform: translateY(-50%) scaleX(0);
            transform: translateY(-50%) scaleX(0);
}
.visit-site .icon
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
}
.visit-site .icon svg
{
    width: 30px;
    height: 30px;

    -webkit-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
            transform: rotate(270deg);
}
.visit-site .icon svg .path
{
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 1.8px;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a
{
    outline: 0;
    outline-style: none;
}
a:hover,
a:active
{
    text-decoration: none;

    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.font-heading
{
    font-family: var(--heading-font);
}

.text-transform-upper
{
    text-transform: uppercase;
}

.site-header
{
    position: fixed;
    z-index: 10;
    top: 0;

    width: 100%;
    padding-top: 22px;
    padding-bottom: 22px;

    -webkit-transition-duration: .5s;
         -o-transition-duration: .5s;
            transition-duration: .5s;
    -webkit-transition-property: background-color, padding-top, padding-bottom, -webkit-transform;
         -o-transition-property: background-color, padding-top, padding-bottom, transform;
            transition-property: background-color, padding-top, padding-bottom, -webkit-transform;
            transition-property: background-color, padding-top, padding-bottom, transform;
            transition-property: background-color, padding-top, padding-bottom, transform, -webkit-transform;
    pointer-events: none;
}
body:not(.v-dark):not(.dsn-line-style) .site-header
{
    padding-top: 15px;
    padding-bottom: 15px;
}
@media only screen and (min-width: 992px)
{
    body.dsn-line-style .site-header
    {
        padding-right: 0;
        padding-left: 0;
    }
    body.dsn-line-style .site-header .inner-header
    {
        width: var(--body-style-space);
        padding: 0 10px;

        text-align: center;
    }
    body.dsn-line-style .site-header .inner-header .main-logo
    {
        width: calc(var(--body-style-space) - 20px);
    }
    body.dsn-line-style .site-header .menu-icon
    {
        position: fixed;
        top: 50%;

        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;

        width: var(--body-style-space);
        padding: 0;

        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
    }
    body.dsn-line-style .site-header .menu-icon .text-menu
    {
        display: none;
    }
}
.site-header a
{
    color: inherit;
}
.site-header .main-logo
{
    color: var(--heading-color);
}
.site-header .main-logo .light-logo
{
    display: inherit;
}
.site-header .main-logo .dark-logo
{
    display: none;
}
body:not(.v-dark) .site-header .main-logo .light-logo
{
    display: none;
}
body:not(.v-dark) .site-header .main-logo .dark-logo
{
    display: inherit;
}
.admin-bar .site-header
{
    top: 46px;
}
@media screen and (min-width: 783px)
{
    .admin-bar .site-header
    {
        top: 32px;
    }
}
.site-header .menu-cover-title
{
    font-size: 20vw;
    font-weight: 600;
    line-height: 1.15;

    position: absolute;
    top: 50%;
    left: -12px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    opacity: .05;
}
@media only screen and (max-width: 991px)
{
    .site-header .menu-cover-title
    {
        left: 50%;

        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
}
.site-header .inner-header .main-logo
{
    width: 160px;

    pointer-events: all;
}
.site-header .inner-header .main-logo img
{
    height: auto;
}
.site-header .main-navigation
{
    pointer-events: all;
}
.site-header .menu-icon
{
    position: relative;
    top: -10px;

    cursor: pointer;
    pointer-events: all;
}
.site-header .menu-icon .icon-m .menu-icon-line
{
    width: 23px;
    height: 2px;

    -webkit-transition: -webkit-transform .2s ease-Out;
         -o-transition:         transform .2s ease-Out;
            transition: -webkit-transform .2s ease-Out;
            transition:         transform .2s ease-Out;
            transition:         transform .2s ease-Out, -webkit-transform .2s ease-Out;

    background-color: var(--theme-color);
}
.site-header .menu-icon .icon-m .menu-icon-line.icon-top
{
    width: 5px;
}
.site-header .menu-icon .icon-m .menu-icon-line.icon-center
{
    width: 14px;
}
.site-header .menu-icon .icon-m .menu-icon-line.icon-bottom
{
    margin-top: 5px;
}
.site-header .menu-icon .icon-m .icon-circle
{
    position: absolute;
    top: -5px;
    left: -8px;

    display: none;

    width: 46px;
    height: 46px;

    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
}
.site-header .menu-icon .icon-m:hover .icon-circle
{
    display: inherit;
}
.site-header .menu-icon .text-menu
{
    font-size: 13px;
    font-weight: 600;

    top: -2px;

    width: 45px;

    opacity: .9;
    color: var(--heading-color);
}
.site-header .menu-icon .text-menu > div
{
    top: 0;
    left: 0;
}
.site-header .menu-icon .text-menu .text-button .dsn-word-wrapper
{
    overflow: hidden;

    will-change: transform;
}
.site-header .menu-icon .text-menu .text-button .dsn-chars-wrapper
{
    visibility: hidden;

    -webkit-transition: opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s, -webkit-transform .4s cubic-bezier(.3, 0, .7, 1);
         -o-transition: transform .4s cubic-bezier(.3, 0, .7, 1), opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s;
            transition: opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s, -webkit-transform .4s cubic-bezier(.3, 0, .7, 1);
            transition: transform .4s cubic-bezier(.3, 0, .7, 1), opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s;
            transition: transform .4s cubic-bezier(.3, 0, .7, 1), opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s, -webkit-transform .4s cubic-bezier(.3, 0, .7, 1);
    -webkit-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
         -o-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
            transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
    -webkit-transform: translateY(50%) rotate(15deg) scale(.8);
        -ms-transform: translateY(50%) rotate(15deg) scale(.8);
            transform: translateY(50%) rotate(15deg) scale(.8);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;

    opacity: 0;

    will-change: transform;
}
.site-header .menu-icon .text-menu .text-button .dsn-chars-wrapper
{
    visibility: visible;

    -webkit-transform: translateY(0) rotate(0deg) scale(1);
        -ms-transform: translateY(0) rotate(0deg) scale(1);
            transform: translateY(0) rotate(0deg) scale(1);

    opacity: 1;
}
.site-header .menu-icon .text-menu .text-open .dsn-word-wrapper,
.site-header .menu-icon .text-menu .text-close .dsn-word-wrapper
{
    overflow: hidden;

    will-change: transform;
}
.site-header .menu-icon .text-menu .text-open .dsn-chars-wrapper,
.site-header .menu-icon .text-menu .text-close .dsn-chars-wrapper
{
    visibility: hidden;

    -webkit-transition: opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s, -webkit-transform .4s cubic-bezier(.3, 0, .7, 1);
         -o-transition: transform .4s cubic-bezier(.3, 0, .7, 1), opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s;
            transition: opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s, -webkit-transform .4s cubic-bezier(.3, 0, .7, 1);
            transition: transform .4s cubic-bezier(.3, 0, .7, 1), opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s;
            transition: transform .4s cubic-bezier(.3, 0, .7, 1), opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s, -webkit-transform .4s cubic-bezier(.3, 0, .7, 1);
    -webkit-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
         -o-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
            transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
    -webkit-transform: translateY(50%) rotate(15deg) scale(.8);
        -ms-transform: translateY(50%) rotate(15deg) scale(.8);
            transform: translateY(50%) rotate(15deg) scale(.8);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;

    opacity: 0;

    will-change: transform;
}
.site-header .menu-icon.nav-active .text-menu
{
    width: 50px;
}
.site-header .menu-icon:hover .icon-m .icon-top,
.site-header .menu-icon:hover .icon-m .icon-center
{
    -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
            transform: translateY(6px);
}
.site-header .menu-icon:hover .icon-m .icon-bottom
{
    -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
            transform: translateY(-5px);
}
.site-header .menu-icon:hover .text-menu .text-button .dsn-word-wrapper
{
    overflow: hidden;

    will-change: transform;
}
.site-header .menu-icon:hover .text-menu .text-button .dsn-chars-wrapper
{
    visibility: hidden;

    -webkit-transition: opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s, -webkit-transform .4s cubic-bezier(.3, 0, .7, 1);
         -o-transition: transform .4s cubic-bezier(.3, 0, .7, 1), opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s;
            transition: opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s, -webkit-transform .4s cubic-bezier(.3, 0, .7, 1);
            transition: transform .4s cubic-bezier(.3, 0, .7, 1), opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s;
            transition: transform .4s cubic-bezier(.3, 0, .7, 1), opacity .3s cubic-bezier(.3, 0, .7, 1), visibility .3s, -webkit-transform .4s cubic-bezier(.3, 0, .7, 1);
    -webkit-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
         -o-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
            transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);
    -webkit-transform: translateY(50%) rotate(15deg) scale(.8);
        -ms-transform: translateY(50%) rotate(15deg) scale(.8);
            transform: translateY(50%) rotate(15deg) scale(.8);
    -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
            transform-origin: top left;

    opacity: 0;

    will-change: transform;
}
.site-header .menu-icon:hover:not(.nav-active) .text-menu .text-open .dsn-chars-wrapper
{
    visibility: visible;

    -webkit-transform: translateY(0) rotate(0deg) scale(1);
        -ms-transform: translateY(0) rotate(0deg) scale(1);
            transform: translateY(0) rotate(0deg) scale(1);

    opacity: 1;
}
.site-header .menu-icon:hover.nav-active .text-menu .text-close .dsn-chars-wrapper
{
    visibility: visible;

    -webkit-transform: translateY(0) rotate(0deg) scale(1);
        -ms-transform: translateY(0) rotate(0deg) scale(1);
            transform: translateY(0) rotate(0deg) scale(1);

    opacity: 1;
}
.site-header .container-content
{
    visibility: hidden;

    width: 40%;

    opacity: 0;
}
@media only screen and (max-width: 991px)
{
    .site-header .container-content
    {
        display: none;
    }
}
.site-header .container-content .nav-content:not(:first-of-type)
{
    margin-top: 30px;
}
.site-header .container-content .nav-content p
{
    color: var(--font-color);
}
.site-header .container-content .nav-content p:not(:last-of-type)
{
    margin-bottom: 5px;
}
.site-header .container-content .nav-content p .link-hover
{
    text-transform: uppercase;
}
.site-header .container-content .title-line,
.site-header .container-content p.title-line
{
    font-size: 20px;
    font-weight: 600;

    margin-bottom: 10px;

    color: var(--theme-color);
}
.site-header .container-content .nav-social ul li
{
    font-size: 14px;

    margin-right: 15px;
    padding-right: 5px;
}
.site-header .container-content .nav-social ul li,
.site-header .container-content .nav-social ul li a
{
    font-family: var(--heading-font);

    position: relative;

    display: inline-block;

    letter-spacing: 2px;

    color: var(--heading-color);
}
.site-header ul.extend-container
{
    width: 100%;
    max-width: 100%;
}
@media only screen and (max-width: 991px)
{
    .site-header ul.extend-container
    {
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
    }
}
.site-header .extend-container .main-navigation
{
    z-index: -1;
    top: 0;
    left: 0;

    visibility: visible;

    height: 100vh;

    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);

    opacity: 0;
    background-color: var(--bg-color);
}
.site-header .extend-container .main-navigation:after
{
    position: absolute;
    z-index: -1;
    top: 0;

    width: 100%;
    height: 100%;

    content: '';

    opacity: .05;
    background-repeat: no-repeat;
    background-size: cover;
}
.site-header .extend-container .main-navigation ul.extend-container li
{
    font-family: var(--heading-font);
    line-height: 1;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
    margin-bottom: 10px;

    color: var(--heading-color);
}
.site-header .extend-container .main-navigation ul.extend-container li.dsn-active,
.site-header .extend-container .main-navigation ul.extend-container li:hover
{
    color: var(--theme-color);
}
.site-header .extend-container .main-navigation ul.extend-container li.dsn-active .dsn-meta-menu,
.site-header .extend-container .main-navigation ul.extend-container li:hover .dsn-meta-menu
{
    color: var(--assistant-color);
}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;

    margin-bottom: 20px;

    cursor: pointer;
}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img
{
    width: 32px;

    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu
{
    font-size: 42px;

    margin-left: 5px;
}
@media only screen and (max-width: 767px)
{
    .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu
    {
        font-size: 32px;
    }
}
@media only screen and (max-width: 575px)
{
    .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu
    {
        font-size: 24px;
    }
}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu img,
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu .dsn-title-menu
{
    -webkit-transition: .5s ease-in-out;
         -o-transition: .5s ease-in-out;
            transition: .5s ease-in-out;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
         -o-transition-property: opacity, visibility, transform;
            transition-property: opacity, visibility, -webkit-transform;
            transition-property: opacity, visibility, transform;
            transition-property: opacity, visibility, transform, -webkit-transform;
}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover img
{
    visibility: hidden;

    -webkit-transform: translateX(-22px);
        -ms-transform: translateX(-22px);
            transform: translateX(-22px);

    opacity: 0;
}
.site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover .dsn-title-menu
{
    -webkit-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
            transform: translateX(-40px);
}
.site-header .extend-container .main-navigation ul.extend-container li li
{
    overflow: inherit;

    margin-bottom: 0;
}
.site-header .extend-container .main-navigation ul.extend-container li a
{
    line-height: 1.2;

    overflow: hidden;
}
.site-header .extend-container .main-navigation ul.extend-container li a:after,
.site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu
{
    position: absolute;

    display: inherit;

    width: -webkit-max-content;
    width:    -moz-max-content;
    width:         max-content;
}
.site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu
{
    font-size: 12px;

    margin-left: 10px;

    -webkit-transform: translateY(25px);
        -ms-transform: translateY(25px);
            transform: translateY(25px);
    letter-spacing: 2px;
}
@media only screen and (max-width: 991px)
{
    .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu
    {
        display: none;
    }
}
@media only screen and (min-width: 992px)
{
    .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down > a:after
    {
        visibility: hidden;

        width: 17px;
        height: 17px;

        content: '';
        -webkit-transition: .5s;
             -o-transition: .5s;
                transition: .5s;
        -webkit-transform: translate(0, 8px);
            -ms-transform: translate(0, 8px);
                transform: translate(0, 8px);

        opacity: 0;
        background-image: url('../img/right.svg');
        background-repeat: no-repeat;
        background-size: 17px;
    }
    .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down > a:hover:after
    {
        visibility: visible;

        -webkit-transform: translate(50%, 8px);
            -ms-transform: translate(50%, 8px);
                transform: translate(50%, 8px);

        opacity: 1;
    }
}
.site-header .extend-container .main-navigation ul.extend-container > li
{
    font-size: 42px;
}
@media only screen and (max-width: 991px)
{
    .site-header .extend-container .main-navigation ul.extend-container > li
    {
        font-size: 32px;
    }
}
.site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-title-menu
{
    visibility: hidden;

    -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
            transform: translateY(30px);

    opacity: 0;
}
.site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-meta-menu
{
    visibility: hidden;

    opacity: 0;
}
.site-header .extend-container .main-navigation ul.extend-container > li ul
{
    position: absolute;
    top: 0;
    left: 0;

    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}
@media only screen and (max-width: 991px)
{
    .site-header .extend-container .main-navigation ul.extend-container > li ul
    {
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
    }
}
.site-header .extend-container .main-navigation ul.extend-container > li ul li
{
    font-size: 32px;
    line-height: 1;
}
.site-header .extend-container .main-navigation ul.extend-container > li ul li a
{
    line-height: 1.5;
}
.site-header .extend-container .main-navigation ul.extend-container > li ul li a .dsn-meta-menu
{
    margin-left: 10px;

    -webkit-transform: translateY(22px);
        -ms-transform: translateY(22px);
            transform: translateY(22px);
}
@media only screen and (min-width: 992px)
{
    .classic-menu:not(.dsn-line-style) .site-header .menu-icon
    {
        display: none;
    }
    .classic-menu:not(.dsn-line-style) .site-header .container-content
    {
        display: none;
    }
    .classic-menu:not(.dsn-line-style) .site-header > .extend-container
    {
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
    }
    .classic-menu:not(.dsn-line-style) .site-header > .extend-container .menu-cover-title
    {
        display: none;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation
    {
        position: inherit;
        z-index: 1;
        top: unset;
        left: unset;

        display: block;
        visibility: visible !important;

        width: auto;
        height: auto;
        margin-left: auto;

        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;

        opacity: 1 !important;
        background-color: transparent;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation:after
    {
        display: none;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container
    {
        display: block;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu
    {
        display: none;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li a:after,
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu
    {
        display: none;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down > a:after
    {
        display: none;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li
    {
        font-size: 14px;
        font-weight: 700;

        display: inline-block;

        margin-bottom: 0;
        margin-left: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li:first-of-type
    {
        margin-left: 0;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-title-menu
    {
        visibility: visible !important;

        -webkit-transform: none !important;
            -ms-transform: none !important;
                transform: none !important;

        opacity: 1 !important;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-meta-menu
    {
        display: none;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul
    {
        position: absolute;
        top: unset;
        left: unset;

        display: block !important;
        visibility: hidden;

        width: inherit;
        min-width: 195px;
        height: auto;
        margin-top: 10px;
        margin-left: -10px;
        padding: 10px;

        -webkit-transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
             -o-transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
                transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
        -webkit-transition-duration: .8s;
             -o-transition-duration: .8s;
                transition-duration: .8s;
        -webkit-transition-property: opacity, visibility, -webkit-transform;
             -o-transition-property: transform, opacity, visibility;
                transition-property: opacity, visibility, -webkit-transform;
                transition-property: transform, opacity, visibility;
                transition-property: transform, opacity, visibility, -webkit-transform;
        -webkit-transform: translateY(35px);
            -ms-transform: translateY(35px);
                transform: translateY(35px);

        opacity: 0;
        border-radius: 3px;
        background-color: var(--assistant-color);
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li
    {
        font-size: 13px;
        font-weight: 500;

        position: relative;

        width: 100%;
        padding: 7px 0;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li:not(:last-child)
    {
        border-bottom: .5px dotted var(--assistant-color);
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li .dsn-meta-menu
    {
        display: none;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li:before
    {
        position: absolute;
        top: 0;
        left: -10px;

        width: 1.5px;
        height: 100%;

        content: '';
        -webkit-transition: .5s;
             -o-transition: .5s;
                transition: .5s;

        opacity: 0;
        background-color: var(--theme-color);
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li.dsn-active,
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li:hover
    {
        color: var(--heading-color);
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li.dsn-active:before,
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li ul li:hover:before
    {
        visibility: visible;

        opacity: 1;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li:hover ul,
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li:focus
    {
        visibility: visible;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;

        opacity: 1;
    }
    .classic-menu:not(.dsn-line-style) .site-header .extend-container .main-navigation ul.extend-container > li:last-child ul
    {
        right: -32px;
    }
}

.dsn-multi-lang
{
    position: fixed;
    z-index: 999;
    top: 35px;
    right: 165px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    max-width: 100px;
}
.admin-bar .dsn-multi-lang
{
    top: 81px;
}
@media screen and (min-width: 783px)
{
    .admin-bar .dsn-multi-lang
    {
        top: 67px;
    }
}
.dsn-multi-lang .extend-container-lang .menu-item > a
{
    font-size: 11px;

    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;

    width: 100%;
    height: 28px;
    padding: 6px 10px;

    cursor: pointer;
    -webkit-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
    text-transform: uppercase;

    color: var(--heading-color);
    border-radius: 12px;
    background: var(--theme-color);
}
.dsn-multi-lang .extend-container-lang .menu-item > a:before
{
    margin-right: 5px !important;

    -webkit-clip-path: ellipse(10px 46% at 50% 50%);
            clip-path: ellipse(10px 46% at 50% 50%);
}
.dsn-multi-lang .extend-container-lang img
{
    width: 15px;
    height: 15px;

    border-radius: 50%;

    -o-object-fit: cover;
       object-fit: cover;
}
.dsn-multi-lang .extend-container-lang span
{
    font-size: 11px;

    text-transform: uppercase;

    color: #fff;
}
.dsn-multi-lang .extend-container-lang:hover .sub-menu
{
    top: 20px;

    visibility: visible;

    opacity: 1;
}
.dsn-multi-lang .sub-menu
{
    position: absolute;
    top: -5px;
    left: 0;

    display: block;
    visibility: hidden;
    overflow: hidden;

    -webkit-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;

    opacity: 0;
    border-radius: 0;
    background: rgba(16, 15, 15, .9);
}
.dsn-multi-lang .sub-menu li:first-of-type
{
    padding: 15px 0 0;
}
.dsn-multi-lang .sub-menu li a
{
    line-height: 15px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;

    height: 29px;
    padding: 6px 10px;

    border-radius: 0 !important;
}

@media only screen and (min-width: 992px)
{
    .classic-menu .dsn-multi-lang
    {
        right: 15px;

        -webkit-transform: translateY(-5px);
            -ms-transform: translateY(-5px);
                transform: translateY(-5px);
    }
}
body:not(.dsn-line-style).nav-bg .site-header
{
    padding-top: 15px;
    padding-bottom: 15px;

    background-color: #fff;
}
body:not(.dsn-line-style).nav-bg.hide-nav .site-header
{
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}

@media only screen and (min-width: 992px)
{
    body.dsn-line-style .site-header .extend-container .main-navigation
    {
        padding-right: var(--body-style-space);
        padding-left: var(--body-style-space);
    }
}

@media only screen and (min-width: 992px)
{
    body.dsn-line-style .site-header ul.extend-container
    {
        padding-right: 50px;
        padding-left: 50px;

        border-right: 1px solid var(--border-color);
        border-left: 1px solid var(--border-color);
    }
}

@media only screen and (min-width: 992px)
{
    body.dsn-line-style .site-header .extend-container .main-navigation ul.extend-container > li ul
    {
        padding-right: 50px;
        padding-left: 50px;
    }
}

@media only screen and (min-width: 992px)
{
    body.dsn-line-style .site-header .container-content
    {
        padding-right: calc(var(--body-style-space) + 15px);
    }
}

.social-side
{
    position: fixed;
    z-index: 5;
    bottom: 70px;
    left: 0;

    display: none;

    width: var(--body-style-space);
}
@media only screen and (min-width: 992px)
{
    body.dsn-line-style .social-side
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.social-side .icon
{
    line-height: 30px;

    width: 30px;
    height: 30px;

    cursor: pointer;
    text-align: center;
}
.social-side .icon i
{
    font-size: 18px;

    color: var(--heading-color);
}
.social-side:hover .socials
{
    visibility: visible;

    opacity: 1;
}

.socials
{
    font-size: 14px;

    bottom: 30px;
    left: 0;

    visibility: hidden;

    width: var(--body-style-space);

    -webkit-transition: all .3s cubic-bezier(.55, .02, .1, .9);
         -o-transition: all .3s cubic-bezier(.55, .02, .1, .9);
            transition: all .3s cubic-bezier(.55, .02, .1, .9);
    text-align: center;

    opacity: 0;
}
.socials li a
{
    position: relative;

    margin-top: 5px;
    margin-bottom: 10px;

    color: var(--heading-color);
}
.socials li a:after
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 4px;
    height: 4px;

    content: '';
    -webkit-transition: all .3s cubic-bezier(.55, .02, .1, .9);
         -o-transition: all .3s cubic-bezier(.55, .02, .1, .9);
            transition: all .3s cubic-bezier(.55, .02, .1, .9);
    -webkit-transform: translate(-50%, -50%) scale(.2);
        -ms-transform: translate(-50%, -50%) scale(.2);
            transform: translate(-50%, -50%) scale(.2);

    opacity: 0;
    border-radius: 50%;
    background: var(--heading-color);
}
.socials li a i
{
    -webkit-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
         -o-transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
            transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.socials li a span
{
    font-size: 13px;

    position: absolute;
    top: 50%;
    left: 50%;

    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.55, .02, .1, .9);
         -o-transition: all .3s cubic-bezier(.55, .02, .1, .9);
            transition: all .3s cubic-bezier(.55, .02, .1, .9);
    -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
            transform-origin: center bottom;

    opacity: 0;
    color: var(--heading-color);
}
.socials li a:hover i
{
    -webkit-transition: all .3s cubic-bezier(.55, .02, .1, .9);
         -o-transition: all .3s cubic-bezier(.55, .02, .1, .9);
            transition: all .3s cubic-bezier(.55, .02, .1, .9);
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
}
.socials li a:hover label
{
    -webkit-transition: all .6s cubic-bezier(.75, -.5, 0, 1.75);
         -o-transition: all .6s cubic-bezier(.75, -.5, 0, 1.75);
            transition: all .6s cubic-bezier(.75, -.5, 0, 1.75);
    -webkit-transform: matrix(1, 0, 0, 1, 12, -8);
        -ms-transform: matrix(1, 0, 0, 1, 12, -8);
            transform: matrix(1, 0, 0, 1, 12, -8);

    opacity: 1;
}
.socials li a:hover:after
{
    -webkit-transition: all .5s cubic-bezier(.75, -.5, 0, 1.75);
         -o-transition: all .5s cubic-bezier(.75, -.5, 0, 1.75);
            transition: all .5s cubic-bezier(.75, -.5, 0, 1.75);
    -webkit-transition-delay: .2s;
         -o-transition-delay: .2s;
            transition-delay: .2s;
    -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);

    opacity: 1;
}

/* Social menu */
.box-social li
{
    font-size: 12px;
    line-height: 35px;

    display: inline-block;

    width: 35px;
    height: 35px;

    text-align: center;

    border: 1px solid var(--border-color);
}
.box-social li a
{
    width: 100%;

    color: var(--heading-color);
}

/** === Footer menu === */
.footer-navigation
{
    display: inline;
}
.footer-navigation > div
{
    display: inline;
}
.footer-navigation .footer-menu
{
    display: inline;

    padding-left: 0;
}
.footer-navigation .footer-menu li
{
    display: inline;

    margin-right: 1rem;
}

/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous Page */
@media only screen and (max-width: 991px)
{
    .next-page .c-wapp
    {
        -ms-flex-flow: column;
            flex-flow: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
    }
}
@media only screen and (max-width: 767px)
{
    .next-page .title br
    {
        display: none;
    }
}
@media only screen and (max-width: 991px)
{
    .next-page .button-box
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.pagination-post
{
    margin-top: 80px;
}
.pagination-post div
{
    font-size: 14px;
    font-weight: 500;

    padding: 20px;

    letter-spacing: 1.5px;
}
.pagination-post div a
{
    -webkit-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
}
.pagination-post div a::before,
.pagination-post div a:after
{
    display: none;
}
.pagination-post div a:hover
{
    color: var(--theme-color);
}
.pagination-post .icon
{
    width: 70px;
}

.next-project .title
{
    display: inline-block;

    color: var(--heading-color);
}
.next-project .title .title-stroke
{
    color: transparent;

    -webkit-text-stroke: 1px var(--heading-color);
}
.next-project .title span.p-absolute
{
    display: inherit;
    overflow: hidden;

    width: 0;

    -webkit-transform-origin: left;
        -ms-transform-origin: left;
            transform-origin: left;
    white-space: nowrap;
}
@media only screen and (max-width: 575px)
{
    .next-project .metas
    {
        position: relative;
        top: auto;

        margin-top: 0;
        margin-bottom: 20px;
    }
}
.next-project a
{
    display: block;
}
.next-project .case
{
    position: absolute;
    top: 50%;
    right: 50px;

    width: 100px;
    height: 100px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
@media only screen and (max-width: 575px)
{
    .next-project .case
    {
        top: auto;
        right: 30px;
        bottom: 40px;

        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
}
.next-project .bg img
{
    -webkit-filter: blur(10px);
            filter: blur(10px);
}

.scrollmagic-pin-spacer + .footer,
.next-project + .footer
{
    position: absolute;
    bottom: 0;

    width: 100%;

    border-top: 0;
}

.dsn-paginations
{
    position: relative;
}
.dsn-paginations .page-numbers
{
    font-size: 20px;

    position: relative;

    width: 40px;
    height: 40px;
    margin-right: 15px;

    -webkit-transition: all .45s cubic-bezier(.08, .58, .17, .94);
         -o-transition: all .45s cubic-bezier(.08, .58, .17, .94);
            transition: all .45s cubic-bezier(.08, .58, .17, .94);
}
.dsn-paginations .page-numbers.current
{
    color: var(--heading-color);
    background-color: var(--theme-color);
}
.dsn-paginations .page-numbers:hover
{
    color: var(--heading-color);
    background-color: var(--theme-color);
}
.dsn-paginations .next
{
    width: auto;
}
.dsn-paginations .next .button-m
{
    width: 90px;
    height: 50px;
    margin-left: 10px;

    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    text-align: center;
}
.dsn-paginations .next .button-m:before
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    content: '';
    -webkit-transition: all .45s cubic-bezier(.08, .58, .17, .94);
         -o-transition: all .45s cubic-bezier(.08, .58, .17, .94);
            transition: all .45s cubic-bezier(.08, .58, .17, .94);
    -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);

    background: var(--assistant-color);
}
.dsn-paginations .next .button-m svg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: -10%;

    width: 30px;
    height: 100%;

    -webkit-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
    -webkit-transform: translateX(20%);
        -ms-transform: translateX(20%);
            transform: translateX(20%);
    vertical-align: middle;

    opacity: 1;

    fill: var(--heading-color);
}
.dsn-paginations .next .button-m span
{
    font-size: 12px;
    font-weight: 400;

    position: relative;
    z-index: 2;

    -webkit-transition: all .3s ease-out;
         -o-transition: all .3s ease-out;
            transition: all .3s ease-out;
    -webkit-transform: translateX(20%);
        -ms-transform: translateX(20%);
            transform: translateX(20%);
    letter-spacing: 2px;
    text-transform: uppercase;

    color: var(--heading-color);
}
.dsn-paginations .next .button-m:hover:before
{
    -webkit-transform: scale(.7);
        -ms-transform: scale(.7);
            transform: scale(.7);
}
.dsn-paginations .next .button-m:hover svg
{
    -webkit-transform: translateX(20%) !important;
        -ms-transform: translateX(20%) !important;
            transform: translateX(20%) !important;

    opacity: 0;
}
.dsn-paginations .next .button-m:hover span
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
}
.dsn-paginations .next:hover
{
    background-color: transparent;
}

@media only screen and (max-width: 991px)
{
    .mt-sm
    {
        margin-top: 50px;
    }
}

@media only screen and (max-width: 991px)
{
    .about-section .box-info
    {
        padding-top: 0;
    }
}
@media only screen and (max-width: 991px)
{
    .about-section .box-info.box-padding
    {
        padding-bottom: 0;
    }
}
@media only screen and (min-width: 992px)
{
    .about-section .title-move
    {
        position: absolute;
        top: 0;
    }
}
@media only screen and (max-width: 991px)
{
    .about-section .title-block
    {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 991px)
{
    .about-section .background-mask
    {
        position: relative;

        height: 70vh;
    }
}
@media only screen and (min-width: 992px)
{
    body.dsn-line-style .about-section .background-mask
    {
        padding-right: 5px;
    }
    body.dsn-line-style .about-section .background-mask .line.line-right
    {
        display: none;
    }
}
.about-section .background-mask .border-header
{
    position: absolute;
    top: 0;
    left: -65px;

    width: 160px;
    margin: 0;
}
.about-section .background-mask .border-header h2
{
    margin-left: -100px;
}
.about-section .background-mask .border-header svg
{
    mix-blend-mode: exclusion;
}
.about-section .background-mask .img-box
{
    position: relative;

    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 991px)
{
    .about-section-2 .section-title
    {
        margin-bottom: 50px;
    }
}
@media only screen and (max-width: 991px)
{
    .about-section-2 .box-bottom
    {
        margin-top: 30px;
        padding-top: 30px;
    }
}
@media only screen and (max-width: 767px)
{
    .about-section-2 .box-bottom .item:not(:last-of-type)
    {
        margin-bottom: 15px;
        padding-right: 15px;
    }
}
@media only screen and (max-width: 991px)
{
    .about-section-2 .box-bottom .item:not(:last-of-type)
    {
        padding-right: 15px;
    }
}

.about-me .padding-line
{
    padding: 20px;
}
@media only screen and (max-width: 991px)
{
    .about-me .background-mask
    {
        position: relative;

        height: 70vh;
    }
}
@media only screen and (max-width: 991px)
{
    .about-me .box-info
    {
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
}
@media only screen and (max-width: 767px)
{
    .about-me .box-info
    {
        padding-top: 50px;
    }
}
.about-me ul
{
    display: -ms-grid;
    display:     grid;

    grid-column-gap: 15px;
    grid-row-gap: 15px;
    -ms-grid-columns: 1fr 15px 1fr;
    grid-template-columns: 1fr 1fr;
}
@media only screen and (max-width: 991px)
{
    .about-services-page .box-right
    {
        margin-top: 50px;
    }
}

.box-awards-item.big-number .title
{
    font-size: 110px;
}
.box-awards-item.has-border
{
    padding: 10px;

    border: 1px solid var(--border-color);
}
.box-awards-item .title
{
    font-weight: bold;

    margin-right: 5px;
}
.box-awards-item .sm-title-block
{
    font-weight: 400;
}

.services
{
    counter-reset: workcounter;
}
@media only screen and (min-width: 992px)
{
    .services.dsn-under-header .dsn-container
    {
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (min-width: 992px)
{
    .services .dsn-isotope .services-item:nth-of-type(2)
    {
        margin-top: 80px;
    }
}
.services .service-box-img
{
    z-index: -1;

    opacity: .7;
}
.services.with-number .services-item
{
    padding: 30px 30px 15px;
}
.services.with-number .services-item::before
{
    font-size: 14px;
    font-weight: bold;
    line-height: 1;

    position: absolute;
    top: 10px;
    left: 45px;

    content: counters(workcounter, '.', decimal-leading-zero);
    counter-increment: workcounter;

    color: #fff;
}
@media only screen and (max-width: 400px)
{
    .services.with-number .services-item
    {
        padding-right: 15px;
        padding-left: 15px;
    }
    .services.with-number .services-item:before
    {
        left: 30px;
    }
}
.services.with-line .services-item .services-item-inner
{
    padding: 15px;
}
.services .services-item .services-item-inner
{
    position: relative;
}
.services .services-item .services-item-inner .line-top::before
{
    position: absolute;
    top: 0;
    right: 0;
    left: 55px;

    height: 1px;

    background-color: var(--heading-color);
}
.services .services-item .services-item-inner .line.line-left,
.services .services-item .services-item-inner .line.line-right
{
    top: -25px;
}
.services .services-item .services-item-inner .services-content
{
    position: relative;

    padding: 30px 20px;
}
.services .services-item .services-item-inner .icon
{
    line-height: 1;

    margin-bottom: 15px;
}
.services .services-item .services-item-inner .icon img,
.services .services-item .services-item-inner .icon svg
{
    width: 60px;

    fill: var(--theme-color);
}
@media only screen and (min-width: 768px)
{
    .services.icon-left .services-item .services-item-inner .services-content
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .services.icon-left .services-item .services-item-inner .services-content .icon
    {
        margin-right: 25px;
        margin-bottom: 0;
    }
    .services.icon-left .services-item .services-item-inner .services-content .icon img
    {
        width: 60px;
        max-width: inherit;
    }
}

.service-lest-item
{
    padding-top: 30px;
    padding-bottom: 30px;
}
@media only screen and (max-width: 575px)
{
    .service-lest-item
    {
        -ms-flex-flow: column;
            flex-flow: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;

        margin-top: 30px;
        padding: 30px;

        border: 1px solid var(--border-color);
    }
    .service-lest-item:first-of-type
    {
        margin-top: 0;
    }
}
@media only screen and (min-width: 576px)
{
    .service-lest-item:last-of-type
    {
        margin-bottom: 0;
        padding-bottom: 0;

        border-bottom: 0;
    }
}
.service-lest-item .block-number
{
    font-size: 14px;

    -webkit-box-flex: 0;
    -ms-flex: 0 1 30px;
        flex: 0 1 30px;
}
@media only screen and (max-width: 767px)
{
    .service-lest-item .block-number
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50px;
            flex: 0 1 50px;
    }
}
@media only screen and (max-width: 575px)
{
    .service-lest-item .block-number
    {
        display: none;
    }
}
.service-lest-item .icon
{
    -webkit-box-flex: 0;
    -ms-flex: 0 1 60px;
        flex: 0 1 60px;

    margin-left: 60px;
}
@media only screen and (max-width: 767px)
{
    .service-lest-item .icon
    {
        margin-left: 40px;
    }
}
@media only screen and (max-width: 575px)
{
    .service-lest-item .icon
    {
        margin-left: 0;
    }
}
.service-lest-item .icon img,
.service-lest-item .icon svg
{
    width: 60px;

    fill: var(--theme-color);
}
.service-lest-item .service-description
{
    margin-left: 60px;
}
@media only screen and (max-width: 575px)
{
    .service-lest-item .service-description
    {
        margin-top: 30px;
        margin-left: 0;
    }
}

.services-lest-2 .service-lest-item
{
    margin-top: 0;
}
@media only screen and (min-width: 576px)
{
    .services-lest-2 .service-lest-item
    {
        padding: 0;
    }
}
.services-lest-2 .service-lest-item .icon,
.services-lest-2 .service-lest-item .content
{
    margin-left: 0;
}

.skills-item
{
    position: relative;

    width: 100%;
}
.skills-item .bar
{
    position: relative;

    width: 100%;
    height: 20px;
}
.skills-item .bar::before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    height: 4px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: var(--assistant-color);
}
.background-section .skills-item .bar::before
{
    background-color: var(--bg-color);
}
.skills-item .bar .fill
{
    position: absolute;

    width: 0;
    height: 100%;
}
.skills-item .bar .fill:not(.background-section):not(.background-main):not(.background-theme)
{
    background-image: url('../img/patterns.png');
}
.skills-item .bar .fill .number
{
    font-family: var(--heading-font);
    font-size: 16px;

    position: absolute;
    top: -30px;
    right: 0;

    color: var(--heading-color);
}

.skills-item
{
    position: relative;

    width: 100%;
}
.skills-item .bar
{
    position: relative;

    width: 100%;
    height: 20px;
}
.skills-item .bar::before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 100%;
    height: 4px;

    content: '';
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    background-color: var(--assistant-color);
}
.background-section .skills-item .bar::before
{
    background-color: var(--bg-color);
}
.skills-item .bar .fill
{
    position: absolute;

    width: 0;
    height: 100%;
}
.skills-item .bar .fill:not(.background-section):not(.background-main):not(.background-theme)
{
    background-image: url('../img/patterns.png');
}
.skills-item .bar .fill .number
{
    font-family: var(--heading-font);
    font-size: 16px;

    position: absolute;
    top: -30px;
    right: 0;

    color: var(--heading-color);
}

.work-section .swiper-container
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    height: 100%;
}
.work-section .swiper-slide .box-img,
.work-section .work-item .box-img
{
    height: 450px;
}
.work-section .swiper-slide .box-img,
.work-section .swiper-slide .box-img img,
.work-section .work-item .box-img,
.work-section .work-item .box-img img
{
    border-radius: 2px;
}
.work-section .swiper-slide .box-content,
.work-section .work-item .box-content
{
    position: relative;

    margin-top: -60px;
    padding: 0 30px;
}
.work-section .swiper-slide .box-content .cat,
.work-section .work-item .box-content .cat
{
    font-size: 13px;
    font-weight: 500;

    margin-bottom: 10px;

    letter-spacing: 2px;
    text-transform: uppercase;

    opacity: .9;
}
.work-section .swiper-slide .box-content .sec-title,
.work-section .work-item .box-content .sec-title
{
    margin-bottom: 0;
}
.v-light .work-section:not(.work-no-scale) .swiper-slide .sec-title > a,
.v-light .work-section:not(.work-no-scale) .work-item .sec-title > a
{
    padding: 5px 5px 0;

    color: var(--reverse-heading-color);
    background-color: var(--reverse-color);
}
.work-section .swiper-slide:not(.swiper-slide-active)
{
    -webkit-filter: blur(3px);
            filter: blur(3px);
}

.work-no-scale .swiper-slide,
.work-no-scale .work-item
{
    position: relative;
}
.work-no-scale .swiper-slide .box-img,
.work-no-scale .work-item .box-img
{
    height: 80vh;
}
.work-no-scale .swiper-slide .box-content,
.work-no-scale .work-item .box-content
{
    position: absolute;
    bottom: 40px;

    margin-top: 0;
}

.testimonials.testimonials-personal .testimonial-nav .box-img img
{
    border: 5px solid var(--theme-color);
}
.testimonials .dsn-move-section
{
    margin-bottom: 50px;
}
@media only screen and (min-width: 992px)
{
    .testimonials .dsn-move-section
    {
        top: -50px;

        margin-bottom: 0;

        opacity: 0;
    }
}
.testimonials .sm-title-block
{
    font-size: 14px;

    color: var(--theme-color);
}
@media only screen and (min-width: 992px)
{
    .testimonials .testimonials-box
    {
        padding: 60px 35px;
    }
}
.testimonials .testimonials-box.pt-0
{
    padding-top: 0;
}
.testimonials .testimonials-box.pt-0::before
{
    position: absolute;
    top: -1px;
    left: 0;

    width: 100%;
    height: 45px;

    content: '';

    background-color: var(--bg-color);
}
.testimonials .testimonial-nav
{
    position: relative;

    margin-bottom: 15px;
}
.testimonials .testimonial-nav .testimonial-nav-inner
{
    position: relative;

    width: 80%;
    margin: auto;
}
@media only screen and (max-width: 991px)
{
    .testimonials .testimonial-nav .testimonial-nav-inner
    {
        width: 100%;
    }
}
.testimonials .testimonial-nav .swiper-slide
{
    position: relative;

    margin: auto;
    padding-bottom: 60px;
}
.testimonials .testimonial-nav .swiper-slide.d-flex
{
    padding-bottom: 0;
}
.testimonials .testimonial-nav .swiper-slide.d-flex .box-img img
{
    width: 70px;
    height: 70px;
}
.testimonials .testimonial-nav .swiper-slide.d-flex.swiper-slide-active::before
{
    display: none;
}
.testimonials .testimonial-nav .swiper-slide .box-img
{
    position: relative;
}
.testimonials .testimonial-nav .swiper-slide .box-img img
{
    width: 90px;
    height: 90px;

    border-radius: 50%;
}
.testimonials .testimonial-nav .swiper-slide .box-text
{
    opacity: 0;
}
.testimonials .testimonial-nav .swiper-slide:not(.swiper-slide-active)
{
    -webkit-filter: blur(3px);
            filter: blur(3px);
}
.testimonials .testimonial-nav .swiper-slide-active::before
{
    position: absolute;
    bottom: 0;
    left: 50%;

    width: 1px;
    height: 40px;

    content: '';

    background-color: #fff;
}
.testimonials .testimonial-nav .swiper-slide-active .box-text
{
    position: relative;

    opacity: 1;
}
.testimonials .testimonial-nav .swiper-next,
.testimonials .testimonial-nav .swiper-prev
{
    position: absolute;
    top: 22px;

    cursor: pointer;
}
.testimonials .testimonial-nav .swiper-next
{
    right: 0;
}
.testimonials .testimonial-nav .swiper-prev
{
    left: 0;
}
.testimonials .testimonial-content
{
    position: relative;

    width: 80%;
    margin: auto;
}
@media only screen and (max-width: 991px)
{
    .testimonials .testimonial-content
    {
        width: 100%;
    }
}
@media only screen and (max-width: 991px)
{
    .testimonials.testimonials-half .section-title
    {
        margin-bottom: 50px;
    }
}
.testimonials.testimonials-half .testimonials-box:after
{
    font-size: 150px;
    font-weight: bold;

    position: absolute;
    right: 30px;
    bottom: -134px;

    content: '”';
}
.testimonials.testimonials-half .swiper-next
{
    right: 25px;
}
@media only screen and (max-width: 991px)
{
    .testimonials.testimonials-half .swiper-next
    {
        right: 0;
    }
}
.testimonials.testimonials-half .swiper-prev
{
    left: 25px;
}
@media only screen and (max-width: 991px)
{
    .testimonials.testimonials-half .swiper-prev
    {
        left: 0;
    }
}
.testimonials.testimonials-half .testimonial-content,
.testimonials.testimonials-half .testimonial-nav .testimonial-nav-inner
{
    width: 100%;
}
.testimonials.testimonials-half .testimonial-nav
{
    margin-bottom: 30px;
}
.testimonials.testimonials-half .dsn-container
{
    padding: 0;
}

.lest-number .number
{
    font-size: 14px;
    line-height: 30px;

    width: 30px;
    height: 30px;
    margin-right: 15px;

    text-align: center;

    color: var(--heading-color);
    border-radius: 50%;
    background-color: var(--theme-color);
}
@media only screen and (max-width: 575px)
{
    .lest-number .number
    {
        display: none;
    }
}

.accordion
{
    line-height: 1.2;
}
.accordion__answer
{
    display: none;

    max-width: 400px;
    padding-top: 15px;
    padding-left: 45px;
}
.accordion__answer.active
{
    display: block;
}
.accordion__item
{
    margin-bottom: 30px;
    padding-bottom: 30px;

    border-bottom: 1px solid var(--border-color);
}
.accordion__item:last-of-type
{
    margin-bottom: 0;
    padding-bottom: 0;

    border: 0;
}
.accordion__question
{
    padding: 8px 15px 0 0;

    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.accordion__question .number
{
    font-size: 14px;
    line-height: 30px;

    width: 30px;
    height: 30px;
    margin-right: 15px;

    text-align: center;

    color: var(--heading-color);
    border-radius: 50%;
    background-color: var(--theme-color);
}
.accordion__question:first-of-type
{
    padding-top: 0;
}
.accordion__question .icon
{
    width: 35px;
    margin-right: 15px;
}
.accordion__question h4
{
    font-weight: 600;

    margin-bottom: 0;
}
.accordion__question::before
{
    position: absolute;
    top: 40%;
    right: 0;

    display: inline-block;

    padding: 3px;

    content: '';
    -webkit-transition: -webkit-transform .2s linear;
         -o-transition:         transform .2s linear;
            transition: -webkit-transform .2s linear;
            transition:         transform .2s linear;
            transition:         transform .2s linear, -webkit-transform .2s linear;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);

    border: solid var(--theme-color);
    border-width: 0 2px 2px 0;
}

.expanded.accordion__question::before
{
    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;

    padding: 3px;

    content: '';
    -webkit-transition: -webkit-transform .2s linear;
         -o-transition:         transform .2s linear;
            transition: -webkit-transform .2s linear;
            transition:         transform .2s linear;
            transition:         transform .2s linear, -webkit-transform .2s linear;
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);

    border: solid var(--theme-color);
    border-width: 0 2px 2px 0;
}

.our-blog .swiper-container
{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    height: 100%;
}
@media only screen and (min-width: 992px)
{
    .our-blog .dsn-container
    {
        padding-right: 0;
        padding-left: 0;
    }
}
.our-blog.our-blog-classic .blog-item
{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;

    padding-left: 0;
}
.our-blog.our-blog-classic .blog-item .box-meta
{
    margin-left: 0;
    padding-top: 15px;
    padding-bottom: 15px;

    -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
            transform: rotate(0);
        -ms-writing-mode: unset;

    -webkit-writing-mode: unset;
            writing-mode: unset;
    -webkit-text-orientation: unset;
            text-orientation: unset;
}
.our-blog.our-blog-classic .blog-item .box-img
{
    position: relative;

    width: 100%;
    height: 220px;
}
.our-blog.our-blog-classic .blog-item .box-content
{
    width: 100%;
    margin-left: 0;
}
.our-blog.our-blog-classic.our-blog-full-img .box-meta
{
    display: none;
}
.our-blog.our-blog-classic.our-blog-full-img .box-img
{
    position: absolute;
    top: 0;

    width: 100%;
    height: 100%;

    opacity: .3;

    -o-object-fit: cover;
       object-fit: cover;
}
.our-blog.our-blog-classic.our-blog-full-img .box-content
{
    padding: 80px 30px;
}
@media only screen and (max-width: 991px)
{
    .our-blog.our-blog-classic.our-blog-full-img .box-content
    {
        padding: 50px 30px;
    }
}
.our-blog .swiper-slide-next,
.our-blog .swiper-slide-prev
{
    -webkit-filter: blur(3px);
            filter: blur(3px);
}

.blog-item
{
    min-height: 250px;
    margin-right: 0;
    padding-left: 50px;

    border: 2px solid var(--border-color);
}
@media only screen and (max-width: 767px)
{
    .blog-item
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;

        padding-left: 0;
    }
}
.blog-item .metas
{
    padding: 0;
}
.blog-item .box-meta
{
    font-size: 13px;

    margin-left: -35px;

    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        -ms-writing-mode: tb-rl;

    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
    -webkit-text-orientation: mixed;
            text-orientation: mixed;
}
@media only screen and (max-width: 767px)
{
    .blog-item .box-meta
    {
        margin-left: 0;
        padding-top: 15px;
        padding-bottom: 15px;

        -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
                transform: rotate(0);
            -ms-writing-mode: unset;

        -webkit-writing-mode: unset;
                writing-mode: unset;
        -webkit-text-orientation: unset;
                text-orientation: unset;
    }
}
.blog-item .box-meta .author
{
    position: relative;

    color: var(--heading-color);
}
.blog-item .box-meta .author:after
{
    padding: 10px 0;

    content: '-';
}
.blog-item .box-meta .entry-date
{
    font-weight: 500;
}
.blog-item .box-img
{
    position: absolute;

    width: calc(45% - 30px);
    height: 100%;

    border-right: 2px solid var(--border-color);
}
@media only screen and (max-width: 767px)
{
    .blog-item .box-img
    {
        position: relative;

        width: 100%;
        height: 300px;
    }
}
.blog-item .box-img img
{
    width: 100%;
    height: 100%;
}
.blog-item .box-content
{
    margin-left: 47%;
    padding: 30px 20px;
}
@media only screen and (max-width: 767px)
{
    .blog-item .box-content
    {
        width: 100%;
        margin-left: 0;
    }
}
.blog-item .box-content .metas
{
    margin-bottom: 10px;
}
.blog-item .box-content .metas span
{
    padding: 0;

    color: var(--font-color);
    border: 0;
}
.blog-item .box-content .metas span:after,
.blog-item .box-content .metas span::before
{
    display: none;
}
.blog-item .box-content .link-vist
{
    bottom: auto;
    left: auto;
}
.blog-item .box-content .link-vist .link-vist-text
{
    font-weight: bold;
}
.blog-item .box-content .link-vist .link-vist-text::before
{
    height: 1.5px;
}

.not-filter .swiper-slide
{
    -webkit-filter: none !important;
            filter: none !important;
}

.team.tam-classic .team-item .team-item-inner
{
    margin-left: 0;
}
.team.tam-classic .team-item .team-item-inner .team-item-wapper
{
    padding-top: 0;
}
.team.tam-classic .team-item .team-item-inner .item-content
{
    -ms-flex-flow: column;
        flex-flow: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;

    margin-left: 0;

    text-align: center;
}
.team.tam-classic .team-item .team-item-inner .box-img
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;

    height: auto;
    margin-bottom: 20px;
}
.team.tam-classic .team-item .team-item-inner .box-text
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
        flex: 0 0 100%;

    padding: 0;
}
.team .team-item .team-item-inner
{
    position: relative;

    margin-left: 50px;
    padding: 15px;

    border: 1px solid var(--border-color);
}
@media only screen and (max-width: 767px)
{
    .team .team-item .team-item-inner
    {
        margin-left: 0;
    }
}
.team .team-item .team-item-inner .team-item-wapper
{
    padding: 25px 0;
}
@media only screen and (max-width: 767px)
{
    .team .team-item .team-item-inner .team-item-wapper
    {
        padding-top: 0;
    }
}
.team .team-item .team-item-inner .item-content
{
    margin-left: -60px;
}
@media only screen and (max-width: 767px)
{
    .team .team-item .team-item-inner .item-content
    {
        -ms-flex-flow: column;
            flex-flow: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;

        margin-left: 0;

        text-align: center;
    }
}
.team .team-item .team-item-inner .box-img
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
        flex: 0 0 30%;

    height: 110px;
}
@media only screen and (max-width: 767px)
{
    .team .team-item .team-item-inner .box-img
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;

        height: auto;
        margin-bottom: 20px;
    }
}
.team .team-item .team-item-inner .box-text
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
        flex: 0 0 70%;

    padding: 0 20px;
}
@media only screen and (max-width: 767px)
{
    .team .team-item .team-item-inner .box-text
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;

        padding: 0;
    }
}
.team .team-item .team-item-inner .box-text h4
{
    text-transform: uppercase;
}
.team .team-item .team-item-inner .box-text h5
{
    font-size: 13px;

    letter-spacing: 1.2px;
}

.brand-client
{
    position: relative;

    margin-bottom: 0;
    padding: 120px 0;

    background-color: #fff;
}
.brand-client .swiper-container
{
    padding-right: 1px;
    padding-left: 1px;
}
.brand-client .wrapper-client
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: min-content;
    min-width: 100%;

    animation: 77s linear infinite sliderAnimation;
}
.brand-client .wrapper-client .logo-box
{
    position: relative;

    overflow: hidden;
    flex-shrink: 0;

    width: calc(25% - 2px);
    width: 292.5px;
    min-height: 100px;
    padding: 4px;
}

.brand-client .wrapper-client .logo-box .logo-box-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;

    width: 100%;
    height: 100%;

    text-align: center;
}
@media only screen and (max-width: 991px)
{
    .brand-client .wrapper-client .logo-box
    {
        /* width: calc(33.333% - 2px); */
        width: 292.5px;
    }
}
@media only screen and (max-width: 767px)
{
    .brand-client .wrapper-client .logo-box
    {
        /* width: calc(50% - 2px); */
        width: 292.5px;
    }
}
@media only screen and (max-width: 575px)
{
    .brand-client .wrapper-client .logo-box
    {
        /* width: 100%; */
        width: 292.5px;
    }
}
.brand-client .wrapper-client .logo-box img
{
    position: relative;

    max-width: 80%;
    margin: auto;
}
@media only screen and (max-width: 575px)
{
    .brand-client .wrapper-client .logo-box img
    {
        width: auto;
        max-width: 100%;

        -o-object-fit: contain;
           object-fit: contain;
    }
}
.brand-client.v-light .wrapper-client .logo-box .logo-box-inner
{
    background-color: var(--reverse-color);
}
.brand-client.v-dark .wrapper-client .logo-box .logo-box-inner
{
    background-color: var(--assistant-color);
}

.box-seat
{
    position: relative;
}
.box-seat [data-overlay]:before
{
    z-index: 1;
}
@media only screen and (max-width: 991px)
{
    .box-seat .box-padding
    {
        padding-top: 80px;
        padding-bottom: 80px;
    }
}
.box-seat .pro-text
{
    position: absolute;
    right: 80px;
    bottom: 40px;
}
@media only screen and (max-width: 991px)
{
    .box-seat .pro-text
    {
        position: relative;
        right: auto;
        bottom: 0;
        left: 0;

        max-width: 100%;
    }
}
.box-seat .pro-text:not(.container)
{
    max-width: 600px;
}
@media only screen and (max-width: 991px)
{
    .box-seat .pro-text:not(.container)
    {
        bottom: 0;

        max-width: 100%;
    }
}

.box-seat.box-seat-full .pro-text
{
    position: relative;
    bottom: 0;
}
@media only screen and (max-width: 767px)
{
    .box-seat.box-seat-full .pro-text
    {
        right: auto;

        max-width: 100%;
    }
}

@media only screen and (max-width: 767px)
{
    .box-seat.box-seat-parallax .pro-text
    {
        position: relative;
        right: auto;
        bottom: auto;

        max-width: 100%;
    }
}

.box-gallery-vertical .box-info .service-lest-item .icon,
.box-descr .box-info .service-lest-item .icon
{
    font-size: 60px;
    font-weight: 600;

    -webkit-box-flex: 1;
    -ms-flex: 1 0 100px;
        flex: 1 0 100px;

    margin-left: 0;
}
.box-gallery-vertical .box-info .service-lest-item .content,
.box-descr .box-info .service-lest-item .content
{
    margin-left: 25px;
}
@media only screen and (max-width: 575px)
{
    .box-gallery-vertical .box-info .service-lest-item .content,
    .box-descr .box-info .service-lest-item .content
    {
        margin-top: 30px;
        margin-left: 0;
    }
}

@media only screen and (min-width: 992px)
{
    .facts-item
    {
        border-right: 1px solid var(--border-color);
    }
    .facts-item:last-of-type
    {
        border: 0;
    }
}
@media only screen and (max-width: 991px)
{
    .facts-item
    {
        border: 1px solid var(--border-color);
    }
}
.facts-item .number
{
    font-size: 32px;
    font-weight: bold;

    opacity: .4;
    color: var(--theme-color);
}

.circular-wrap .box-im::before,
.facts-section .box-im::before
{
    z-index: 1;
}

.resume .resume-box-inner:nth-of-type(n + 3)
{
    margin-top: 50px;
}
@media only screen and (max-width: 767px)
{
    .resume .resume-box-inner:nth-of-type(n + 2)
    {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 767px)
{
    .resume .resume-box
    {
        margin-bottom: 0;
    }
}
.resume .resume-box .item-resume-box
{
    padding-bottom: 50px;
    padding-left: 20px;
}
@media only screen and (max-width: 991px)
{
    .resume .resume-box .item-resume-box
    {
        padding-bottom: 30px;
    }
}
@media only screen and (max-width: 767px)
{
    .resume .resume-box .item-resume-box
    {
        padding-bottom: 20px;
    }
}
.resume .resume-box .item-resume-box:last-of-type
{
    padding-bottom: 0;
}
.resume .resume-box .item-resume-box:last-of-type:after
{
    display: none;
}
.resume .resume-box .item-resume-box:before,
.resume .resume-box .item-resume-box:after
{
    position: absolute;

    content: '';
}
.resume .resume-box .item-resume-box:before
{
    top: 5px;
    left: 0;

    width: 8px;
    height: 8px;

    border-radius: 50%;
    background-color: var(--theme-color);
}
.resume .resume-box .item-resume-box:after
{
    top: 20px;
    left: 4px;

    width: 1px;
    height: calc(100% - 24px);

    background-color: var(--border-color);
}
.resume .resume-box .item-resume-box h6
{
    font-family: var(--body-font);
    font-size: inherit;
    font-weight: 500;
    line-height: 1.6;

    max-width: 460px;

    color: var(--font-color);
}

.title-cover
{
    font-family: var(--heading-font);
    font-size: 64px;
    font-weight: 600;

    position: absolute;
    z-index: 1;

    overflow: hidden;

    width: 100%;

    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
    text-transform: uppercase;
    pointer-events: none;

    opacity: 0;
    color: var(--heading-color);
}
.title-cover.title-stroke
{
    color: transparent;

    -webkit-text-stroke: 1px var(--heading-color);
}

.awards-section .box-right
{
    position: relative;

    height: 100%;
}
.awards-section .box-right .container-img
{
    width: 100%;
    height: 100%;
}
.awards-section .box-right .container-img img
{
    width: 100%;
    height: 100%;
}
@media only screen and (min-width: 576px)
{
    .awards-section .awards-inner
    {
        display: -ms-grid;
        display:     grid;

        -ms-grid-columns: 1fr 40px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 40px;
    }
}
.awards-section .award-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

    margin-bottom: 16px;
    padding: 30px;

    text-align: center;

    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;

    -ms-grid-row: span 2;
    grid-row-start: span 2;
}
@media only screen and (max-width: 575px)
{
    .awards-section .award-item:not(:first-of-type)
    {
        margin-top: 30px;
    }
}
.awards-section .award-item:first-child
{
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 2;
    grid-row-end: 4;
}
.awards-section .award-item .award-number
{
    font-size: 80px;

    color: var(--heading-color);
}
.awards-section .award-item .award-logo
{
    max-width: 150px;
}
.awards-section .award-item .sm-title-block
{
    font-weight: 400;

    margin-top: 15px;
    margin-bottom: 0;

    color: var(--font-color);
}

.mask-bg
{
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;

    width: calc(70% + 20px);
    height: 100%;

    background-color: var(--assistant-color);
}

.intro-project strong
{
    font-weight: bold;

    letter-spacing: 2px;
}
.intro-project:not(.text-center) .inner
{
    max-width: 750px;
}
@media only screen and (max-width: 991px)
{
    .intro-project .intro-project-right
    {
        margin-top: 30px;
    }
}
.intro-project .intro-project-cat
{
    color: var(--heading-color);
}
@media only screen and (max-width: 767px)
{
    .intro-project .intro-project-cat
    {
        margin-top: 20px;
    }
}
.intro-project .intro-project-cat .cat-item
{
    position: relative;
}
@media only screen and (max-width: 767px)
{
    .intro-project .intro-project-cat .cat-item
    {
        margin-top: 10px;
    }
}
.intro-project .intro-project-cat .cat-item:not(:last-of-type):after
{
    position: relative;

    padding: 0 8px;

    content: '-';
}

.intro-project-list li:not(:last-of-type)
{
    margin-bottom: 15px;
}
.intro-project-list li::before
{
    display: inline-block;

    width: 3px;
    height: 3px;
    margin-right: 7px;

    content: '';
    vertical-align: middle;

    background-color: var(--heading-color);
}
.intro-project-list li strong
{
    margin-right: 5px;

    color: var(--heading-color);
}

.box-gallery-vertical .col-lg-6
{
    overflow: hidden;
}
.box-gallery-vertical .box-info-inner
{
    position: relative;
}
@media only screen and (max-width: 991px)
{
    .box-gallery-vertical.box-gallery-content .box-info:not(.box-padding)
    {
        padding-bottom: 0;
        padding-left: 0;
    }
}
@media only screen and (max-width: 991px)
{
    .box-gallery-vertical.box-gallery-content .box-order
    {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}
@media only screen and (max-width: 991px)
{
    .box-gallery-vertical .col-lg-6
    {
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media only screen and (max-width: 991px)
{
    .box-gallery-vertical .box-content
    {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media only screen and (max-width: 767px)
{
    .has-in-halg-bg .half-bg-bottom
    {
        display: none;
    }
}

@media only screen and (max-width: 991px)
{
    .video-section .box-info
    {
        margin-bottom: 0;
    }
}

.box-img-tow-col
{
    position: relative;
}
@media only screen and (max-width: 991px)
{
    .box-img-tow-col
    {
        padding-bottom: 50px;
    }
}
@media only screen and (max-width: 575px)
{
    .box-img-tow-col
    {
        display: block;
    }
}
@media only screen and (max-width: 991px)
{
    .box-img-tow-col .img-item.mb-80
    {
        margin-bottom: 50px;
    }
    .box-img-tow-col .img-item.mt-80
    {
        margin-top: 50px;
    }
}
@media only screen and (max-width: 575px)
{
    .box-img-tow-col .img-item
    {
        width: 100%;
        padding-right: 0;
        padding-left: 0;
    }
    .box-img-tow-col .img-item.mt-80
    {
        margin-top: 0;
        padding-right: 0;
    }
    .box-img-tow-col .img-item.mb-80
    {
        margin-bottom: 30px;
        padding-right: 0;
    }
}

.box .box-img
{
    width: 100px;

    border-radius: 50%;
}
@media only screen and (max-width: 767px)
{
    .box .box-img
    {
        width: 60px;
    }
}
.box .box-img img
{
    width: 100%;

    border-radius: 50%;
}

.box-view-item
{
    border-radius: 3px;
}
.box-view-item .box-img
{
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}
.box-view-item .box-title .background-label
{
    font-size: 70px;
    font-weight: 700;
    line-height: 1;

    position: absolute;
    top: -25px;
    left: 50%;

    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);

    color: var(--border-color);
}
.box-view-item .box-title .title-block
{
    z-index: 2;
}
.box-view-item .content a
{
    font-size: 14px;

    padding: 8px 20px;

    letter-spacing: 2px;

    color: var(--heading-color);
    border-radius: 30px;
}
.box-view-item .content .content-btn span
{
    font-size: 14px;

    letter-spacing: 2px;

    color: var(--heading-color);
}

.features .feature-item
{
    display: inline-block;

    width: 16%;
}
.features .feature-item:nth-of-type(n + 7)
{
    margin-top: 30px;
}
@media only screen and (max-width: 991px)
{
    .features .feature-item
    {
        width: 24%;
    }
    .features .feature-item:nth-of-type(n + 5)
    {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 767px)
{
    .features .feature-item
    {
        width: 32%;
    }
    .features .feature-item:nth-of-type(n + 4)
    {
        margin-top: 30px;
    }
}
@media only screen and (max-width: 575px)
{
    .features .feature-item
    {
        width: 49%;
    }
    .features .feature-item:nth-of-type(n + 3)
    {
        margin-top: 30px;
    }
}
.features .feature-item .box-icon
{
    width: 120px;
    margin: auto;
    padding: 40px 0;

    border-radius: 3px;
}
.features .feature-item .box-icon svg
{
    width: 40px;

    fill: var(--theme-color);
}
.features .feature-item h5
{
    font-weight: 400;

    color: var(--font-color);
}

.end-features .features-box .feature-item
{
    display: inline-block;
    float: left;

    width: calc(50% - 2px);
    margin: 0 .5px;
}
.end-features .features-box .feature-item:first-of-type
{
    border-radius: 3px 0 0 3px;
}
.end-features .features-box .feature-item:last-of-type
{
    border-radius: 0 3px 3px 0;
}
.end-features .features-box .feature-item .icon i
{
    font-size: 30px;
}

.box-view-item .scroll-content
{
    height: 350px;
}
.box-view-item .box-img
{
    overflow: hidden;

    height: 350px !important;
    max-height: 350px;
}
.box-view-item .box-img a
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.box-view-item .box-img a img
{
    width: 100%;
    height: auto;
}
.box-view-item .scrollbar-track
{
    right: 0 !important;
    left: auto !important;
}

.view-pages .box-view-item .box-img
{
    position: relative;

    height: auto !important;
    min-height: auto;
}
.view-pages .box-view-item .box-img a
{
    position: relative;

    width: 100%;
    height: 100%;
}
.view-pages .box-view-item img
{
    -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
            box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

@media only screen and (max-width: 991px)
{
    .box-descr-view .box-bg
    {
        display: none;
    }
}
@media only screen and (max-width: 991px)
{
    .box-descr-view .box-right
    {
        margin-top: 50px;
        padding-right: 0;
        padding-left: 0;
    }
}

.section-image .swiper-container:not(:last-of-type)
{
    margin-bottom: 30px;
}
.section-image .swiper-slide
{
    width: calc(100% / 3);
}
.section-image .swiper-slide:not(:last-of-type)
{
    padding-right: 30px;
}
.section-image .swiper-slide .image-item
{
    padding: 2px;
}
.section-image .swiper-slide img
{
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2), 0 0 10px 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .2), 0 0 10px 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12);
}

.twentytwenty-container .twentytwenty-overlay
{
    display: none;
}

@media only screen and (min-width: 992px)
{
    .wrapper > *:first-child.dsn-under-header
    {
        position: relative;
        z-index: 2;

        margin-top: -80px;
    }
    .wrapper > *:first-child.dsn-under-header.hero-under-header
    {
        margin-top: -150px;
    }
    .wrapper > *:first-child.dsn-under-header .section-title,
    .wrapper > *:first-child.dsn-under-header .section-title-2
    {
        display: none;
    }
}

.hero-under-header img
{
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
            box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}

.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,
.sidebar-single,
.dsn-work-scrollbar
{
    overflow: hidden;

    height: 100vh;
}
.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track,
.sidebar-single .scrollbar-track,
.dsn-work-scrollbar .scrollbar-track
{
    width: 4px;

    background: none;

    mix-blend-mode: exclusion;
}
.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar .scrollbar-track .scrollbar-thumb,
.sidebar-single .scrollbar-track .scrollbar-thumb,
.dsn-work-scrollbar .scrollbar-track .scrollbar-thumb
{
    width: var(--smooth-width);

    background: #fff;
}

.admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,
.sidebar-single,
.dsn-work-scrollbar
{
    height: calc(100vh - 46px);
}
@media screen and (min-width: 783px)
{
    .admin-bar.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar,
    .sidebar-single,
    .dsn-work-scrollbar
    {
        height: calc(100vh - 32px);
    }
}

.locked-scroll #dsn-scrollbar
{
    background-color: var(--bg-color);
}

@media only screen and (min-width: 992px)
{
    body.dsn-line-style .scrollbar-track
    {
        right: auto;
        left: calc(var(--body-style-space) - (var(--smooth-width) /2));
    }
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
/* -------------------------------------------------------
                   Header
-------------------------------------------------------- */
@media only screen and (max-width: 991px)
{
    .header-personal .w-50,
    .header-project .w-50
    {
        width: 100%;
    }
}

.project-number
{
    top: 30px;

    padding-top: 40px;
}
@media only screen and (min-width: 992px)
{
    body.dsn-line-style .project-number
    {
        padding-top: 0;
    }
}
.project-number h6
{
    font-size: 14px;
    font-weight: 400;

    margin-right: 15px;

    letter-spacing: 2.5px;
    text-transform: uppercase;
}
.project-number span
{
    font-family: var(--heading-font);
    font-size: 14px;
    font-weight: 400;

    position: relative;

    color: var(--heading-color);
}
.project-number span.curent
{
    padding-right: 80px;
}
@media only screen and (max-width: 575px)
{
    .project-number span.curent
    {
        padding-right: 30px;
    }
}
.project-number span.curent::before
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 60px;
    height: 1px;
    margin-top: -1px;

    content: '';

    background-color: var(--heading-color);
}
@media only screen and (max-width: 575px)
{
    .project-number span.curent::before
    {
        width: 20px;
    }
}
.project-number span.full
{
    margin-left: 20px;
}
@media only screen and (max-width: 575px)
{
    .project-number span.full
    {
        margin-left: 15px;
    }
}

/**
    page Personal
 */
@media only screen and (max-width: 991px)
{
    .header-personal .w-50
    {
        width: 100%;
    }
}
.header-personal .title,
.header-personal .sm-title-block
{
    margin-left: -120px;
}
@media only screen and (max-width: 991px)
{
    .header-personal .title,
    .header-personal .sm-title-block
    {
        margin-left: 0;
    }
}
.header-personal .dsn-button::before
{
    position: absolute;
    top: 50%;
    left: -50px;

    width: 50px;
    height: 2px;

    content: '';

    background-color: var(--theme-color);
}
@media only screen and (max-width: 991px)
{
    .header-personal .dsn-button::before
    {
        display: none;
    }
}

/**
    border in normal page like contact & about
 */
.border-header
{
    position: relative;

    width: 130px;
    margin: 80px auto 0 auto;
}
.border-header *,
.border-header path
{
    fill: none;
    stroke: var(--heading-color);
}
.border-header path
{
    stroke-dashoffset: 0;
}

/* -------------------------------------------------------

-------------------------------------------------------- */
header .scroll-d
{
    z-index: 2;
    right: 0;
    bottom: 40px;

    cursor: pointer;
}
header .scroll-d img
{
    width: 60px;
}
.v-light header .scroll-d img
{
    -webkit-filter: invert(1);
            filter: invert(1);
}

/*--------------------------------------------------------------
## pages
--------------------------------------------------------------*/
/* -------------------------------------------------------
                   09 - Slider
-------------------------------------------------------- */
.main-slider .dsn-webgl
{
    position: relative;
}
.main-slider .v-dark,
.main-slider .v-light
{
    background: transparent;
}
.main-slider .slide-inner:before
{
    -webkit-transition: opacity 1s;
         -o-transition: opacity 1s;
            transition: opacity 1s;
}
.main-slider .dsn-slider-content
{
    z-index: 4;
    top: 0;

    pointer-events: none;
}
@media only screen and (max-width: 767px)
{
    .main-slider .dsn-slider-content .dsn-container
    {
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-align: center;
    }
}
.main-slider .dsn-slider-content .slide-content
{
    padding-top: 40px;
    padding-bottom: 40px;
}
.main-slider .dsn-slider-content .slide-content:before
{
    display: none;
}
.main-slider .dsn-slider-content .slide-content.dsn-active
{
    z-index: 3;
}
.main-slider .dsn-slider-content .slide-content.dsn-active .title,
.main-slider .dsn-slider-content .slide-content.dsn-active .metas,
.main-slider .dsn-slider-content .slide-content.dsn-active .link-custom
{
    pointer-events: auto;
}
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .title,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .metas,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .link-custom,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .description,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) hr
{
    visibility: hidden;

    -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
            transform: scale(.8);

    opacity: 0;
}
.main-slider .dsn-slider-content .slide-content .metas,
.main-slider .dsn-slider-content .slide-content .link-custom,
.main-slider .dsn-slider-content .slide-content .description
{
    -webkit-transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
         -o-transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
            transition-timing-function: cubic-bezier(.34, 1.56, .64, 1);
    -webkit-transition-duration: 1.5s;
         -o-transition-duration: 1.5s;
            transition-duration: 1.5s;
    -webkit-transition-property: opacity, visibility, -webkit-transform, -webkit-box-shadow;
         -o-transition-property: opacity, visibility, transform, box-shadow;
            transition-property: opacity, visibility, -webkit-transform, -webkit-box-shadow;
            transition-property: opacity, visibility, transform, box-shadow;
            transition-property: opacity, visibility, transform, box-shadow, -webkit-transform, -webkit-box-shadow;
}
.main-slider .dsn-slider-content .dsn-container
{
    position: relative;

    overflow: hidden;

    width: 100%;
    height: 100%;
}
.main-slider hr
{
    width: calc(100vw - 100px);

    border: 0 solid rgba(255, 255, 255, 0.4);
    border-top-width: 1.5px;
}
@media only screen and (min-width: 992px)
{
    body.dsn-line-style .main-slider hr
    {
        width: calc(100vw - (var(--body-style-space) * 2) + 100px);
    }
}
@media only screen and (max-width: 767px)
{
    .main-slider hr
    {
        display: none;
    }
}
.main-slider .description
{
    letter-spacing: 1px;
    text-transform: uppercase;

    color: var(--font-color);
}
.main-slider .control-nav
{
    position: absolute;
    z-index: 3;
    right: 0;
    bottom: 30px;

    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    background: transparent;
}
@media only screen and (max-width: 767px)
{
    .main-slider .control-nav
    {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.main-slider .control-nav .slider-counter
{
    position: relative;
    top: -3px;

    margin: 0 30px;

    color: var(--reverse-color);
}
.main-slider .control-nav .slider-counter .slider-counter-delimiter
{
    height: 30px;

    -webkit-transform: rotate(30deg);
        -ms-transform: rotate(30deg);
            transform: rotate(30deg);

    border-right: 1px solid var(--reverse-color);
}
.main-slider .control-nav .slider-current-index
{
    margin-right: 15px;
}
.main-slider .control-nav .slider-total-index
{
    font-size: 20px;

    margin-left: 15px;
}
.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .prev-container,
.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .next-container,
.main-slider.controller-right .control-nav .prev-container,
.main-slider.controller-right .control-nav .next-container
{
    position: absolute;
    right: 7px;

    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .next-container,
.main-slider.controller-right .control-nav .next-container
{
    bottom: 100px;
}
.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .prev-container,
.main-slider.controller-right .control-nav .prev-container
{
    bottom: 15px;
}
.main-slider:not(.has-horizontal):not(.controller-bottom) .control-nav .slider-counter,
.main-slider.controller-right .control-nav .slider-counter
{
    margin: 0;
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav,
.main-slider.controller-right.nav-center .control-nav
{
    -webkit-box-align: end;
    align-items: flex-end;
    -ms-flex-align: end;

    height: 100%;

    pointer-events: none;
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav *,
.main-slider.controller-right.nav-center .control-nav *
{
    pointer-events: auto;
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container,
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container,
.main-slider.controller-right.nav-center .control-nav .prev-container,
.main-slider.controller-right.nav-center .control-nav .next-container
{
    right: 20px;

    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg);
}
@media only screen and (min-width: 992px)
{
    body.dsn-line-style .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container,
    body.dsn-line-style .main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container,
    body.dsn-line-style .main-slider.controller-right.nav-center .control-nav .prev-container,
    body.dsn-line-style .main-slider.controller-right.nav-center .control-nav .next-container
    {
        right: calc(0px - ((var(--body-style-space) / 2) + 25px + 20px));
    }
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .next-container,
.main-slider.controller-right.nav-center .control-nav .next-container
{
    bottom: calc(50% - 100px);
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .prev-container,
.main-slider.controller-right.nav-center .control-nav .prev-container
{
    bottom: calc(50% - 15px);
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center .control-nav .slider-counter,
.main-slider.controller-right.nav-center .control-nav .slider-counter
{
    margin: 0;
}
@media only screen and (min-width: 992px)
{
    body.dsn-line-style .main-slider:not(.has-horizontal):not(.controller-bottom).full-width .control-nav .prev-container,
    body.dsn-line-style .main-slider:not(.has-horizontal):not(.controller-bottom).full-width .control-nav .next-container,
    body.dsn-line-style .main-slider.controller-right.full-width .control-nav .prev-container,
    body.dsn-line-style .main-slider.controller-right.full-width .control-nav .next-container
    {
        right: 0;
    }
}

@media only screen and (min-width: 992px)
{
    .main-slider.demo-2 .bg-container,
    .main-slider.demo-2 .dsn-slider-content
    {
        overflow: hidden;

        width: 50%;
    }
}
.main-slider.demo-2 .slide-content
{
    width: calc(100% - 100px);
}
@media only screen and (min-width: 992px)
{
    .main-slider.demo-2:not(.content-left) .dsn-slider-content
    {
        left: 50%;
    }
}
@media only screen and (min-width: 992px)
{
    .main-slider.demo-2.content-left .bg-container
    {
        left: 50%;
    }
}

@media only screen and (max-width: 767px)
{
    .main-slider.demo-1.dsn-container
    {
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (min-width: 768px)
{
    .main-slider.demo-1 .bg-container
    {
        padding-top: 110px;
        padding-bottom: 110px;
    }
}
.main-slider.demo-1 .bg-container .slide-inner
{
    overflow: hidden;
}
@media only screen and (min-width: 768px)
{
    .v-light .main-slider.demo-1 .dsn-slider-content .align-items-end .title
    {
        color: var(--reverse-heading-color);
    }
}

/* -------------------------------------------------------
                   09 - portfolio
-------------------------------------------------------- */
.work
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;

    counter-reset: workcounter;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.work.dsn-col:not(.dsn-col-space) .work-inner .work-item
{
    padding-right: 0;
    padding-left: 0;
}
.work__item
{
    position: relative;

    text-align: center;
}
.work__item:last-of-type
{
    margin-bottom: 0;
}
.work__item a:hover .work__item-textinner
{
    color: transparent;

    -webkit-text-stroke: 1.5px var(--font-color);
}
.work__item::before
{
    line-height: 1;

    position: absolute;
    top: 20%;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;

    height: 60%;
    padding-left: 15px;

    content: counters(workcounter, '.', decimal-leading-zero);
    counter-increment: workcounter;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
         -o-transition: transform .3s, opacity .3s;
            transition: opacity .3s, -webkit-transform .3s;
            transition: transform .3s, opacity .3s;
            transition: transform .3s, opacity .3s, -webkit-transform .3s;
    -webkit-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
            transform: translateX(-15px);

    opacity: 0;
    border-left: 1px solid var(--reverse-color);
}
.work__item:hover::before
{
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);

    opacity: 1;
}

.work-inner
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;

    counter-reset: workcounter;
}
.work-inner.work-one-page .work-item
{
    width: 33.333%;
}
@media only screen and (max-width: 991px)
{
    .work-inner.work-one-page .work-item
    {
        width: 50%;
    }
}
@media only screen and (max-width: 767px)
{
    .work-inner.work-one-page .work-item
    {
        width: 100%;
    }
}
@media only screen and (min-width: 992px)
{
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 2) a,
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 3) a,
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 7) a
    {
        padding: 5vw;
    }
}
@media only screen and (min-width: 992px)
{
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 2) .box-img,
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 3) .box-img,
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 7) .box-img
    {
        height: 25vw;
    }
}
@media only screen and (min-width: 992px)
{
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 6) a
    {
        padding: 5vw 0;
    }
}
@media only screen and (min-width: 992px)
{
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 5),
    .work-inner:not(.work-one-page) .work-item:nth-of-type(6n + 8)
    {
        width: 100%;
    }
}
.work-inner .work-item
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 50%;
    padding: 0 15px;
    padding-top: 30px;
}
@media only screen and (max-width: 767px)
{
    .work-inner .work-item
    {
        padding-right: 0;
        padding-left: 0;
    }
}
@media only screen and (max-width: 767px)
{
    .work-inner .work-item .line.line-top,
    .work-inner .work-item .line.line-bottom
    {
        right: 0;
        left: 0;
    }
}
@media only screen and (max-width: 767px)
{
    .work-inner .work-item .line.line-left,
    .work-inner .work-item .line.line-right
    {
        top: 0;
        bottom: 0;
    }
}
.work-inner .work-item a
{
    width: 100%;
    height: 100%;

    -webkit-transition: -webkit-transform .5s ease-in-out;
         -o-transition:         transform .5s ease-in-out;
            transition: -webkit-transform .5s ease-in-out;
            transition:         transform .5s ease-in-out;
            transition:         transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
}
.work-inner .work-item a:hover .box-img
{
    -webkit-transform: scale(.96) translateY(-10px);
        -ms-transform: scale(.96) translateY(-10px);
            transform: scale(.96) translateY(-10px);
}
.work-inner .work-item a:hover .line
{
    -webkit-transition: all 1.2s cubic-bezier(.13, .28, 0, .91);
         -o-transition: all 1.2s cubic-bezier(.13, .28, 0, .91);
            transition: all 1.2s cubic-bezier(.13, .28, 0, .91);
}
.work-inner .work-item a:hover .line.line-top,
.work-inner .work-item a:hover .line.line-bottom
{
    right: -50px;
    left: -50px;
}
.work-inner .work-item a:hover .line.line-left,
.work-inner .work-item a:hover .line.line-right
{
    top: -50px;
    bottom: -50px;
}
.work-inner .work-item .box-img
{
    position: relative;

    height: 360px;

    -webkit-transition: -webkit-transform 1.2s cubic-bezier(.13, .28, 0, .91);
         -o-transition:         transform 1.2s cubic-bezier(.13, .28, 0, .91);
            transition: -webkit-transform 1.2s cubic-bezier(.13, .28, 0, .91);
            transition:         transform 1.2s cubic-bezier(.13, .28, 0, .91);
            transition:         transform 1.2s cubic-bezier(.13, .28, 0, .91), -webkit-transform 1.2s cubic-bezier(.13, .28, 0, .91);
}
.work-inner .work-item .work-item-inner
{
    position: relative;

    padding: 20px;
}
.work-inner .work-item .work-item-inner::before
{
    font-size: 14px;
    font-weight: 500;
    line-height: 1;

    position: absolute;
    top: -20px;
    left: 20px;

    height: 30px;

    content: counters(workcounter, '.', decimal-leading-zero);
    counter-increment: workcounter;
    -webkit-transition: opacity .3s, -webkit-transform .3s;
         -o-transition: transform .3s, opacity .3s;
            transition: opacity .3s, -webkit-transform .3s;
            transition: transform .3s, opacity .3s;
            transition: transform .3s, opacity .3s, -webkit-transform .3s;
}
.work-inner .work-item .work-item-inner .cat
{
    font-size: 13px;
    font-weight: 500;

    top: -20px;
    right: 20px;

    margin-bottom: 10px;

    letter-spacing: 2px;
    text-transform: uppercase;

    opacity: .9;
}
.work-inner .work-item .box-content
{
    padding: 15px 30px 0;
}
.work-inner .work-item .box-content .title-block
{
    margin-bottom: 0;
}

.hover-reveal
{
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;

    width: 280px;
    height: 420px;

    pointer-events: none;

    opacity: 0;
}

.hover-reveal__inner,
.hover-reveal__img
{
    position: relative;

    width: 100%;
    height: 100%;

    background-position: 50% 50%;
    background-size: cover;
}

.hover-reveal__deco
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-color: var(--bg-color);
}

/* -------------------------------------------------------
                Blog
-------------------------------------------------------- */
.dsn-posts.d-grid.grid-lg-1
{
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
    grid-row-gap: var(--margin-padding);
}
@media only screen and (max-width: 991px)
{
    .dsn-posts.d-grid.grid-lg-1
    {
        grid-row-gap: var(--margin-padding-mobile);
    }
}
.dsn-posts.d-grid.grid-lg-3 .dsn-paginations
{
    margin-top: 90px;

    grid-column: 1/-1;
}
@media only screen and (max-width: 991px)
{
    .dsn-posts.d-grid.grid-lg-3 .dsn-paginations
    {
        margin-top: 50px;
    }
}
.dsn-posts .blog-item .title-block
{
    max-width: 400px;
}

.metas-blog > a
{
    margin-left: 15px;
}

.root-blog
{
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.root-blog .post-list-item
{
    position: relative;

    margin-bottom: var(--margin-padding);
}
.root-blog .post-list-item figure
{
    position: relative;

    width: 100%;
}
.root-blog .post-list-item figure a
{
    width: 100%;
}
.root-blog .post-list-item figure img
{
    position: relative;

    display: block;

    width: 100%;
    max-height: 80vh;

    -o-object-fit: cover;
       object-fit: cover;
}
.root-blog .post-list-item .post-list-item-content
{
    position: relative;

    width: 100%;
    margin-top: 30px;
}
.root-blog .post-list-item .post-list-item-content .post-info-date
{
    margin-right: 20px;
}
@media only screen and (max-width: 575px)
{
    .root-blog .post-list-item .post-list-item-content
    {
        padding-right: 0;
        padding-left: 0;
    }
}
.root-blog .post-list-item .post-list-item-content .post-info-top a
{
    font-size: 14px;
    font-weight: 500;

    display: inline-block;

    margin-bottom: 20px;

    letter-spacing: 1.2px;
    word-spacing: 2px;

    color: var(--heading-color);
}
.root-blog .post-list-item .post-list-item-content .post-info-top > div
{
    position: relative;

    display: inline-block;
}
.root-blog .post-list-item .post-list-item-content h3
{
    margin-bottom: 30px;
}
.root-blog .post-list-item .post-list-item-content .post-author
{
    display: block;

    width: 100%;
    margin-bottom: 40px;
}
.root-blog .post-list-item .post-list-item-content .post-author img
{
    display: inline-block;

    width: 60px;
    height: 60px;
    margin-right: 10px;

    border-radius: 50%;
}
.root-blog .post-list-item .post-list-item-content .post-author span
{
    font-weight: 300;
}
.root-blog .post-list-item .post-list-item-content .post-author span a
{
    padding-left: 5px;

    letter-spacing: 2px;

    color: var(--heading-color);
}

.news-content
{
    position: relative;

    overflow: hidden;
}
@media only screen and (max-width: 991px)
{
    .news-content
    {
        padding-right: 0;
        padding-left: 0;
    }
}
.news-content .news-content-inner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
}
.news-content .post-content
{
    position: relative;

    display: block;
}
.news-content .post-content > *
{
    margin-bottom: 30px;
}
.news-content .post-content > *:first-child,
.news-content .post-content:first-child
{
    margin-top: 0;
}
.news-content .post-content > *:last-child,
.news-content .post-content:last-child
{
    margin-bottom: 0;
}
.news-content .post-content p
{
    letter-spacing: -.6px;
}
.news-content .post-content p a
{
    display: inline-block;
}
.news-content .post-content blockquote
{
    font-family: serif;
    font-size: 20px;
    font-style: italic;

    padding: 10px 0 10px 15px;

    color: var(--heading-color);
    border-left: 1px solid var(--border-color);
}
.news-content .post-content a
{
    position: relative;

    -webkit-transition: color 670ms linear 417ms;
         -o-transition: color 670ms linear 417ms;
            transition: color 670ms linear 417ms;
    text-decoration: none;
}
.news-content .post-content a:before
{
    position: absolute;
    z-index: -1;
    right: -.15em;
    bottom: 0;
    left: -.15em;

    height: 45%;

    content: '';
    -webkit-transition: 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1);
         -o-transition: 380ms transform cubic-bezier(.165, .84, .44, 1);
            transition: 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1);
            transition: 380ms transform cubic-bezier(.165, .84, .44, 1);
            transition: 380ms transform cubic-bezier(.165, .84, .44, 1), 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: scale(.98, 0) translateZ(0);
            transform: scale(.98, 0) translateZ(0);
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;

    background: rgba(82, 83, 85, .19);
    background-repeat: repeat-x;
    background-size: 100% 100%;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.news-content .post-content a:after
{
    position: absolute;
    right: -.075em;
    bottom: 0;
    left: -.025em;

    height: 1px;

    content: '';
    -webkit-transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms;
         -o-transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms;
            transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);

    background: rgba(82, 83, 85, .19);
    background-size: 100% 100%;
}
.news-content .post-content a:hover:before
{
    -webkit-transform: scale(1, .99999999) translateZ(0);
            transform: scale(1, .99999999) translateZ(0);
}
.news-content .post-content a:hover:after
{
    -webkit-transition: 126.66666667ms opacity cubic-bezier(.165, .84, .44, 1);
         -o-transition: 126.66666667ms opacity cubic-bezier(.165, .84, .44, 1);
            transition: 126.66666667ms opacity cubic-bezier(.165, .84, .44, 1);

    opacity: 0;
}
.news-content .post-tags
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -ms-flex-align: center;

    padding: 50px 0 0;
}
@media only screen and (max-width: 767px)
{
    .news-content .post-tags
    {
        padding: 30px 0 0;
    }
}
.news-content .post-tags a
{
    line-height: 1;

    display: inline-block;
    float: left;

    margin-right: 30px;

    color: var(--heading-color);
}
.news-content .post-tags a:before
{
    font-size: 14px;

    position: relative;

    margin-right: 5px;

    content: '#';

    border: 0;
    background-color: transparent;
}
.news-content .post-tags a::after
{
    display: none;
}

/* -------------------------------------------------------
                  contact
-------------------------------------------------------- */
.form-box
{
    position: relative;

    width: 72%;
    margin: 0 auto;
    padding: 40px;
}
@media only screen and (max-width: 575px)
{
    .form-box
    {
        padding: 40px 20px;
    }
}
.form-box .form-group
{
    width: 100%;
    margin-bottom: 30px;
}
.form-box .form-group .help-block
{
    font-weight: 600;

    margin-top: 10px;
    margin-bottom: 15px;

    color: red;
}
.form-box .form-group li
{
    list-style: none;
}

.entry-box
{
    width: 100%;
}
.entry-box input,
.entry-box textarea,
.entry-box select
{
    font-size: 16px;

    width: 100%;
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 10px;

    letter-spacing: -.5px;

    color: var(--font-color);
    border: none;
    border-bottom: 1.5px solid var(--border-color);
    background-color: transparent;
}
.entry-box input::-webkit-input-placeholder,
.entry-box textarea::-webkit-input-placeholder
{
    font-size: 16px;

    letter-spacing: -.5px;

    color: var(--font-color);
}
.entry-box input::-moz-placeholder,
.entry-box textarea::-moz-placeholder
{
    font-size: 16px;

    letter-spacing: -.5px;

    color: var(--font-color);
}
.entry-box input:-ms-input-placeholder,
.entry-box textarea:-ms-input-placeholder
{
    font-size: 16px;

    letter-spacing: -.5px;

    color: var(--font-color);
}
.entry-box input::-ms-input-placeholder,
.entry-box textarea::-ms-input-placeholder
{
    font-size: 16px;

    letter-spacing: -.5px;

    color: var(--font-color);
}
.entry-box input::placeholder,
.entry-box textarea::placeholder
{
    font-size: 16px;

    letter-spacing: -.5px;

    color: var(--font-color);
}
.entry-box input
{
    height: 100%;
}

label
{
    color: var(--theme-color);
}

.box-info-contact
{
    padding-left: 30px;
}
@media only screen and (max-width: 991px)
{
    .box-info-contact
    {
        margin-top: 20px;
        padding-left: 0;
    }
}
.box-info-contact ul li:not(:first-of-type)
{
    margin-top: 30px;
}
@media only screen and (max-width: 991px)
{
    .box-info-contact ul li
    {
        display: inline-block;

        width: 32.8%;
    }
}
@media only screen and (max-width: 767px)
{
    .box-info-contact ul li
    {
        width: 49%;
        margin-top: 30px;
    }
}
@media only screen and (max-width: 400px)
{
    .box-info-contact ul li
    {
        width: 100%;
    }
}
.box-info-contact ul li .text-p:not(:nth-last-child)
{
    margin-bottom: 10px;
}
.box-info-contact ul li a
{
    display: block;

    text-decoration: underline;
}
.box-info-contact ul li .social-item:not(:last-of-type)
{
    margin-bottom: 10px;
}
.box-info-contact ul li .social-item a
{
    text-decoration: none;
}

.comments-form textarea,
.comments-form input
{
    font-size: 16px;

    width: 100%;
    padding: 15px;

    color: var(--heading-color);
    border: 1px solid var(--border-color);
    background-color: transparent;
}
.comments-form textarea::-webkit-input-placeholder,
.comments-form input::-webkit-input-placeholder
{
    font-size: 16px;

    color: var(--heading-color);
}
.comments-form textarea::-moz-placeholder,
.comments-form input::-moz-placeholder
{
    font-size: 16px;

    color: var(--heading-color);
}
.comments-form textarea:-ms-input-placeholder,
.comments-form input:-ms-input-placeholder
{
    font-size: 16px;

    color: var(--heading-color);
}
.comments-form textarea::-ms-input-placeholder,
.comments-form input::-ms-input-placeholder
{
    font-size: 16px;

    color: var(--heading-color);
}
.comments-form textarea::placeholder,
.comments-form input::placeholder
{
    font-size: 16px;

    color: var(--heading-color);
}
.comments-form input[type=submit]
{
    font-size: 15px;
    font-weight: 600;

    position: relative;

    width: auto;
    min-height: 48px;
    padding: 15px 40px;
    padding: 20px 41px;

    cursor: pointer;
    letter-spacing: 1.2px;

    color: var(--heading-color);
    border: 2px solid var(--heading-color);
    border-radius: 30px;
    background: transparent;
}
.comments-form .box-textarea
{
    grid-column: 1/-1;
}

/*
  Map
 */
.map-custom
{
    position: relative;

    width: 100%;
    height: 70vh;
}
.map-custom .gm-fullscreen-control,
.map-custom .gm-bundled-control,
.map-custom .gm-bundled-control-on-bottom,
.map-custom .gmnoprint,
.map-custom .gm-style-cc
{
    display: none !important;
}

/**
  Contact Button
 */
.contact-btn
{
    position: fixed;
    z-index: 12;
    top: 35px;
    right: 15px;

    width: 12px;
    height: 12px;

    color: #fff;

    mix-blend-mode: exclusion;
}
@media only screen and (min-width: 992px)
{
    body.dsn-line-style .contact-btn
    {
        top: 25px;
        right: calc(var(--body-style-space) / 2 - 4px);
    }
}
.contact-btn .contact-btn-txt
{
    font-size: 13px;

    position: absolute;
    top: 320px;
    right: 0;

    height: 13px;
    padding-right: 20px;

    cursor: pointer;
    -webkit-transition: opacity .3s cubic-bezier(.455, .03, .515, .955) .3s, -webkit-transform 1s cubic-bezier(.77, 0, .175, 1);
         -o-transition: opacity .3s cubic-bezier(.455, .03, .515, .955) .3s, transform 1s cubic-bezier(.77, 0, .175, 1);
            transition: opacity .3s cubic-bezier(.455, .03, .515, .955) .3s, -webkit-transform 1s cubic-bezier(.77, 0, .175, 1);
            transition: opacity .3s cubic-bezier(.455, .03, .515, .955) .3s, transform 1s cubic-bezier(.77, 0, .175, 1);
            transition: opacity .3s cubic-bezier(.455, .03, .515, .955) .3s, transform 1s cubic-bezier(.77, 0, .175, 1), -webkit-transform 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transform-origin: calc(100% - 6px) 50%;
        -ms-transform-origin: calc(100% - 6px) 50%;
            transform-origin: calc(100% - 6px) 50%;
    white-space: nowrap;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.contact-modal
{
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;

    width: calc(100% - 100px);
    height: 100%;
    padding-right: 100px;

    transition: transform 1s cubic-bezier(.77, 0, .175, 1), -webkit-transform 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transform: translate3d(120%, 0, 0);
            transform: translate3d(120%, 0, 0);
}
.contact-modal .contact-container
{
    position: relative;

    overflow: hidden;
    overflow-y: auto;

    padding-left: 60px;
}

@media only screen and (max-width: 991px)
{
    .contact-btn,
    .contact-modal,
    .line-border-style,
    .dsn-paginate-right-page,
    .box-options
    {
        display: none;
    }
}

body.dsn-show-contact .contact-btn .contact-btn-txt
{
    -webkit-transition-delay: .1s;
         -o-transition-delay: .1s;
            transition-delay: .1s;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
body.dsn-show-contact .contact-modal
{
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-post
{
    position: relative;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;

    vertical-align: middle;
}
.comments-post .comments-title
{
    margin-bottom: 70px;
}
@media only screen and (max-width: 991px)
{
    .comments-post .comments-title
    {
        margin-bottom: 35px;
    }
}
.comments-post .comments-title .subtitle
{
    margin-bottom: 0;
}
.comments-post .comments-area
{
    position: relative;
}
.comments-post .comments-area .comment-list > li.comment:first-child
{
    margin-top: 0;
}
.comments-post .comments-area .comment-list > li.comment:first-child > .comment-body
{
    padding-top: 0;
}
.comments-post .comments-area .comment
{
    margin-top: 20px;

    list-style: none;
}
.comments-post .comments-area .comment .comment-body
{
    position: relative;

    padding-top: 30px;
}
.comments-post .comments-area .comment .comment-body .comment-author
{
    position: relative;
    top: 10px;
    left: 0;

    display: block;
    float: left;

    width: 64px;
    height: 64px;
}
@media only screen and (max-width: 575px)
{
    .comments-post .comments-area .comment .comment-body .comment-author
    {
        width: 30px;
        height: 30px;
    }
}
.comments-post .comments-area .comment .comment-body .comment-author img
{
    display: block;

    max-width: 100%;
    height: auto;

    border-radius: 50%;
}
.comments-post .comments-area .comment .comment-body .comment-text
{
    min-height: 64px;
    padding: 0 0 0 90px;
}
@media only screen and (max-width: 575px)
{
    .comments-post .comments-area .comment .comment-body .comment-text
    {
        padding: 0 0 0 40px;
    }
}
.comments-post .comments-area .comment .comment-body .comment-text .comment-date
{
    font-size: 13px;

    margin-top: 5px;

    color: var(--font-color);
}
.comments-post .comments-area .comment .comment-body .comment-text .comment-date:before
{
    display: inline-block;

    margin-right: 5px;

    content: '/';
}
.comments-post .comments-area .comment .comment-body .comment-text .comment-info
{
    position: relative;

    display: inline-block;
}
.comments-post .comments-area .comment .comment-body .comment-text .comment-info .comment-name
{
    font-size: 17px;
    font-weight: 700;

    float: left;

    margin: 0;
}
.comments-post .comments-area .comment .comment-body .comment-text .text-holder p
{
    margin: 7px 0 10px;
}
.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link
{
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;

    position: relative;

    -webkit-transition: color 670ms linear 417ms;
         -o-transition: color 670ms linear 417ms;
            transition: color 670ms linear 417ms;
    text-decoration: none;
    text-transform: uppercase;

    color: var(--heading-color);
}
.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:before
{
    position: absolute;
    z-index: -1;
    right: -.15em;
    bottom: 0;
    left: -.15em;

    height: 45%;

    content: '';
    -webkit-transition: 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1);
         -o-transition: 380ms transform cubic-bezier(.165, .84, .44, 1);
            transition: 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1);
            transition: 380ms transform cubic-bezier(.165, .84, .44, 1);
            transition: 380ms transform cubic-bezier(.165, .84, .44, 1), 380ms -webkit-transform cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: scale(.98, 0) translateZ(0);
            transform: scale(.98, 0) translateZ(0);
    -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
            transform-origin: 50% 100%;

    background: rgba(82, 83, 85, .19);
    background-repeat: repeat-x;
    background-size: 100% 100%;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:after
{
    position: absolute;
    right: -.075em;
    bottom: 0;
    left: -.025em;

    height: 1px;

    content: '';
    -webkit-transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms;
         -o-transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms;
            transition: 190ms opacity cubic-bezier(.895, .03, .685, .22), background 670ms linear 417ms;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);

    background: rgba(82, 83, 85, .19);
    background-size: 100% 100%;
}
.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:before
{
    -webkit-transform: scale(1, .99999999) translateZ(0);
            transform: scale(1, .99999999) translateZ(0);
}
.comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:after
{
    -webkit-transition: 126.66666667ms opacity cubic-bezier(.165, .84, .44, 1);
         -o-transition: 126.66666667ms opacity cubic-bezier(.165, .84, .44, 1);
            transition: 126.66666667ms opacity cubic-bezier(.165, .84, .44, 1);

    opacity: 0;
}
.comments-post .comments-area .comment .children
{
    margin-left: 90px;
}
@media only screen and (max-width: 575px)
{
    .comments-post .comments-area .comment .children
    {
        margin-left: 40px;
    }
}
@media only screen and (max-width: 400px)
{
    .comments-post .comments-area .comment .children
    {
        margin-left: 20px;
    }
}
.comments-post .comments-form
{
    position: relative;

    width: 100%;
    margin-top: var(--margin-padding);
}

/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* -------------------------------------------------------
                   Footer
-------------------------------------------------------- */
.footer
{
    border-top: 1px solid var(--border-color);
}
.footer .footer-container
{
    padding: 30px 0;
}
@media only screen and (max-width: 767px)
{
    .footer .footer-container > div
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    }
}
.footer .column-left,
.footer .column-right
{
    width: calc(50% - 35px);
}
@media only screen and (max-width: 767px)
{
    .footer .column-left,
    .footer .column-right
    {
        width: 100%;

        text-align: center;
    }
}
.footer .column-left .logo-footer img
{
    width: 75px;
}
.footer .column-left .footer-social ul
{
    margin: 0;
}
.footer .column-left .footer-social ul li
{
    font-size: 14px;
    font-weight: 500;

    display: inline-block;

    margin-right: 15px;
    padding-right: 5px;

    color: var(--heading-color);
}
@media only screen and (max-width: 575px)
{
    .footer .column-left .footer-social ul li
    {
        font-size: 13px;

        margin-right: 3px;
        padding-right: 3px;
    }
}
.footer .column-left .footer-social ul li:first-of-type
{
    padding-left: 0;
}
.footer .column-left .footer-social ul li a
{
    font-family: var(--heading-font);
    font-size: 13px;
    font-weight: 400;

    position: relative;

    display: inline-block;

    letter-spacing: 2px;

    color: var(--heading-color);
}
.footer .column-right
{
    text-align: right;
}
@media only screen and (max-width: 767px)
{
    .footer .column-right
    {
        margin-top: 20px;

        text-align: center;
    }
}
.footer .column-right h5
{
    font-size: 13px;
    font-weight: 400;

    display: inline-block;
    overflow: hidden;

    color: var(--font-color);
}
.footer .column-right h5 .love
{
    font-size: 16px;
    font-weight: bold;

    padding-right: 5px;
    padding-left: 5px;

    color: #fd4145;
}
.footer .column-right h5 .link-hover
{
    text-transform: initial;
}
.footer .scroll-top
{
    position: relative;
}
@media only screen and (max-width: 767px)
{
    .footer .scroll-top
    {
        position: absolute;
        right: 15px;

        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
}
@media only screen and (max-width: 575px)
{
    .footer .scroll-top
    {
        position: relative;

        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;

        margin-top: 20px;
    }
}
.footer .scroll-top .icon-circle
{
    position: absolute;
    top: -10%;
    left: -10%;

    display: none;

    width: 120%;
    height: 120%;

    border-radius: 50%;
}
.footer .scroll-top:hover .icon-circle
{
    display: inherit;
}
.footer .scroll-top img
{
    width: 60px;
}
.v-light .footer .scroll-top img
{
    -webkit-filter: invert(1);
            filter: invert(1);
}
.footer .scroll-top i
{
    font-size: 14px;
    line-height: 40px;

    position: absolute;
    top: 50%;
    left: 50%;

    width: 40px;
    height: 40px;

    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;

    color: var(--heading-color);
}

.cap
{
    position: absolute;
    z-index: 10;
    bottom: 30px;
    left: 0;

    padding: 4px 15px;

    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#0e0e0e5c), to(#1b1515));
    background-image: -o-linear-gradient(left, #0e0e0e5c 0%, #1b1515 100%);
    background-image:    linear-gradient(to right, #0e0e0e5c 0%, #1b1515 100%);
}
.cap span
{
    font-size: 12px;

    letter-spacing: 2px;
    text-transform: uppercase;
}

.caption
{
    font-size: 14px;
    font-weight: 600;

    position: relative;

    margin-top: 15px;

    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    letter-spacing: 2px;

    color: #fff;
}



.tec1
{
    padding: 32px 48px;

    background: url(http://khari.work/picslibrary/wp-content/uploads/2021/09/cmain_2.jpg);
    background-size: cover;
}


.tec12
{
    background-color: rgba(0, 0, 0, .2);
}

.tec1_2
{
    padding: 32px 48px;

    background: url(http://khari.work/picslibrary/wp-content/uploads/2021/09/ver2.png);
    background-size: cover;
}

.tec12_2
{
    background-color: rgba(0, 0, 0, .2);
}


.tec2
{
    padding: 32px 48px;

    background: url(https://as1.ftcdn.net/v2/jpg/03/05/71/24/1000_F_305712464_gHitRreq1BWXQ3SVqdCAC8mKuPWQtO0P.jpg);
    background-size: cover;
}

.tec22
{
    background-color: rgba(0, 0, 0, .2);
}


.tec3
{
    padding: 32px 48px;

    background: url(http://khari.work/picslibrary/wp-content/uploads/2021/09/main_banner_4.png);
    background-size: cover;
}

.tec32
{
    background-color: rgba(0, 0, 0, .2);
}

.acbtn
{
    font-size: 14px;
    font-weight: 600;

    margin-top: 16px;
    padding: 16px 24px;

    color: #000;
    border: 2px solid #000;
}

.acbtn:hover
{
    transition: .4s;

    color: #fff;
    background-color: #000;
}

.service-description
{
    padding: 24px 32px;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc
{
    display: block !important;
}
.sp
{
    display: none !important;
}

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px)
{
    .pc
    {
        display: none !important;
    }
    .sp
    {
        display: block !important;
    }

.site-header .inner-header .main-logo
{
    width:80px;
}

.main-slider .dsn-slider-content .slide-content{
    padding-top:480px;
}

.metas span{
    font-size:14px;
}
}

/*==============================================
 Navbar
 ===============================================*/

.menuzord
{
    position: relative;

    float: left;

    width: 100%;
    padding: 0;

    letter-spacing: .5px;
    text-transform: uppercase;

    background: none;
}

.logo-brand
{
    font-size: 20px;
    font-weight: 600;
    line-height: 50px;

    float: left;

    height: 50px;
    /* margin-right: 30px;   */

    color: #666;
}

.logo-brand img
{
    position: relative;
    top: -2px;

    display: inline-block;

    max-height: 120%;
    padding: 2px 0;
}

.menuzord-menu
{
    float: left;

    margin: 0;
    padding: 0;

    list-style: none;
}

.menuzord-menu.menuzord-right
{
    float: right;
}

.menuzord-menu ul.dropdown li a,
.menuzord-menu > li > .megamenu a,
.menuzord-menu > li > .megamenu h5
{
    color: #222;
}

.menuzord-menu > li > .megamenu h5
{
    font-size: 14px;
    font-weight: 600;

    margin-bottom: 20px;
    padding-left: 10px;
}

.menuzord-menu > li > .megamenu .megamenu-row li a
{
    font-size: 12px;

    display: inline-block;

    width: 100%;
    padding: 8px 10px;
}

.menuzord-menu a
{
    -webkit-transition: color .3s, background .3s;
            transition: color .3s, background .3s;
}

.menuzord-menu.scrollable > .scrollable-fix
{
    display: none;
}

.menuzord-menu > li
{
    display: inline-block;
    float: left;

    margin-left: 2px;
}

.menuzord-menu > li > a
{
    font-size: 14px;
    font-weight: normal;
    font-weight: 400;

    display: inline-block;

    padding: 0 12px;

    text-decoration: none;

    color: #333;
    outline: 0;

    -webkit-tap-highlight-color: transparent;
}

.menuzord-menu > li.active > a,
.menuzord-menu > li:hover > a
{
    color: #c4b07d !important;
}
.menuzord-menu ul.dropdown li.active > a
{
    color: #fff !important;
    background: #c4b07d !important;
}

.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown
{
    position: absolute;
    z-index: 1000;

    display: none;

    min-width: 190px;
    margin: 0;
    padding: 0;

    list-style: none;

    white-space: nowrap;

    background: #fff;
}
.l-navbar nav
{
    padding: 0 25px;
}
.menuzord-menu ul.dropdown li ul.dropdown
{
    top: -1px;
    left: 100%;
}

.menuzord-menu ul.dropdown li
{
    font-size: 12px;

    position: relative;

    clear: both;

    width: 100%;

    border: 0;
}

.menuzord-menu ul.dropdown li a
{
    position: relative;

    display: inline-block;
    float: left;
    clear: both;

    width: 100%;
    padding: 10px 25px 10px 22px;

    text-decoration: none;

    color: #222;
    outline: 0;
    background: 0 0;
}

.menuzord-menu ul.dropdown li:hover > a
{
    padding-right: 19px;

    color: #333;
}

.menuzord-menu ul.dropdown.dropdown-left
{
    left: auto;
}

.menuzord-menu ul.dropdown li ul.dropdown.dropdown-left
{
    right: 100%;
    left: auto;
}

.menuzord-menu li .indicator
{
    margin-left: 3px;
}

.menuzord-menu li ul.dropdown li .indicator
{
    font-size: 15px;

    position: absolute;
    top: 8px;
    right: 10px;
}

.menuzord-menu > li > .megamenu
{
    position: absolute;
    z-index: 1000;
    left: 0;

    display: none;

    width: 100%;
    padding: 20px;

    border-top: solid 1px #f0f0f0;
    background: #fff;
}

.menuzord-menu > li > .megamenu.megamenu-half-width
{
    left: auto;

    width: 50%;
}

.menuzord-menu > li > .megamenu.megamenu-quarter-width
{
    left: auto;

    width: 25%;
}

.menuzord-menu > li > .megamenu .megamenu-row
{
    width: 100%;
    margin-top: 15px;
}

.menuzord-menu > li > .megamenu .megamenu-row:first-child
{
    margin-top: 0;
}

.menuzord-menu > li > .megamenu .megamenu-row:after,
.menuzord-menu > li > .megamenu .megamenu-row:before
{
    line-height: 0;

    display: table;

    content: '';
}

.menuzord-menu > li > .megamenu .megamenu-row:after
{
    clear: both;
}

.menuzord-menu > li > .megamenu .megamenu-row .col1,
.menuzord-menu > li > .megamenu .megamenu-row .col10,
.menuzord-menu > li > .megamenu .megamenu-row .col11,
.menuzord-menu > li > .megamenu .megamenu-row .col12,
.menuzord-menu > li > .megamenu .megamenu-row .col2,
.menuzord-menu > li > .megamenu .megamenu-row .col3,
.menuzord-menu > li > .megamenu .megamenu-row .col4,
.menuzord-menu > li > .megamenu .megamenu-row .col5,
.menuzord-menu > li > .megamenu .megamenu-row .col6,
.menuzord-menu > li > .megamenu .megamenu-row .col7,
.menuzord-menu > li > .megamenu .megamenu-row .col8,
.menuzord-menu > li > .megamenu .megamenu-row .col9
{
    display: block;
    float: left;

    min-height: 20px;
    margin-left: 3%;
}

.menuzord-menu > li > .megamenu .megamenu-row [class*=col]:first-child
{
    margin-left: 0;
}

.menuzord-menu > li > .megamenu .megamenu-row .col1
{
    width: 5.583333333333%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col2
{
    width: 14.166666666666%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col3
{
    width: 22.75%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col4
{
    width: 31.333333333333%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col5
{
    width: 39.916666666667%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col6
{
    width: 48.5%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col7
{
    width: 57.083333333333%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col8
{
    width: 65.666666666667%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col9
{
    width: 74.25%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col10
{
    width: 82.833333333334%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col11
{
    width: 91.416666666667%;
}

.menuzord-menu > li > .megamenu .megamenu-row .col12
{
    width: 100%;
}

.menuzord .showhide
{
    display: none;
    float: right;

    width: 30px;
    height: 46px;
    padding: 13px 0 0;

    text-decoration: none;

    outline: 0;

    -webkit-tap-highlight-color: transparent;
}

.menuzord .showhide em
{
    float: right;

    width: 20px;
    height: 3px;
    margin: 3.5px 0 0;

    background: #777;
}

.menuzord-menu > li > a > .fa
{
    font-size: 14px;
    line-height: inherit;

    float: left;

    margin: 0 5px 0 0;

    color: inherit;
}

.menuzord-menu > li.search form
{
    float: left;

    padding: 22px 16px 17px;
}

.menuzord-menu ul.dropdown,
.menuzord-menu ul.dropdown li ul.dropdown
{
    border: 1px solid #efefef;
    background: #fff;
}
.menuzord-menu ul.dropdown li:hover > a
{
    color: #fff;
    background: #d6b161;
}

.menuzord-menu > li > .megamenu
{
    border: 1px solid #efefef;
    border-top: none;
    background: #fff;
}
.menuzord-menu .menu-contact-btn
{
    font-size: 12px;
    font-weight: normal;

    display: inline-block;

    margin-right: 20px;
    padding: 10px 20px;

    letter-spacing: 1px;
    text-transform: uppercase;

    color: #fff;
    border-radius: 0;
    background: #222;
}
.menuzord-menu .menu-contact-btn:hover
{
    background: #d6b161;
}
@media (max-width: 768px)
{
    .l-header
    {
        position: fixed;
        z-index: 1000;
        top: 0;

        width: 100%;

        background: #fff;
        box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    }
    .menuzord-responsive .menuzord-menu > li.nav-divider
    {
        display: none;
    }
    .l-navbar_t-light,
    .l-navbar_t-light-trans,
    .l-navbar_t-dark .showhide em,
    .l-navbar_t-semi-trans .showhide em,
    .l-navbar_t-dark-trans .showhide em
    {
        background: #fff;
    }
    .l-navbar_t-dark,
    .l-navbar_t-semi-trans,
    .l-navbar_t-dark-trans
    {
        background: #0a0a0a;
    }
}

@media (min-width: 769px)
{
    .l-header_overlay
    {
        position: absolute;
        z-index: 1200;
        top: 0;

        width: 100%;
    }
    .menuzord-menu .megamenu,
    .menuzord-menu .dropdown
    {
        text-align: left;

        border: 0 !important;
    }
    .menuzord-menu .megamenu,
    .menuzord-menu .dropdown,
    .nav-bg .l-navbar,
    .l-navbar_s-left
    {
        box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    }
    .logo-brand
    {
        display: inline-block;

        height: 100px;
    }
    .nav-bg .logo-brand
    {
        display: block;
    }
    .logo-brand,
    .c-nav_s-standard > li > a
    {
        line-height: 100px;
    }
    .c-nav_s-bg > li > a
    {
        line-height: 40px;
    }
    .c-nav_s-bg > li.active > a,
    .c-nav_s-bg > li:hover > a
    {
        color: #fff !important;
    }
    .c-nav_s-outline > li > a
    {
        line-height: 38px;

        border: 1px solid transparent;
    }
    .c-nav_s-underline > li > a
    {
        line-height: 99px;

        border-bottom: 1px solid transparent;
    }
    .l-navbar_expand .c-nav_s-bg > li > a,
    .l-navbar_expand .c-nav_s-outline > li > a
    {
        margin: 30px 0;
    }
    .l-navbar_compact .c-nav_s-bg > li > a,
    .l-navbar_compact .c-nav_s-outline > li > a
    {
        margin: 10px 0;
    }
    .nav-bg .c-nav_s-bg > li > a,
    .nav-bg .c-nav_s-outline > li > a
    {
        margin: 0;
    }
    .nav-bg .c-nav_s-outline > li > a
    {
        line-height: 58px;
    }
    .menuzord-menu .dropdown > li > a,
    .menuzord-menu .megamenu-row li > a
    {
        line-height: 18px;
    }
    .l-navbar-wrapper,
    .logo-brand,
    .menuzord-menu > li > a
    {
        -webkit-transition: height .3s, line-height .3s, margin .3s;
                transition: height .3s, line-height .3s, margin .3s;
    }
    .l-navbar_t-light
    {
        background: #000;
    }
    .l-navbar_t-dark
    {
        background: #0a0a0a;
    }
    .l-navbar_t-dark .menuzord-menu > li > a,
    .l-navbar_t-semi-trans .menuzord-menu > li > a,
    .l-navbar_t-dark-trans .menuzord-menu > li > a
    {
        color: #000;
        font-weight:600;
    }
    .l-navbar_t-semi-trans
    {
        background: rgba(10, 10, 10, .5);
    }
    .l-navbar_t-light-trans,
    .l-navbar_t-dark-trans,
    .l-navbar_t-semi-trans
    {
        -webkit-transition: background-color .3s;
                transition: background-color .3s;
    }
    .l-navbar_compact .logo-brand
    {
        height: 60px;
    }
    .l-navbar_compact .logo-brand,
    .l-navbar_compact .c-nav_s-standard > li > a
    {
        line-height: 60px;
    }
    .l-navbar_compact.l-navbar_s-center .logo-brand
    {
        height: 100px;
    }
    .l-navbar_s-center
    {
        text-align: center;
    }
    .l-navbar_s-center.l-navbar_t-light
    {
        border-top-color: #ddd;
    }
    .l-navbar_s-center.l-navbar_t-light-trans .menuzord-menu,
    .l-navbar_s-center.l-navbar_t-dark-trans .menuzord-menu,
    .l-navbar_s-center.l-navbar_t-semi-trans .menuzord-menu
    {
        border-top-color: rgba(10, 10, 10, .2);
    }
    .l-navbar_s-center.l-navbar_t-dark
    {
        border-top-color: #222;
    }
    .l-navbar_s-center .logo-brand
    {
        float: none;
    }
    .l-navbar_s-center .menuzord-menu,
    .l-navbar_s-center .menuzord-menu > li
    {
        float: none;

        text-align: center;
    }
    .l-navbar_s-center .logo-brand.sticky-fix
    {
        float: left;
    }
    .nav-bg .l-navbar_s-center .menuzord-menu.menuzord-right,
    .nav-bg .l-navbar_s-center .menuzord-menu.pull-right
    {
        float: right;
    }
    .l-navbar_s-floating
    {
        width: 1170px;
        margin: auto;
        margin-top: 50px;
    }
    .nav-bg .l-navbar_s-floating
    {
        margin-top: 0;
    }
    .nav-bg .l-navbar_t-semi-trans,
    .nav-bg .l-navbar_t-dark-trans
    {
        background: #fff;
    }
    .nav-bg .l-navbar_t-light-trans
    {
        background: #fff;
    }
    .nav-bg .logo-brand,
    .nav-bg .menuzord-menu > li > a
    {
        line-height: 60px;
    }
    .nav-bg .logo-brand
    {
        height: 60px;
    }
    .nav-bg .l-navbar-wrapper,
    .nav-bg .l-navbar
    {
        height: 60px !important;
    }
    .body_has-navbar-left .wrapper
    {
        margin-left: 260px;
    }
    .body_has-navbar-left .l-header
    {
        position: fixed;
        z-index: 1000;
        top: 0;
        bottom: 0;
        left: 0;

        width: 260px;
    }
    .body_has-navbar-left .l-navbar_s-left
    {
        height: 100%;
    }
    .l-navbar_s-left.l-navbar_t-dark
    {
        background: #333;
    }
    .l-navbar_s-left .container,
    .l-navbar_s-left .container-fluid,
    .l-navbar_s-left .col-lg-1,
    .l-navbar_s-left
    .col-md-1,
    .l-navbar_s-left
    .col-sm-1,
    .l-navbar_s-left
    .col-xs-1,
    .l-navbar_s-left .col-lg-2,
    .l-navbar_s-left
    .col-md-2,
    .l-navbar_s-left
    .col-sm-2,
    .l-navbar_s-left
    .col-xs-2,
    .l-navbar_s-left .col-lg-3,
    .l-navbar_s-left
    .col-md-3,
    .l-navbar_s-left
    .col-sm-3,
    .l-navbar_s-left
    .col-xs-3,
    .l-navbar_s-left .col-lg-4,
    .l-navbar_s-left
    .col-md-4,
    .l-navbar_s-left
    .col-sm-4,
    .l-navbar_s-left
    .col-xs-4,
    .l-navbar_s-left .col-lg-5,
    .l-navbar_s-left
    .col-md-5,
    .l-navbar_s-left
    .col-sm-5,
    .l-navbar_s-left
    .col-xs-5,
    .l-navbar_s-left .col-lg-6,
    .l-navbar_s-left
    .col-md-6,
    .l-navbar_s-left
    .col-sm-6,
    .l-navbar_s-left
    .col-xs-6,
    .l-navbar_s-left .col-lg-7,
    .l-navbar_s-left
    .col-md-7,
    .l-navbar_s-left
    .col-sm-7,
    .l-navbar_s-left
    .col-xs-7,
    .l-navbar_s-left .col-lg-8,
    .l-navbar_s-left
    .col-md-8,
    .l-navbar_s-left
    .col-sm-8,
    .l-navbar_s-left
    .col-xs-8,
    .l-navbar_s-left .col-lg-9,
    .l-navbar_s-left
    .col-md-9,
    .l-navbar_s-left
    .col-sm-9,
    .l-navbar_s-left
    .col-xs-9,
    .l-navbar_s-left .col-lg-10,
    .l-navbar_s-left
    .col-md-10,
    .l-navbar_s-left
    .col-sm-10,
    .l-navbar_s-left
    .col-xs-10,
    .l-navbar_s-left .col-lg-11,
    .l-navbar_s-left
    .col-md-11,
    .l-navbar_s-left
    .col-sm-11,
    .l-navbar_s-left
    .col-xs-11,
    .l-navbar_s-left .col-lg-12,
    .l-navbar_s-left
    .col-md-12,
    .l-navbar_s-left
    .col-sm-12,
    .l-navbar_s-left
    .col-xs-12
    {
        width: auto;
        padding: 0;
    }
    .l-navbar_s-left .logo-brand,
    .l-navbar_s-left .menuzord-menu,
    .l-navbar_s-left .menuzord-menu > li
    {
        float: none;
    }
    .l-navbar_s-left .logo-brand
    {
        display: block;

        margin: 40px 20px;

        text-align: center;
    }
    .l-navbar_s-left .menuzord-menu > li
    {
        display: block;

        margin: 0;
    }
    .l-navbar_s-left .menuzord-menu > li > a
    {
        display: block;

        padding: 0 20px;
    }
    .l-navbar_s-left .menuzord-menu > li > a
    {
        line-height: 40px;
    }
    .l-navbar_s-left .menuzord-menu > li > .dropdown,
    .l-navbar_s-left .menuzord-menu > li > .megamenu
    {
        left: 260px !important;

        margin-top: -40px;
    }
    .l-navbar_s-left .menuzord-menu > li > .megamenu
    {
        width: 800px;
        padding: 20px;
    }
    .l-navbar_s-left .menuzord-menu > li.nav-divider
    {
        display: none;
    }
    .l-navbar_s-left .menuzord-menu > li > .navbar-search
    {
        width: 450px;
    }
    .nav-divider a
    {
        cursor: text;
    }
    .l-navbar_bottom
    {
        position: fixed;
        bottom: 0;

        width: 100%;
    }
}
@keyframes sliderAnimation
{
    100%
    {
        transform: translateX(-50%);
    }
}
.container.-autoslider
{
    display: -ms-grid;
    overflow: hidden;

    -ms-grid-columns: min-content;
}




.gradationbg
{
    background: rgba(247, 247, 247,.75);
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
}



.gradationbg p
{
    color: #000!important;
}



.gradationbg h2
{
    color: #000!important;
}

.missionp
{
    font-size: 20px;
    font-weight: 600;

    margin-top: 32px;
 line-height: 2;
    color: #000;
}

.missionpnew
{
    font-size: 20px;
    font-weight: 400;

    margin-top: 32px;
 line-height: 3;
    color: #000;
}

.katagakishita
{
    font-weight: 600;

    margin-top: 8px;

    color: #000;
}

.member h4
{
    font-size: 20px;
    font-weight: 600;

    margin-top: 16px;

    color: #000;
}


.member h5
{
    font-size: 16px;
    font-weight: 600;

    margin-top: 8px;
}

.member p
{
    font-size: 14px;

    margin-top: 8px;
}

.member
{
    margin:24px 0;
}

.kaisha
{
    width: 72%;
    margin: 0 auto;
}

.kaisha th,
.kaisha td
{
    padding: 20px;

    border: 1px solid #ccc;
    background: #fff;
}

.kaisha th
{
    font-weight: bold;

    color: #000;
    background-color:#fff;
}

@media screen and (max-width: 767px)
{
    .kaisha,
    .kaisha tr,
    .kaisha td,
    .kaisha th
    {
        display: block;
    }
    .kaisha th
    {
        width: auto;
    }
}

.contactbg
{
    background: url(http://khari.work/picslibrary/wp-content/uploads/2021/09/contactbg.svg);
    background-size: cover;
}

.enamelbg
{
    background: url(http://khari.work/picslibrary/wp-content/uploads/2021/09/ename_bg.png);
    background-size: cover;
}


.companybg
{
    background: url(http://khari.work/picslibrary/wp-content/uploads/2021/09/1.svg);
    background-size: cover;
}

.page-title
{
    color: #fff;
}

.companyinfobg
{
    background: url(../img/companybg.svg);
    background-size: cover;
}


.tecbg
{
    background: url(../img/pp-header.jpeg);
    background-size: cover;
}
.tecbg2
{
    background: url(../img/banner/1.svg);
    background-size: cover;
}
.tecbg3
{
    background: url(../img/banner/2.svg);
    background-size: cover;
}

.tecbg4
{
    background: url(../img/law.svg);
    background-size: cover;
}

.tecbg5
{
    background: url(../img/contact.jpeg);
    background-size: cover;
}

.phrase1
.phrase1
{
    font-size: 40px;
font-weight: bold;
    color: #fff;
            text-shadow: 0 0 16px rgba(0, 0, 0, .8);

       -moz-text-shadow: 0 0 16px rgba(0, 0, 0, .8);
    -webkit-text-shadow: 0 0 16px rgba(0, 0, 0, .8);
        -ms-text-shadow: 0 0 16px rgba(0, 0, 0, .8);
}

.fbtn
{
    font-size: 14px;
    font-weight: 600;

    padding: 8px 16px;

    color: #000;
    border: 2px solid #000;
    border-radius: 50px;
}


.fbtn:hover
{
    font-size: 14px;
    font-weight: 600;

    padding: 8px 16px;

    color: #fff;
    border: 2px solid #000;
    border-radius: 50px;
    background-color: #000;
}

.lice
{
    font-size: 16px;
    font-weight: 600;

    padding: 8px 16px;

    color: #fff;
    background-color: #000;
}

[data-dsn-grid=move-up] img.has-bigger-scale.-midbox,
[data-dsn-grid=move-up] video.has-bigger-scale.-midbox,
[data-dsn-grid=moveUp] img.has-bigger-scale.-midbox,
[data-dsn-grid=moveUp] video.has-bigger-scale.-midbox
{
    /* width: 100%;
    height: 950px !important; */
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}


ol.gradient-list {
  counter-reset: gradient-counter;
  list-style: none;
  margin: 1.75rem 0;
  padding-left: 1rem;

}
ol.gradient-list > li {
  background: white;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  counter-increment: gradient-counter;
  margin-top: 1rem;
  min-height: 3rem;
  padding: 1rem 1rem 1rem 3rem;
  position: relative;
  text-align: left;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
ol.gradient-list > li::before, ol.gradient-list > li::after {
  background: linear-gradient(135deg, #83e4e2 0%, #a2ed56 100%);
  border-radius: 1rem 1rem 0 1rem;
  content: "";
  height: 3rem;
  left: -1rem;
  overflow: hidden;
  position: absolute;
  top: -1rem;
  width: 3rem;
}
ol.gradient-list > li::before {
  align-items: flex-end;
  content: counter(gradient-counter);
  color: #fff;
  display: flex;
  font: 900 1.5em/1 "Montserrat";
  justify-content: flex-end;
  padding: 0.125em 0.25em;
  z-index: 1;
}
ol.gradient-list > li:nth-child(10n+1):before {
  background: #000
}
ol.gradient-list > li:nth-child(10n+2):before {
  background: #000
}
ol.gradient-list > li:nth-child(10n+3):before {
   background: #000
}
ol.gradient-list > li:nth-child(10n+4):before {
  background: #000
}
ol.gradient-list > li:nth-child(10n+5):before {
  background: #000
}
ol.gradient-list > li:nth-child(10n+6):before {
  background: #000
}
ol.gradient-list > li + li {
  margin-top: 2rem;
}

.sertitle{
    font-weight:600;
    font-size:14px;
}

.serdesc{
    font-weight:600;
    color:#000;
    font-size:16px;
}

.boxservice{
    width:320px!important;
}

.boxservice h4{
    font-size:18px;
    margin-top:16px;
}

.boxservice p{
    font-size:14px;
     margin-top:8px;
}

.paddigzero{
    padding:0!important;
}


form .messages {
    color: #0037db;
    font-weight: 600;
}