@charset "UTF-8";

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



  Template Name: Coba - Ajax Portfolio Showcase HTML Template

  Template URI: http://theme.dsngrid.com/coba

  Description: Coba Ajax Portfolio Showcase HTML Template

  Author: design_grid

  Author URI: https://themeforest.net/user/design_grid

  Version: 1.0.0



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

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



    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



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

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

                     mixins

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

[data-overlay]:before {

  content: '';

  position: absolute;

  background: #000;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  z-index: 0; }



[data-overlay="0"]:before {

  opacity: 0; }



[data-overlay="1"]:before {

  opacity: 0.1; }



[data-overlay="2"]:before {

  opacity: 0.2; }



[data-overlay="3"]:before {

  opacity: 0.3; }



[data-overlay="4"]:before {

  opacity: 0.4; }



[data-overlay="5"]:before {

  opacity: 0.5; }



[data-overlay="6"]:before {

  opacity: 0.6; }



[data-overlay="7"]:before {

  opacity: 0.7; }



[data-overlay="8"]:before {

  opacity: 0.8; }



[data-overlay="9"]:before {

  opacity: 0.9; }



[data-overlay="10"]:before {

  opacity: 1; }



.cover-bg {

  background-size: cover;

  background-position: center center;

  background-repeat: no-repeat; }



.v-middle {

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%); }



.v-middle-horizontal {

  position: absolute;

  left: 50%;

  -webkit-transform: translate(-50%, 0);

          transform: translate(-50%, 0); }



.v-middle-vertical {

  position: absolute;

  top: 50%;

  -webkit-transform: translate(0, -50%);

          transform: translate(0, -50%); }



.background-main {

  background-color: #031728; }

  .v-light:not(.no-light) .background-main {

    background-color: #f9f9f9; }



.background-section {

  background-color: #212121; }

  .v-light:not(.no-light) .background-section {

    background-color: #e6e6e6; }



.background-theme {

  background-color: #FF6E40;

  -webkit-transition-property: background-color, color;

  transition-property: background-color, color; }

  .v-light:not(.no-light) .background-theme {

    background-color: #FF6E40; }



.theme-color {

  color: #FF6E40; }



.fb {

  color: #3b5999; }



.tw {

  color: #55acee; }



.linked {

  color: #0077b5; }



/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document

	 ========================================================================== */

* {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  list-style: none;

  outline: none;

  margin: 0;

  padding: 0;

  -webkit-transition: none;

  transition: none; }



/**

 * 1. Correct the line height in all browsers.

 * 2. Prevent adjustments of font size after orientation changes in iOS.

 */

html {

  -webkit-text-size-adjust: 100%;

  /* 2 */ }



/* Sections

	 ========================================================================== */

/**

 * Remove the margin in all browsers.

 */

body {

  margin: 0; }



/* Grouping content

	 ========================================================================== */

/**

 * 1. Add the correct box sizing in Firefox.

 * 2. Show the overflow in Edge and IE.

 */

hr {

  -webkit-box-sizing: content-box;

          box-sizing: content-box;

  /* 1 */

  height: 0;

  /* 1 */

  overflow: visible;

  /* 2 */ }



/**

 * 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers.

 */

pre {

  font-family: monospace, monospace;

  /* 1 */ }



/* Text-level semantics

	 ========================================================================== */

/**

 * Remove the gray background on active links in IE 10.

 */

a {

  background-color: transparent; }



/**

 * 1. Remove the bottom border in Chrome 57-

 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.

 */

abbr[title] {

  border-bottom: none;

  /* 1 */

  text-decoration: underline;

  /* 2 */

  -webkit-text-decoration: underline dotted;

          text-decoration: underline dotted;

  /* 2 */ }



/**

 * Add the correct font weight in Chrome, Edge, and Safari.

 */

b,

strong {

  font-weight: bolder; }



/**

 * 1. Correct the inheritance and scaling of font size in all browsers.

 * 2. Correct the odd `em` font sizing in all browsers.

 */

code,

kbd,

samp {

  font-family: monospace, monospace;

  /* 1 */

  font-size: 1em;

  /* 2 */ }



/**

 * Add the correct font size in all browsers.

 */

small {

  font-size: 80%; }



/**

 * Prevent `sub` and `sup` elements from affecting the line height in

 * all browsers.

 */

sub,

sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sub {

  bottom: -0.25em; }



sup {

  top: -0.5em; }



/* Embedded content

	 ========================================================================== */

/**

 * Remove the border on images inside links in IE 10.

 */

img {

  border-style: none;

  max-width: 100%;

  height: auto;

  vertical-align: middle; }



iframe {

  border: none; }



/* Forms

	 ========================================================================== */

/**

 * 1. Change the font styles in all browsers.

 * 2. Remove the margin in Firefox and Safari.

 */

button,

input,

optgroup,

select,

textarea {

  font-family: inherit;

  /* 1 */

  margin: 0;

  /* 2 */ }



/**

 * Show the overflow in IE.

 * 1. Show the overflow in Edge.

 */

button,

input {

  /* 1 */

  overflow: visible; }



/**

 * Remove the inheritance of text transform in Edge, Firefox, and IE.

 * 1. Remove the inheritance of text transform in Firefox.

 */

button,

select {

  /* 1 */

  text-transform: none; }



/**

 * Correct the inability to style clickable types in iOS and Safari.

 */

button,

[type="button"],

[type="reset"],

[type="submit"] {

  -webkit-appearance: button;

  background: inherit;

  border: none; }



/**

 * Remove the inner border and padding in Firefox.

 */

button::-moz-focus-inner,

[type="button"]::-moz-focus-inner,

[type="reset"]::-moz-focus-inner,

[type="submit"]::-moz-focus-inner {

  border-style: none;

  padding: 0; }



/**

 * Restore the focus styles unset by the previous rule.

 */

button:-moz-focusring,

[type="button"]:-moz-focusring,

[type="reset"]:-moz-focusring,

[type="submit"]:-moz-focusring {

  outline: 1px dotted ButtonText; }



/**

 * Correct the padding in Firefox.

 */

fieldset {

  padding: 0.35em 0.75em 0.625em; }



/**

 * 1. Correct the text wrapping in Edge and IE.

 * 2. Correct the color inheritance from `fieldset` elements in IE.

 * 3. Remove the padding so developers are not caught out when they zero out

 *		`fieldset` elements in all browsers.

 */

legend {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  /* 1 */

  color: inherit;

  /* 2 */

  display: table;

  /* 1 */

  max-width: 100%;

  /* 1 */

  padding: 0;

  /* 3 */

  white-space: normal;

  /* 1 */ }



/**

 * Add the correct vertical alignment in Chrome, Firefox, and Opera.

 */

progress {

  vertical-align: baseline; }



/**

 * Remove the default vertical scrollbar in IE 10+.

 */

textarea {

  overflow: auto; }



/**

 * 1. Add the correct box sizing in IE 10.

 * 2. Remove the padding in IE 10.

 */

[type="checkbox"],

[type="radio"] {

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  /* 1 */

  padding: 0;

  /* 2 */ }



/**

 * Correct the cursor style of increment and decrement buttons in Chrome.

 */

[type="number"]::-webkit-inner-spin-button,

[type="number"]::-webkit-outer-spin-button {

  height: auto; }



/**

 * 1. Correct the odd appearance in Chrome and Safari.

 * 2. Correct the outline style in Safari.

 */

[type="search"] {

  -webkit-appearance: textfield;

  /* 1 */

  outline-offset: -2px;

  /* 2 */ }



/**

 * Remove the inner padding in Chrome and Safari on macOS.

 */

[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none; }



/**

 * 1. Correct the inability to style clickable types in iOS and Safari.

 * 2. Change font properties to `inherit` in Safari.

 */

::-webkit-file-upload-button {

  -webkit-appearance: button;

  /* 1 */

  font: inherit;

  /* 2 */ }



/* Interactive

	 ========================================================================== */

/*

 * Add the correct display in Edge, IE 10+, and Firefox.

 */

details {

  display: block; }



/*

 * Add the correct display in all browsers.

 */

summary {

  display: list-item; }



/* Misc

	 ========================================================================== */

/**

 * Add the correct display in IE 10+.

 */

template {

  display: none; }



/**

 * Add the correct display in IE 10.

 */

[hidden] {

  display: none; }



button,

input,

select,

optgroup,

textarea {

  text-rendering: optimizeLegibility; }



h1, h2, h3, h4, h5, h6 {

  color: #fff;

  font-weight: 700;

  line-height: 1.2;

  font-family: "Poppins", sans-serif;

  margin: 0;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale; }

  .v-light:not(.no-light) h1,

  .v-light:not(.no-light) h2,

  .v-light:not(.no-light) h3,

  .v-light:not(.no-light) h4,

  .v-light:not(.no-light) h5,

  .v-light:not(.no-light) h6 {

    color: #000; }



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

	Basic Layout Styles

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

h1 {

  font-size: 55px; }



h2 {

  font-size: 40px; }



h3 {

  font-size: 35px; }



h4 {

  font-size: 30px; }



h5 {

  font-size: 15px; }



h6 {

  font-size: 18px; }



p {

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  line-height: 1.6; }



cite,

dfn,

em,

i {

  font-style: italic; }



span, a {

  display: inline-block;

  color: inherit; }



blockquote cite {

  font-style: normal;

  font-family: "Poppins", sans-serif; }



pre {

  font-family: "Courier 10 Pitch", Courier, monospace;

  overflow: auto; }



code,

kbd,

tt,

var {

  font-family: Menlo, monaco, Consolas, Lucida Console, monospace; }



abbr, acronym {

  border-bottom: 1px dotted #666;

  cursor: help; }



mark,

ins {

  background: #fff9c0;

  text-decoration: none; }



big {

  font-size: 125%; }



a {

  text-decoration: none; }

  a:hover {

    text-decoration: none; }

  a:focus {

    text-decoration: underline; }



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

                   Core

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

html {

  font-size: 15px; }



body {

  background-color: #031728;

  line-height: 1.2;

  color: rgba(255, 255, 255, 0.69);

  font-family: "Karla";

  font-weight: 500;

  margin: 0;

  text-rendering: optimizeLegibility;

  -webkit-transition: 100ms;

  transition: 100ms;

  -webkit-transition-property: background-color, color;

  transition-property: background-color, color; }

  body.dsn-mobile {

    overflow-y: auto; }

  body.v-light:not(.no-light) {

    color: #000009;

    background-color: #f9f9f9; }



.main-root {

  position: relative;

  overflow: hidden; }



.btn-play-inner-small svg {

  width: 45px;

  height: 45px; }

  .btn-play-inner-small svg .stroke,

  .btn-play-inner-small svg .circle {

    fill: none;

    stroke-width: 2;

    stroke-linejoin: round;

    stroke-miterlimit: 10; }

  .btn-play-inner-small svg .stroke {

    stroke: rgba(255, 255, 255, 0.3); }

  .btn-play-inner-small svg .circle {

    stroke: #fff;

    stroke-dashoffset: 700;

    stroke-dasharray: 700;

    stroke-linecap: butt;

    -webkit-transition: all 1.5s;

    transition: all 1.5s; }

  .btn-play-inner-small svg g {

    -webkit-transform: scale(0.5);

            transform: scale(0.5); }

.btn-play-inner-small:hover .circle {

  stroke-dashoffset: 0;

  stroke-dasharray: 700;

  -webkit-transition: all 2s cubic-bezier(0.46, 0.08, 0.12, 0.91);

  transition: all 2s cubic-bezier(0.46, 0.08, 0.12, 0.91); }



.line-before-section,

.line-after-section {

  width: 50vw; }

  .line-before-section::before, .line-before-section::after,

  .line-after-section::before,

  .line-after-section::after {

    content: "";

    position: absolute;

    height: 1.5px; }

  .line-before-section.line-before-section,

  .line-after-section.line-before-section {

    left: -3%; }

    .line-before-section.line-before-section::before, .line-before-section.line-before-section::after, .line-after-section.line-before-section::before, .line-after-section.line-before-section::after {

      background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(128, 128, 128, 0.25)), color-stop(35%, rgba(128, 128, 128, 0.25)), color-stop(65%, rgba(128, 128, 128, 0.25)), to(transparent));

      background: linear-gradient(to right, rgba(128, 128, 128, 0.25) 0, rgba(128, 128, 128, 0.25) 35%, rgba(128, 128, 128, 0.25) 65%, transparent 100%);

      -webkit-transform: rotate(30deg);

              transform: rotate(30deg); }

      .v-light:not(.no-light) .line-before-section.line-before-section::before, .v-light:not(.no-light) .line-before-section.line-before-section::after,

      .v-light:not(.no-light) .line-after-section.line-before-section::before,

      .v-light:not(.no-light) .line-after-section.line-before-section::after {

        background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(128, 128, 128, 0.25)), color-stop(35%, rgba(128, 128, 128, 0.25)), color-stop(65%, rgba(128, 128, 128, 0.25)), to(transparent));

        background: linear-gradient(to right, rgba(128, 128, 128, 0.25) 0, rgba(128, 128, 128, 0.25) 35%, rgba(128, 128, 128, 0.25) 65%, transparent 100%); }

    .line-before-section.line-before-section::before,

    .line-after-section.line-before-section::before {

      top: 35%;

      width: 65%; }

    .line-before-section.line-before-section::after,

    .line-after-section.line-before-section::after {

      top: 55%;

      width: 40%; }

  .line-before-section.line-after-section,

  .line-after-section.line-after-section {

    right: -3%; }

    .line-before-section.line-after-section::before, .line-before-section.line-after-section::after, .line-after-section.line-after-section::before, .line-after-section.line-after-section::after {

      right: 0;

      background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(128, 128, 128, 0.25)), color-stop(35%, rgba(128, 128, 128, 0.25)), color-stop(65%, rgba(128, 128, 128, 0.25)), to(transparent));

      background: linear-gradient(to left, rgba(128, 128, 128, 0.25) 0, rgba(128, 128, 128, 0.25) 35%, rgba(128, 128, 128, 0.25) 65%, transparent 100%);

      -webkit-transform: rotate(30deg);

              transform: rotate(30deg); }

      .v-light:not(.no-light) .line-before-section.line-after-section::before, .v-light:not(.no-light) .line-before-section.line-after-section::after,

      .v-light:not(.no-light) .line-after-section.line-after-section::before,

      .v-light:not(.no-light) .line-after-section.line-after-section::after {

        background: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(128, 128, 128, 0.25)), color-stop(35%, rgba(128, 128, 128, 0.25)), color-stop(65%, rgba(128, 128, 128, 0.25)), to(transparent));

        background: linear-gradient(to left, rgba(128, 128, 128, 0.25) 0, rgba(128, 128, 128, 0.25) 35%, rgba(128, 128, 128, 0.25) 65%, transparent 100%); }

    .line-before-section.line-after-section::before,

    .line-after-section.line-after-section::before {

      bottom: 55%;

      width: 40%; }

    .line-before-section.line-after-section::after,

    .line-after-section.line-after-section::after {

      bottom: 35%;

      width: 65%; }



.line-left-item {

  position: relative; }

  .line-left-item::before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 2px;

    height: 100%;

    background-color: #031728; }

    .v-light:not(.no-light) .line-left-item::before {

      background-color: #f9f9f9; }

  .line-left-item:last-of-type::before {

    display: none; }



.border-bottom-item {

  border-bottom: 2px solid #031728; }

  .v-light:not(.no-light) .border-bottom-item {

    border-color: #f9f9f9; }



.border-item {

  border: 2px solid #031728; }

  .v-light:not(.no-light) .border-item {

    border-color: #f9f9f9; }



.overlay-header:after {

  content: "";

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#031728));

  background-image: linear-gradient(rgba(0, 0, 0, 0), #031728); }



.next-container,

.prev-container {

  position: absolute;

  bottom: 0;

  display: inline-block;

  cursor: pointer;

  z-index: 11; }

  .next-container div,

  .prev-container div {

    position: relative;

    width: 60px;

    height: 15px; }

    .next-container div::after, .prev-container div::after {

      content: "";

      position: absolute;

      left: 0;

      top: 50%;

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

              transform: translateY(-50%);

      background-color: #fff;

      width: 60px;

      height: 2px; }

      .v-light:not(.no-light) .next-container div::after,

      .v-light:not(.no-light) .prev-container div::after {

        background-color: #000; }

    .next-container div::before, .prev-container div::before {

      content: "";

      position: absolute;

      bottom: 11px;

      width: 12px;

      height: 1.5px;

      background-color: #fff; }

      .v-light:not(.no-light) .next-container div::before,

      .v-light:not(.no-light) .prev-container div::before {

        background-color: #000; }

  .next-container.next-container div::before,

  .prev-container.next-container div::before {

    right: -2px;

    -webkit-transform: rotate(137deg);

            transform: rotate(137deg);

    bottom: 3px; }

  .next-container.prev-container div::before,

  .prev-container.prev-container div::before {

    left: -2px;

    -webkit-transform: rotate(-37deg);

            transform: rotate(-37deg); }



.swiper-pagination-bullet {

  position: relative;

  background-color: transparent;

  width: 12px;

  height: 12px;

  opacity: 1;

  cursor: pointer;

  -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  z-index: 2;

  margin: 5px;

  bottom: 0 !important; }

  .swiper-pagination-bullet::before, .swiper-pagination-bullet::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out; }

  .swiper-pagination-bullet::before {

    background-color: #FF6E40;

    -webkit-transform: scale(0.7);

            transform: scale(0.7); }

  .swiper-pagination-bullet::after {

    border: 1.5px solid #FF6E40;

    -webkit-transform: scale(0.7);

            transform: scale(0.7); }

  .swiper-pagination-bullet.swiper-pagination-bullet-active::before {

    -webkit-transform: scale(0.4);

            transform: scale(0.4); }

  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {

    -webkit-transform: scale(1);

            transform: scale(1); }



.section-padding {

  padding-top: 120px;

  padding-bottom: 120px; }

  @media only screen and (max-width: 991px) {

    .section-padding {

      padding-top: 80px;

      padding-bottom: 80px; } }



.section-margin {

  margin-top: 120px;

  margin-bottom: 120px; }

  @media only screen and (max-width: 991px) {

    .section-margin {

      margin-top: 80px;

      margin-bottom: 80px; } }



.mt-section {

  margin-top: 120px; }

  @media only screen and (max-width: 991px) {

    .mt-section {

      margin-top: 80px; } }



.mb-section {

  margin-bottom: 120px; }

  @media only screen and (max-width: 991px) {

    .mb-section {

      margin-bottom: 80px; } }



.pt-section {

  padding-top: 120px; }

  @media only screen and (max-width: 991px) {

    .pt-section {

      padding-top: 80px; } }



.pb-section {

  padding-bottom: 120px; }

  @media only screen and (max-width: 991px) {

    .pb-section {

      padding-bottom: 80px; } }



.mt-0 {

  margin-top: 0; }



.section-title {

  position: relative;

  margin-bottom: 70px; }

  @media only screen and (max-width: 991px) {

    .section-title {

      margin-bottom: 50px; } }

  @media only screen and (max-width: 767px) {

    .section-title {

      margin-bottom: 40px; } }



.title-section, .section-title h2 {

  position: relative;

  font-size: 42px;

  font-weight: 700;

  letter-spacing: 2px;

  -webkit-transition: 0.5s;

  transition: 0.5s; }

  @media only screen and (max-width: 991px) {

    .title-section, .section-title h2 {

      font-size: 40px; } }

  @media only screen and (max-width: 767px) {

    .title-section, .section-title h2 {

      font-size: 32px;

      letter-spacing: 0; } }



.section-sub-title {

  color: #FF6E40;

  position: relative;

  display: inline-block;

  font-size: 16px;

  font-weight: 600;

  letter-spacing: 1px;

  padding-right: 70px;

  margin-bottom: 5px; }

  @media only screen and (max-width: 400px) {

    .section-sub-title {

      padding-left: 0;

      padding-right: 0; }

      .section-sub-title::before, .section-sub-title::after {

        display: none; } }

  .text-center .section-sub-title {

    padding-left: 70px; }

    @media only screen and (max-width: 400px) {

      .text-center .section-sub-title {

        padding-left: 0; } }

    .text-center .section-sub-title::after {

      left: 0;

      background: -webkit-gradient(linear, right top, left top, color-stop(0, #FF6E40), color-stop(35%, #FF6E40), color-stop(65%, #FF6E40), to(transparent));

      background: linear-gradient(to left, #FF6E40 0, #FF6E40 35%, #FF6E40 65%, transparent 100%); }

  .section-sub-title::before, .section-sub-title:after {

    content: "";

    position: absolute;

    top: 50%;

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

            transform: translateY(-50%);

    width: 60px;

    height: 1px; }

  .section-sub-title::before {

    right: 0;

    background: -webkit-gradient(linear, left top, right top, color-stop(0, #FF6E40), color-stop(35%, #FF6E40), color-stop(65%, #FF6E40), to(transparent));

    background: linear-gradient(to right, #FF6E40 0, #FF6E40 35%, #FF6E40 65%, transparent 100%); }

  @media only screen and (max-width: 767px) {

    .section-sub-title {

      letter-spacing: 0; } }



.header-scale-hero {

  -webkit-transform: scale(1.15);

          transform: scale(1.15); }



.img-box-parallax .title-popup {

  display: none;

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

          transform: translate(-50%, -90px); }

.img-box-parallax:hover .title-popup {

  display: block; }



.cursor {

  position: fixed;

  top: 50%;

  left: 50%;

  width: 45px;

  height: 45px;

  z-index: 999999;

  pointer-events: none;

  background-color: #fff;

  border-radius: 50%;

  -webkit-transform-origin: left top;

          transform-origin: left top;

  -webkit-transition: -webkit-transform 0.35s;

  transition: -webkit-transform 0.35s;

  transition: transform 0.35s;

  transition: transform 0.35s, -webkit-transform 0.35s;

  -webkit-transform: scale(0.3) translate(-50%, -50%);

          transform: scale(0.3) translate(-50%, -50%);

  mix-blend-mode: exclusion; }

  .cursor.cursor-scale-full, .mfp-zoom-out-cur .cursor {

    -webkit-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(1) translate(-50%, -50%);

            transform: scale(1) translate(-50%, -50%);

    mix-blend-mode: unset;

    background-color: #000; }

    .cursor.cursor-scale-half span {

      color: #fff; }

  .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 {

    mix-blend-mode: exclusion;

    color: #fff; }

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

            transform: rotate(-90deg); }

  .cursor.cursor-drag.cursor-up-down .cursor-prev {

    top: auto;

    bottom: -50px; }

  .cursor.cursor-drag.no-drag {

    mix-blend-mode: exclusion;

    background-color: #fff; }

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

    border-radius: 50%;

    width: 100%;

    text-align: center; }

    .cursor .cursor-helper span {

      line-height: 76px;

      font-size: 12px;

      font-weight: bold;

      text-shadow: 20px 20px 20px #000;

      display: none; }

  .cursor.cursor-view span.cursor-view {

    display: block; }

  .cursor.cursor-close span.cursor-close {

    display: block; }

  .cursor.cursor-play span.cursor-play {

    display: block; }

  .cursor.cursor-open span.cursor-open {

    display: block; }

  .cursor.cursor-prev span.cursor-prev {

    display: block; }

  .cursor.cursor-next span.cursor-next {

    display: block; }

  .cursor.cursor-drag span.cursor-drag {

    display: block; }

  .dsn-ajax-effect:not(.dsn-cursor-effect) .cursor {

    left: auto;

    top: auto;

    right: 10px;

    bottom: 10px;

    -webkit-transform: scale(0.3) translate(-50%, -50%);

            transform: scale(0.3) translate(-50%, -50%);

    mix-blend-mode: unset; }

  .dsn-ajax-effect .cursor {

    display: inherit !important;

    -webkit-transform: scale(0.3);

            transform: scale(0.3);

    mix-blend-mode: unset; }

    .dsn-ajax-effect .cursor:after {

      content: "";

      position: absolute;

      width: 100px;

      height: 109px;

      border-radius: 50%;

      left: -9px;

      top: -15px;

      border-top: 5px solid #fff;

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

  .cursor.no-scale {

    -webkit-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); } }

.dsn-arrow {

  position: relative; }

  .dsn-arrow [data-cursor]:not(.slick-slider) {

    position: absolute;

    width: 25%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 1;

    cursor: pointer; }

  .dsn-arrow.our-work [data-cursor]:not(.slick-slider) {

    height: 60%; }

  .dsn-arrow [data-cursor="next"]:not(.slick-slider) {

    right: 0;

    left: auto; }



.preloader {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 99999;

  background: #031728; }

  .preloader .preloader-before {

    top: 0; }

  .preloader .preloader-after {

    bottom: 0; }

  .preloader .percent {

    position: absolute;

    font-weight: 700;

    letter-spacing: 3px;

    font-size: 16px;

    color: #FF6E40;

    top: -25px; }

  .preloader .title {

    width: -webkit-max-content;

    width: -moz-max-content;

    width: max-content;

    line-height: 0.9;

    letter-spacing: 10px; }

    .preloader .title .text-strok {

      color: transparent;

      -webkit-text-stroke: 1px #fff; }

    .preloader .title .text-fill {

      color: #fff;

      position: absolute;

      left: 0;

      -webkit-clip-path: inset(100.09% 0% 0% 0%);

              clip-path: inset(100.09% 0% 0% 0%); }

  .preloader .preloader-bar {

    position: absolute;

    width: 100%;

    height: 5px;

    top: 0;

    background: #1d1d1d; }

    .preloader .preloader-bar .preloader-progress {

      width: 0;

      height: 100%;

      background: #FF6E40; }



.view-demo {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-pack: distribute;

      justify-content: space-around;

  height: 100vh;

  position: relative;

  z-index: 1; }

  @media only screen and (max-width: 991px) {

    .view-demo {

      display: block; } }

  .view-demo .half-left,

  .view-demo .half-right {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 50%;

            flex: 0 0 50%;

    text-align: center;

    -webkit-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out; }

    .view-demo .half-left a,

    .view-demo .half-right a {

      -webkit-transition: all 0.3s ease;

      transition: all 0.3s ease; }

      .view-demo .half-left a img,

      .view-demo .half-right a img {

        margin: auto;

        width: 70%;

        -webkit-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out;

        -o-object-fit: cover;

           object-fit: cover;

        -o-object-position: center;

           object-position: center;

        -webkit-box-shadow: 0 0 0 1px #ebebeb;

                box-shadow: 0 0 0 1px #ebebeb;

        border-radius: 4px; }

      .view-demo .half-left a:hover img,

      .view-demo .half-right a:hover img {

        -webkit-transform: translateY(-20px);

                transform: translateY(-20px); }

    .view-demo .half-left h4,

    .view-demo .half-right h4 {

      font-size: 18px;

      font-weight: 600;

      letter-spacing: 1px;

      text-transform: uppercase;

      margin-top: 20px; }

      .view-demo .half-left h4.text-dark,

      .view-demo .half-right h4.text-dark {

        color: #333; }

        @media only screen and (max-width: 991px) {

          .view-demo .half-left h4.text-dark,

          .view-demo .half-right h4.text-dark {

            color: #fff; } }

    @media only screen and (max-width: 991px) {

      .view-demo .half-left,

      .view-demo .half-right {

        width: 100%;

        -webkit-box-flex: 0;

            -ms-flex: 0 0 100%;

                flex: 0 0 100%;

        padding: 60px 15px; }

        .view-demo .half-left a img,

        .view-demo .half-right a img {

          -webkit-box-shadow: 0 0 0 1px #161515;

                  box-shadow: 0 0 0 1px #161515; } }

  .view-demo .overlay-bg {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    width: 100%;

    height: 100vh;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    z-index: -1; }

    @media only screen and (max-width: 991px) {

      .view-demo .overlay-bg {

        display: none; } }

    .view-demo .overlay-bg div {

      width: 50%;

      height: 100%; }

    .view-demo .overlay-bg .black {

      background-color: #110f10; }

    .view-demo .overlay-bg .white {

      background-color: #fff; }



/**

  Line before and after

 */

.line-before:before,

.line-after:after {

  content: "";

  position: absolute;

  width: 60px;

  height: 1.5px;

  background: -webkit-gradient(linear, left top, right top, color-stop(0, #FF6E40), color-stop(35%, #FF6E40), color-stop(65%, #FF6E40), to(transparent));

  background: linear-gradient(to right, #FF6E40 0, #FF6E40 35%, #FF6E40 65%, transparent 100%);

  top: 50%;

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

          transform: translateY(-50%); }



.line-before:before {

  margin-right: 10px;

  -webkit-transform: translateY(-50%) rotate(180deg);

          transform: translateY(-50%) rotate(180deg); }



.line-after:after {

  margin-left: 10px; }



.slick-dots {

  text-align: center;

  margin-top: 20px; }

  .slick-dots li {

    display: inline-block;

    margin: 0 5px;

    line-height: 1px; }

    .slick-dots li button {

      position: relative;

      background-color: #FF6E40;

      width: 15px;

      height: 2px;

      font-size: 0;

      opacity: 0.5; }

    .slick-dots li.slick-active button {

      opacity: 1; }



.space-under-box {

  margin-bottom: 50px; }



.block-margin-top {

  margin-top: 30px; }



.block-margin-bottom {

  margin-bottom: 30px; }



.box-border-after {

  position: relative; }

  .box-border-after::before, .box-border-after::after {

    content: "";

    width: 0;

    height: 0;

    position: absolute;

    z-index: -1; }

    @media only screen and (max-width: 767px) {

      .box-border-after::before, .box-border-after::after {

        display: none; } }

  .box-border-after::before {

    top: -10px;

    left: -10px;

    border-right: 50px solid transparent;

    border-top: 50px solid transparent;

    border-top: 50px solid #FF6E40; }

  .box-border-after:after {

    border-left: 50px solid transparent;

    border-top: 50px solid transparent;

    border-bottom: 50px solid #FF6E40;

    bottom: -10px;

    right: -10px; }



.pointer-events {

  pointer-events: none; }



@media only screen and (max-width: 991px) {

  .pl-container, .main-slider .dsn-slider-content .slide-content {

    padding-left: 15px;

    padding-right: 15px; } }



.animation-rotate img {

  -webkit-animation: rotate 15s linear infinite;

          animation: rotate 15s linear infinite; }



.social-network-box {

  width: 95vh;

  position: absolute;

  left: 40px;

  bottom: 0;

  color: #fff;

  -webkit-transform: rotate(-90deg);

          transform: rotate(-90deg);

  -webkit-transform-origin: left bottom;

          transform-origin: left bottom;

  z-index: 3; }

  @media only screen and (max-width: 575px) {

    .social-network-box {

      display: none; } }

  .social-network-box.social-network-box_right {

    -webkit-transform: rotate(90deg);

            transform: rotate(90deg);

    left: auto;

    right: 40px;

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom; }

  .social-network-box .social-network ul li {

    display: inline-block;

    margin-right: 20px;

    padding: 0;

    list-style: none;

    overflow: hidden; }

    .social-network-box .social-network ul li:last-of-type {

      margin-right: 0; }

  @media only screen and (max-width: 991px) {

    .social-network-box {

      -webkit-transform: rotate(90deg);

              transform: rotate(90deg);

      left: auto;

      right: 40px;

      -webkit-transform-origin: right bottom;

              transform-origin: right bottom; } }



a.link-hover {

  color: #fff;

  display: inline-block;

  letter-spacing: 2px;

  font-size: 13px;

  font-family: "Poppins", sans-serif;

  font-weight: 400;

  position: relative;

  -webkit-transition: all 0.25s ease-in-out;

  transition: all 0.25s ease-in-out; }

  .v-light:not(.no-light) a.link-hover {

    color: #000; }

  a.link-hover:before {

    content: attr(data-hover-text);

    position: absolute;

    left: 0;

    top: 100%;

    color: #fff; }

    .v-light:not(.no-light) a.link-hover:before {

      color: #000; }

  a.link-hover:hover {

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

            transform: translateY(-100%);

    text-decoration: none; }



.link-vist {

  left: 30px;

  bottom: 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-top: 30px; }

  @media only screen and (max-width: 767px) {

    .link-vist {

      margin-top: 20px; } }

  .link-vist .link-vist-text {

    position: relative;

    font-size: 12px;

    font-weight: 400;

    letter-spacing: 2px;

    color: #fff;

    text-transform: uppercase;

    padding-bottom: 3px;

    font-family: "Poppins", sans-serif; }

    .v-light:not(.no-light) .link-vist .link-vist-text {

      color: #000; }

    .link-vist .link-vist-text:before {

      content: "";

      display: block;

      position: absolute;

      height: 1px;

      width: 100%;

      background: #fff;

      bottom: 1px;

      left: 0;

      -webkit-transform-origin: left;

              transform-origin: left;

      transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;

      -webkit-transform: scaleX(1);

              transform: scaleX(1); }

      .v-light:not(.no-light) .link-vist .link-vist-text:before {

        background: #000; }

  .link-vist .link-vist-arrow {

    margin-left: 10px; }

    .link-vist .link-vist-arrow svg {

      width: 20px;

      height: 20px;

      -webkit-transition: all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14);

      transition: all 0.6s cubic-bezier(0.5, 0.2, 0.1, 1.14); }

      .link-vist .link-vist-arrow svg * {

        fill: none;

        stroke: #fff;

        stroke-width: 2px; }

        .v-light:not(.no-light) .link-vist .link-vist-arrow svg * {

          stroke: #000; }

  .link-vist:hover .link-vist-text:before {

    -webkit-transform: scaleX(0);

            transform: scaleX(0);

    -webkit-transform-origin: right;

            transform-origin: right; }

  .link-vist:hover .link-vist-arrow svg {

    -webkit-transform: translate(10px, -10px);

            transform: translate(10px, -10px);

    opacity: 0; }



.scroll-to-top {

  position: fixed;

  right: -100px;

  bottom: 60px;

  width: 70px;

  height: 70px;

  z-index: 99;

  cursor: pointer; }

  .scroll-to-top .box-numper {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 40px;

    height: 40px;

    line-height: 35px;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    text-align: center;

    color: #fff; }

    .v-light:not(.no-light) .scroll-to-top .box-numper {

      color: #000; }

    .scroll-to-top .box-numper span {

      font-size: 12px; }

  .scroll-to-top img {

    width: 65px; }

    .v-light:not(.no-light) .scroll-to-top img {

      -webkit-filter: invert(1);

              filter: invert(1); }



.scroll-d {

  right: 30px;

  bottom: 40px;

  cursor: pointer;

  z-index: 2; }

  .scroll-d img {

    width: 60px; }

    .v-light:not(.no-light) .scroll-d img {

      -webkit-filter: invert(1);

              filter: invert(1); }



.shap-section {

  position: absolute;

  bottom: 20px;

  right: 20px;

  width: 190px; }

  .shap-section img {

    opacity: 0.15; }



.container-fluid.no-padding,

.container.no-padding {

  padding-left: 0;

  padding-right: 0; }



.bg-section {

  top: 0;

  bottom: 0; }



.w-100 {

  width: 100%; }



.w-auto {

  width: auto; }



.w-100-v {

  width: 100vh; }



.h-100 {

  height: 100%; }



.h-100-v {

  height: 100vh; }



.d-flex {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex; }



.a-item-center {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center; }



.text-right {

  text-align: right; }



.text-center {

  text-align: center; }



.d-block {

  display: block; }



.d-inline-block {

  display: inline-block; }



.alignfull {

  position: relative;

  width: calc(100vw - 8px);

  left: 50%;

  margin-left: -50vw; }

  .dsn-effect-scroll .alignfull {

    width: 100vw; }



.fw-blod {

  font-weight: bold; }



.over-hidden {

  overflow: hidden; }



.hidden {

  opacity: 0;

  visibility: hidden; }



.before-z-index:before {

  z-index: 1; }



.fw-600 {

  font-weight: 600; }



.m-auto {

  margin-left: auto;

  margin-right: auto; }



.mt-15 {

  margin-top: 15px; }



.mt-30 {

  margin-top: 30px; }



.mt-25 {

  margin-top: 25px; }



.mb-25 {

  margin-bottom: 25px; }



.mb-30 {

  margin-bottom: 30px; }



.mt-50 {

  margin-top: 50px; }



.mb-50 {

  margin-bottom: 50px; }



.mb-70 {

  margin-bottom: 70px; }



.mt-70 {

  margin-top: 70px; }



.ml-0 {

  margin: 0 !important; }



.left-0 {

  left: 0; }



.p-0 {

  padding: 0; }



.box-after {

  position: relative;

  margin-bottom: 5px; }

  .box-after:after {

    content: "";

    position: absolute;

    width: calc(100% - 20px);

    height: 100%;

    display: block;

    background: #FF6E40;

    bottom: -5px;

    left: 10px;

    z-index: -1; }



@media only screen and (max-width: 991px) {

  .container {

    max-width: 100%;

    padding-right: 50px;

    padding-left: 50px; } }

@media only screen and (max-width: 767px) {

  .container {

    padding-right: 30px;

    padding-left: 30px; } }

@media only screen and (max-width: 575px) {

  .container {

    padding-right: 15px;

    padding-left: 15px; } }

.container-fluid {

  padding-left: 0;

  padding-right: 0; }



.custom-container {

  width: 120%; }

  @media only screen and (max-width: 991px) {

    .custom-container {

      width: 100%; } }



.content-center {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  text-align: center; }



.icon-lg {

  vertical-align: middle;

  font-size: 42px; }



.title {

  position: relative;

  color: #fff;

  font-family: "Poppins", sans-serif;

  font-size: 65px;

  font-weight: 700;

  line-height: 1;

  letter-spacing: 4px; }

  @media only screen and (min-width: 1600px) {

    .title {

      font-size: 76px; } }

  @media only screen and (max-width: 991px) {

    .title {

      font-size: 50px; } }

  @media only screen and (max-width: 767px) {

    .title {

      font-size: 55px;

      letter-spacing: 2px; }

      .title::before, .title::after {

        display: none; } }

  @media only screen and (max-width: 575px) {

    .title {

      font-size: 40px;

      line-height: 1.2; } }

  @media only screen and (max-width: 400px) {

    .title {

      font-size: 35px; } }



.text-underline {

  border-bottom: 1px solid rgba(255, 255, 255, 0.4);

  padding-bottom: 2px; }



.metas {

  font-size: 16px;

  color: #fff;

  margin-bottom: 25px; }

  .v-light:not(.no-light) .metas {

    color: #FF6E40; }

  .metas.meta-personal span {

    background-color: rgba(33, 33, 33, 0.5);

    padding: 5px 15px;

    color: #fff; }

  .metas span {

    position: relative;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    color: #fff;

    letter-spacing: 2px; }

    .metas span::after {

      content: ",";

      position: relative;

      color: #fff;

      font-size: 13px; }

    .metas span:last-of-type::after {

      display: none; }



.title-h2 {

  font-size: 38px;

  margin-bottom: 30px;

  letter-spacing: 2px; }

  @media only screen and (max-width: 991px) {

    .title-h2 {

      font-size: 35px;

      margin-bottom: 20px;

      line-height: inherit; } }

  @media only screen and (max-width: 767px) {

    .title-h2 {

      font-size: 25px; } }



.title-block {

  position: relative;

  letter-spacing: 2px;

  font-size: 22px;

  font-weight: 600;

  text-transform: uppercase;

  margin-bottom: 20px; }

  @media only screen and (max-width: 767px) {

    .title-block {

      margin-bottom: 15px; } }



.sub-text-header {

  margin-top: 25px; }

  .sub-text-header h5 {

    font-weight: 600;

    font-size: 15px;

    letter-spacing: 2px;

    line-height: 24px;

    display: inline-block; }



.sm-title-block {

  position: relative;

  letter-spacing: 2px;

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 10px; }



ul.sub-text-header {

  font-size: 14px;

  font-weight: 700; }

  @media only screen and (max-width: 767px) {

    ul.sub-text-header {

      margin-bottom: 0; } }

  ul.sub-text-header li {

    position: relative;

    display: inline-block;

    margin-right: 15px;

    padding-left: 15px; }

    @media only screen and (max-width: 767px) {

      ul.sub-text-header li {

        margin-bottom: 25px; }

        ul.sub-text-header li:last-of-type {

          margin-bottom: 0; } }

    ul.sub-text-header li:before {

      content: "";

      position: absolute;

      height: 100%;

      width: 3px;

      background-color: #fff;

      left: 0;

      top: 0; }

    ul.sub-text-header li h5 {

      display: block;

      margin-bottom: 5px; }



.p-larg {

  max-width: 980px;

  font-size: 18px;

  font-weight: 400;

  line-height: 1.6; }



.dsn-video {

  -o-object-fit: cover;

     object-fit: cover;

  z-index: -20 !important;

  width: 100%;

  height: 100%; }



[data-dsn="video"] {

  width: 100%;

  height: 100%; }



.p-relative {

  position: relative; }



.p-absolute {

  position: absolute; }



.scrool-down {

  width: 140px;

  height: 140px;

  -webkit-transform: scaleX(1.2);

          transform: scaleX(1.2);

  overflow: hidden;

  -webkit-transition: 0.5s ease;

  transition: 0.5s ease;

  z-index: 3;

  position: absolute;

  bottom: 0;

  right: 0;

  cursor: pointer; }

  .scrool-down a {

    z-index: 3; }

    .scrool-down a:before {

      content: "";

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      border-radius: 99em;

      border-top: 2px solid #555;

      border-right: 2px solid #555;

      -webkit-transition: 0.5s ease;

      transition: 0.5s ease;

      -webkit-transform: translateY(75%) rotate(-45deg);

              transform: translateY(75%) rotate(-45deg);

      will-change: transform;

      cursor: pointer; }

    .scrool-down a:after {

      content: "";

      width: 10px;

      height: 10px;

      border: 2px solid currentColor;

      position: absolute;

      left: 0;

      right: 0;

      bottom: 15px;

      border-top: 0;

      border-left: 0;

      -webkit-transform: rotate(45deg);

              transform: rotate(45deg);

      margin: 0 auto;

      -webkit-transition: 0.2s ease;

      transition: 0.2s ease; }



.background-box {

  background-color: #a56433;

  color: #000;

  font-weight: 700; }



.color-white {

  color: #fff; }

  .v-light:not(.no-light) .color-white {

    color: #000009; }



.overflow-hidden {

  overflow: hidden; }



.user-no-selection {

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none; }

  .user-no-selection::-moz-selection {

    background: none;

    color: inherit; }

  .user-no-selection::selection {

    background: none;

    color: inherit; }



[data-overlay] .transform-3d {

  position: relative;

  z-index: -1; }



.cover-bg-img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -o-object-position: center;

     object-position: center; }



.no-shadow {

  -webkit-box-shadow: none;

          box-shadow: none; }



.transform-3d {

  -webkit-transform-style: preserve-3d;

          transform-style: preserve-3d; }



.p-fixed {

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0; }



.day-night {

  position: fixed;

  z-index: 99999;

  top: 23px;

  left: 10px;

  width: 30px;

  height: 30px;

  cursor: pointer; }

  .admin-bar .day-night {

    top: 74px; }

    @media screen and (min-width: 783px) {

      .admin-bar .day-night {

        top: 60px; } }

  @media only screen and (max-width: 767px) {

    .day-night {

      left: 150px;

      display: none; } }

  .day-night .night,

  .day-night .moon {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    -webkit-transition: opacity 0.8s;

    transition: opacity 0.8s;

    border-radius: 100%;

    opacity: 0; }

    .day-night .night svg,

    .day-night .moon svg {

      width: 100%;

      height: 100%; }

  .day-night .night {

    border: 1px solid rgba(255, 255, 255, 0.18);

    background-color: #fff;

    opacity: 1; }

    .day-night .night svg {

      fill: #000;

      width: 100%;

      height: 100%; }

  .day-night .moon {

    border: 1px solid rgba(255, 255, 255, 0.18);

    background-color: #000;

    opacity: 0; }

    .day-night .moon svg {

      -webkit-transform: rotate(270deg);

              transform: rotate(270deg);

      fill: #f0f0f0; }

  .v-light:not(.no-light) .day-night .night {

    opacity: 0; }

  .v-light:not(.no-light) .day-night .moon {

    opacity: 1; }



.dsn-ajax-loader {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  left: 0; }

  .dsn-ajax-loader:not(.dsn-ajax-normal) {

    visibility: hidden;

    opacity: 0;

    z-index: 999; }

  .dsn-ajax-loader.dsn-ajax-normal {

    background-color: #1b1b1b;

    z-index: 900199;

    -webkit-transform: scaleY(0);

            transform: scaleY(0);

    -webkit-transform-origin: bottom;

            transform-origin: bottom; }



.embed-3d-dimensions {

  max-width: 100%;

  height: 80vh; }

  .embed-3d-dimensions .overlay-3d-dimensions {

    -webkit-transition-property: height, width;

    transition-property: height, width;

    -webkit-transition-duration: 0.3s;

            transition-duration: 0.3s;

    color: #FF6E40; }

    .embed-3d-dimensions .overlay-3d-dimensions .button-action {

      cursor: pointer;

      background-color: #031728;

      width: 70px;

      height: 70px;

      border-radius: 50%; }

    .embed-3d-dimensions .overlay-3d-dimensions i {

      font-size: 50px; }

    .embed-3d-dimensions .overlay-3d-dimensions .action-key {

      -webkit-transition: opacity 0.5s;

      transition: opacity 0.5s;

      left: 10px;

      top: 10px; }

    .embed-3d-dimensions .overlay-3d-dimensions .key-on {

      opacity: 1;

      z-index: 1; }

    .embed-3d-dimensions .overlay-3d-dimensions .key-off {

      opacity: 0;

      z-index: 0; }

  .embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions {

    width: 100px;

    height: 100px;

    top: 0;

    left: 0; }

    .embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions:before {

      display: none; }

    .embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions .key-off {

      opacity: 1;

      z-index: 1; }

    .embed-3d-dimensions.active-3d-dimensions .overlay-3d-dimensions .key-on {

      opacity: 0;

      z-index: 0; }

  .embed-3d-dimensions iframe {

    border: none;

    max-width: 100%; }



.dsn-ajax-effect {

  overflow: hidden !important; }



.dsn-ajax-loader .title {

  color: #fff !important; }



.dsn-z-index-2 {

  z-index: 2; }



.mfp-with-zoom .mfp-container,

.mfp-with-zoom.mfp-bg {

  opacity: 0;

  -webkit-backface-visibility: hidden;

  -webkit-transition: all 0.3s ease-out;

  transition: all 0.3s ease-out; }



.mfp-with-zoom.mfp-ready .mfp-container {

  opacity: 1; }



.mfp-with-zoom.mfp-ready.mfp-bg {

  opacity: 0.8; }



.mfp-with-zoom.mfp-removing .mfp-container,

.mfp-with-zoom.mfp-removing.mfp-bg {

  opacity: 0; }



[data-fill-text] {

  position: relative;

  line-height: 1.2;

  color: transparent;

  -webkit-text-stroke: 1.1px #fff; }

  .v-light:not(.no-light) [data-fill-text] {

    -webkit-text-stroke: 1.1px #000; }

  [data-fill-text]:before {

    content: attr(data-fill-text);

    position: absolute;

    width: 0;

    height: 100%;

    -webkit-transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

    transition: width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);

    overflow: hidden;

    color: #fff;

    white-space: nowrap;

    -webkit-text-stroke: 0 transparent; }

    .v-light:not(.no-light) [data-fill-text]:before {

      color: #000; }

  [data-fill-text]:hover:before {

    width: 100%; }



.box-small {

  padding: 12px;

  background-color: #212121; }

  .v-light:not(.no-light) .box-small {

    background-color: #e6e6e6; }



.col-margin-2 > *:nth-of-type(n + 3) {

  margin-top: 50px; }



.col-margin-3 > *:nth-of-type(n + 4) {

  margin-top: 50px; }



.col-margin-4 > *:nth-of-type(n + 5) {

  margin-top: 50px; }



.dsn-col > * {

  width: calc((100% / var(--dsn-col)) - 3px); }



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: #eee; }



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: #eee; }



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: #eee; }



input::placeholder, textarea::placeholder, .form-control::placeholder, .form-box input::placeholder, .form-box textarea::placeholder {

  color: #eee; }

  .v-light:not(.no-light) input::-webkit-input-placeholder,

  .v-light:not(.no-light) textarea::-webkit-input-placeholder,

  .v-light:not(.no-light) .form-control::-webkit-input-placeholder,

  .v-light:not(.no-light) .form-box input::-webkit-input-placeholder,

  .v-light:not(.no-light) .form-box textarea::-webkit-input-placeholder {

    color: #000009; }

  .v-light:not(.no-light) input:-ms-input-placeholder,

  .v-light:not(.no-light) textarea:-ms-input-placeholder,

  .v-light:not(.no-light) .form-control:-ms-input-placeholder,

  .v-light:not(.no-light) .form-box input:-ms-input-placeholder,

  .v-light:not(.no-light) .form-box textarea:-ms-input-placeholder {

    color: #000009; }

  .v-light:not(.no-light) input::-ms-input-placeholder,

  .v-light:not(.no-light) textarea::-ms-input-placeholder,

  .v-light:not(.no-light) .form-control::-ms-input-placeholder,

  .v-light:not(.no-light) .form-box input::-ms-input-placeholder,

  .v-light:not(.no-light) .form-box textarea::-ms-input-placeholder {

    color: #000009; }

  .v-light:not(.no-light) input::placeholder,

  .v-light:not(.no-light) textarea::placeholder,

  .v-light:not(.no-light) .form-control::placeholder,

  .v-light:not(.no-light) .form-box input::placeholder,

  .v-light:not(.no-light) .form-box textarea::placeholder {

    color: #000009; }



input[type="search"]::-webkit-search-decoration {

  display: none; }



input[type="submit"] {

  position: relative;

  width: auto;

  display: inline-block;

  padding: 15px 30px;

  background-color: #212121;

  color: #fff;

  letter-spacing: 2px;

  font-size: 14px;

  font-weight: 600;

  text-transform: uppercase;

  cursor: pointer;

  margin-top: 0;

  -webkit-transition: all 0.3s ease;

  transition: all 0.3s ease; }



.dsn-button-link .border-after, .dsn-button-link .box-border-after {

  margin: 6px; }

  @media only screen and (max-width: 767px) {

    .dsn-button-link .border-after, .dsn-button-link .box-border-after {

      margin: 0; } }

.dsn-button-link span {

  color: #fff;

  letter-spacing: 1.5px;

  text-transform: uppercase; }

  .v-light:not(.no-light) .dsn-button-link span {

    color: #000; }



.btn {

  color: #fff;

  font-size: 14px;

  font-weight: 400;

  letter-spacing: 3px;

  padding: 20px 40px;

  text-transform: uppercase;

  word-spacing: 5px;

  font-family: "Poppins", sans-serif;

  text-align: center; }

  @media only screen and (max-width: 991px) {

    .btn {

      padding: 15px 25px; } }

  .v-light:not(.no-light) .btn {

    color: #000;

    color: #fff; }

    .v-light:not(.no-light) .btn::before {

      background-color: #031728; }

    .v-light:not(.no-light) .btn:hover {

      color: #fff; }

  .btn:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    width: 100%;

    background-color: #fff;

    -webkit-transform: scaleX(0);

            transform: scaleX(0);

    -webkit-transform-origin: 100% 50%;

            transform-origin: 100% 50%;

    transition: transform 0.35s, -webkit-transform 0.35s; }

  .btn span {

    position: relative;

    z-index: 2;

    -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);

    transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); }

  .btn:hover span {

    color: #000; }

  .v-light:not(.no-light) .btn:hover {

    color: #000; }

    .v-light:not(.no-light) .btn:hover span {

      color: #fff; }

  .btn:hover:before {

    -webkit-transform: scaleX(1);

            transform: scaleX(1);

    -webkit-transform-origin: 0 50%;

            transform-origin: 0 50%; }



.btn-form {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  min-height: 48px;

  border-radius: 50px;

  color: #fff;

  font-size: 14px;

  letter-spacing: 1.2px;

  border: 1.5px solid #FF6E40;

  cursor: pointer;

  margin: auto;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out; }

  .v-light:not(.no-light) .btn-form {

    border-color: #FF6E40;

    color: #000; }

  .btn-form .label {

    font-weight: bold;

    min-width: 150px;

    padding-left: 30px;

    padding-right: 10px;

    text-align: center; }

  .btn-form .icon-c {

    width: 12px;

    height: 12px;

    background-color: #FF6E40;

    border-radius: 50%;

    margin-right: 30px;

    -webkit-transition: all 0.2s ease-in-out;

    transition: all 0.2s ease-in-out; }

    .v-light:not(.no-light) .btn-form .icon-c {

      background-color: #FF6E40; }

  .btn-form:hover {

    background-color: #FF6E40; }

    .v-light:not(.no-light) .btn-form:hover {

      background-color: #FF6E40;

      color: #fff; }

    .btn-form:hover .icon-c {

      background-color: #031728; }



.link-custom {

  padding-top: 16px;

  padding-bottom: 16px;

  padding-right: 50px;

  padding-left: 25px;

  -webkit-transition: padding-left 0.5s;

  transition: padding-left 0.5s; }

  .link-custom.line-after:after {

    position: absolute;

    left: auto;

    right: -25px;

    top: 50%;

    margin: 0; }

  .link-custom:hover {

    padding-left: 50px; }



a.box-border-after, .bottom-submit {

  padding: 14px 30px; }

  a.box-border-after.bottom-submit, .bottom-submit.bottom-submit {

    padding: 0; }

  a.box-border-after:after, a.box-border-after:before, .bottom-submit:after, .bottom-submit:before {

    border-width: 30px; }

  a.box-border-after:before, .bottom-submit:before {

    top: -6px;

    left: -5px; }

  a.box-border-after:after, .bottom-submit:after {

    bottom: -5px;

    right: -6px; }



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

## Links

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

a {

  outline: 0;

  outline-style: none;

  text-decoration: none; }

  a:hover, a:active {

    outline: 0;

    text-decoration: none; }



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

## Menus

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

.font-heading {

  font-family: "Poppins", sans-serif; }



.text-transform-upper {

  text-transform: uppercase; }



.site-header {

  position: fixed;

  top: 0;

  width: 100%;

  padding: 22px 50px;

  z-index: 9000;

  pointer-events: none; }

  @media only screen and (max-width: 767px) {

    .site-header {

      padding: 22px 30px; } }

  @media only screen and (max-width: 575px) {

    .site-header {

      padding: 22px 15px; } }

  .site-header .menu-cover-title {

    position: absolute;

    top: 50%;

    left: 0;

    font-size: 20vw;

    font-weight: 600;

    line-height: 1.15;

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

            transform: translateY(-50%);

    opacity: 0.05; }

  .site-header .inner-header .main-logo {

    width: 96px;

    pointer-events: all; }

    .site-header .inner-header .main-logo img {

      height: 40px; }

    .site-header .inner-header .main-logo .dark-logo {

      display: none; }

  .site-header .main-navigation {

    pointer-events: all; }

  .site-header .nav-border-bottom {

    display: none; }

  .site-header .menu-icon {

    position: relative;

    top: -5px;

    cursor: pointer;

    pointer-events: all; }

    .site-header .menu-icon .icon-m .menu-icon-line {

      background-color: #FF6E40;

      width: 23px;

      height: 2px;

      -webkit-transition: -webkit-transform 0.2s ease-Out;

      transition: -webkit-transform 0.2s ease-Out;

      transition: transform 0.2s ease-Out;

      transition: transform 0.2s ease-Out, -webkit-transform 0.2s ease-Out; }

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

      width: 46px;

      height: 46px;

      border: 1px solid rgba(255, 255, 255, 0.1);

      border-radius: 50%;

      display: none; }

    .site-header .menu-icon .icon-m:hover .icon-circle {

      display: inherit; }

    .site-header .menu-icon .text-menu {

      top: -5px;

      width: 44px;

      margin-right: 10px;

      font-weight: 600;

      color: #fff;

      opacity: 0.9; }

      .site-header .menu-icon .text-menu > div {

        left: 0;

        top: 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 {

        opacity: 0;

        visibility: hidden;

        will-change: transform;

        -webkit-transform: translateY(50%) rotate(15deg) scale(0.8);

                transform: translateY(50%) rotate(15deg) scale(0.8);

        -webkit-transform-origin: top left;

                transform-origin: top left;

        -webkit-transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);

        transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);

        transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;

        transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);

        -webkit-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);

                transition-delay: calc(30ms * var(--char-dsn-index) + 1ms); }

      .site-header .menu-icon .text-menu .text-button .dsn-chars-wrapper {

        opacity: 1;

        visibility: visible;

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

                transform: translateY(0) rotate(0deg) scale(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 {

        opacity: 0;

        visibility: hidden;

        will-change: transform;

        -webkit-transform: translateY(50%) rotate(15deg) scale(0.8);

                transform: translateY(50%) rotate(15deg) scale(0.8);

        -webkit-transform-origin: top left;

                transform-origin: top left;

        -webkit-transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);

        transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);

        transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;

        transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);

        -webkit-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);

                transition-delay: calc(30ms * var(--char-dsn-index) + 1ms); }

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

              transform: translateY(6px); }

    .site-header .menu-icon:hover .icon-m .icon-bottom {

      -webkit-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 {

      opacity: 0;

      visibility: hidden;

      will-change: transform;

      -webkit-transform: translateY(50%) rotate(15deg) scale(0.8);

              transform: translateY(50%) rotate(15deg) scale(0.8);

      -webkit-transform-origin: top left;

              transform-origin: top left;

      -webkit-transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);

      transition: opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);

      transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s;

      transition: transform 0.4s cubic-bezier(0.3, 0, 0.7, 1), opacity 0.3s cubic-bezier(0.3, 0, 0.7, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.3, 0, 0.7, 1);

      -webkit-transition-delay: calc(30ms * var(--char-dsn-index) + 1ms);

              transition-delay: calc(30ms * var(--char-dsn-index) + 1ms); }

    .site-header .menu-icon:hover:not(.nav-active) .text-menu .text-open .dsn-chars-wrapper {

      opacity: 1;

      visibility: visible;

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

              transform: translateY(0) rotate(0deg) scale(1); }

    .site-header .menu-icon:hover.nav-active .text-menu .text-close .dsn-chars-wrapper {

      opacity: 1;

      visibility: visible;

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

              transform: translateY(0) rotate(0deg) scale(1); }

  .site-header ul.extend-container {

    width: 100%;

    padding: 0 30px 0 60px; }

    @media only screen and (max-width: 767px) {

      .site-header ul.extend-container {

        -webkit-box-align: center;

            -ms-flex-align: center;

                align-items: center;

        padding: 0; } }

  .site-header .container-content {

    width: 40%;

    opacity: 0;

    visibility: hidden; }

    @media only screen and (max-width: 767px) {

      .site-header .container-content {

        display: none; } }

    .site-header .container-content .nav-content {

      margin-top: 30px; }

      .site-header .container-content .nav-content:first-of-type {

        margin-top: 0; }

      .site-header .container-content .nav-content p {

        margin-bottom: 5px;

        color: rgba(255, 255, 255, 0.69); }

        .site-header .container-content .nav-content p:last-of-type {

          margin-top: 0; }

        .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 {

      color: #FF6E40;

      font-size: 20px;

      font-weight: 600;

      margin-bottom: 10px; }

    .site-header .container-content .nav-social {

      margin-top: 30px; }

      .site-header .container-content .nav-social ul {

        margin-bottom: 0; }

        .site-header .container-content .nav-social ul li {

          color: #fff;

          display: inline-block;

          font-size: 14px;

          font-weight: 500;

          margin-right: 15px;

          padding-right: 5px; }

          .site-header .container-content .nav-social ul li a {

            color: #fff;

            display: inline-block;

            letter-spacing: 2px;

            font-size: 13px;

            font-family: "Poppins", sans-serif;

            font-weight: 400;

            position: relative; }

  .site-header .extend-container .main-navigation {

    height: 100vh;

    top: 0;

    left: 0;

    background-color: #000;

    z-index: -1;

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

            transform: translateY(-100%);

    opacity: 0;

    visibility: visible; }

    .site-header .extend-container .main-navigation:after {

      position: absolute;

      content: "";

      width: 100%;

      height: 100%;

      top: 0;

      z-index: -1;

      opacity: 0.05;

      background-size: cover;

      background-repeat: no-repeat; }

    .site-header .extend-container .main-navigation ul.extend-container li {

      overflow: hidden;

      font-weight: 600;

      color: #fff;

      width: -webkit-max-content;

      width: -moz-max-content;

      width: max-content;

      margin-bottom: 10px;

      line-height: 1; }

      .site-header .extend-container .main-navigation ul.extend-container li.dsn-active, .site-header .extend-container .main-navigation ul.extend-container li:hover {

        color: #FF6E40; }

        .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: #a8a8a8; }

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

            -ms-flex-align: center;

                align-items: 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);

                  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: 0.5s ease-in-out;

          transition: 0.5s ease-in-out;

          -webkit-transition-property: opacity, visibility, -webkit-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 {

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

                  transform: translateX(-22px);

          opacity: 0;

          visibility: hidden; }

        .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu:hover .dsn-title-menu {

          -webkit-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 {

        overflow: hidden;

        line-height: 1.2; }

        .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 {

          margin-left: 10px;

          font-size: 12px;

          letter-spacing: 2px;

          -webkit-transform: translateY(25px);

                  transform: translateY(25px); }

          @media only screen and (max-width: 767px) {

            .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu {

              display: none; } }

    .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down > a:after {

      content: "";

      background-image: url("../img/right.svg");

      background-size: 17px;

      height: 17px;

      width: 17px;

      background-repeat: no-repeat;

      opacity: 0;

      visibility: hidden;

      -webkit-transition: 0.5s;

      transition: 0.5s;

      -webkit-transform: translate(0, 8px);

              transform: translate(0, 8px); }

    .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down > a:hover:after {

      opacity: 1;

      visibility: visible;

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

              transform: translate(50%, 8px); }

    .site-header .extend-container .main-navigation ul.extend-container > li {

      font-size: 42px; }

      @media only screen and (max-width: 767px) {

        .site-header .extend-container .main-navigation ul.extend-container > li {

          font-size: 32px; } }

      @media only screen and (max-width: 575px) {

        .site-header .extend-container .main-navigation ul.extend-container > li {

          font-size: 24px; } }

      .site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-title-menu {

        opacity: 0;

        visibility: hidden;

        -webkit-transform: translateY(30px);

                transform: translateY(30px); }

      .site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-meta-menu {

        opacity: 0;

        visibility: hidden; }

      .site-header .extend-container .main-navigation ul.extend-container > li ul {

        position: absolute;

        display: none;

        width: 100%;

        height: 100%;

        left: 0;

        top: 0;

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

        padding: 0 60px; }

        .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 {

              -webkit-transform: translateY(22px);

                      transform: translateY(22px);

              margin-left: 10px; }

  @media only screen and (min-width: 992px) {

    .classic-menu .site-header .menu-icon {

      display: none; }

    .classic-menu .site-header .container-content {

      display: none; }

    .classic-menu .site-header .nav-border-bottom {

      position: absolute;

      display: block;

      top: 63px;

      left: 30px;

      width: 25px;

      height: 1px;

      background: #FF6E40;

      border-radius: 3px; }

    .classic-menu .site-header > .extend-container {

      -webkit-box-align: center;

          -ms-flex-align: center;

              align-items: center; }

      .classic-menu .site-header > .extend-container .menu-cover-title {

        display: none; }

    .classic-menu .site-header .extend-container .main-navigation {

      position: inherit;

      display: block;

      margin-left: auto;

      height: auto;

      width: auto;

      top: unset;

      left: unset;

      background-color: transparent;

      z-index: 1;

      -webkit-transform: none !important;

              transform: none !important;

      opacity: 1 !important;

      visibility: visible !important; }

      .classic-menu .site-header .extend-container .main-navigation:after {

        display: none; }

      .classic-menu .site-header .extend-container .main-navigation ul.extend-container {

        display: block; }

        .classic-menu .site-header .extend-container .main-navigation ul.extend-container li .dsn-back-menu {

          display: none; }

        .classic-menu .site-header .extend-container .main-navigation ul.extend-container li a:after, .classic-menu .site-header .extend-container .main-navigation ul.extend-container li a .dsn-meta-menu {

          display: none; }

        .classic-menu .site-header .extend-container .main-navigation ul.extend-container li.dsn-drop-down > a:after {

          display: none; }

        .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li {

          font-size: 15px;

          display: inline-block;

          margin-left: 30px;

          margin-bottom: 0;

          font-weight: 700; }

          .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li:first-of-type {

            margin-left: 0; }

          .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-title-menu {

            opacity: 1 !important;

            visibility: visible !important;

            -webkit-transform: none !important;

                    transform: none !important; }

          .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li > a .dsn-meta-menu {

            display: none; }

          .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li ul {

            position: absolute;

            display: block !important;

            width: 195px;

            height: auto;

            left: unset;

            top: unset;

            margin-top: 15px;

            padding: 10px;

            margin-left: -10px;

            background-color: #212121;

            -webkit-transition-property: opacity, visibility, -webkit-transform;

            transition-property: opacity, visibility, -webkit-transform;

            transition-property: transform, opacity, visibility;

            transition-property: transform, opacity, visibility, -webkit-transform;

            -webkit-transition-duration: 0.8s;

                    transition-duration: 0.8s;

            border-radius: 3px;

            opacity: 0;

            visibility: hidden;

            -webkit-transform: translateY(35px);

                    transform: translateY(35px);

            -webkit-transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);

                    transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1); }

            .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li ul li {

              width: 100%;

              padding: 7px 0;

              border-bottom: 0.5px dotted #ffffff14;

              font-size: 15px;

              font-weight: 500;

              margin-bottom: 0; }

              .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li ul li .dsn-meta-menu {

                display: none; }

              .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li ul li:last-child {

                border-bottom: 0;

                margin-bottom: 0; }

              .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li ul li:before {

                position: relative;

                content: '-';

                opacity: 0;

                top: -4px;

                visibility: hidden;

                margin-right: -4px;

                -webkit-transition: 0.5s;

                transition: 0.5s; }

              .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li ul li.dsn-active, .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li ul li:hover {

                color: #fff; }

                .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li ul li.dsn-active:before, .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li ul li:hover:before {

                  opacity: 1;

                  visibility: visible;

                  margin-right: 5px; }

          .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li:hover ul {

            opacity: 1;

            -webkit-transform: none;

                    transform: none;

            visibility: visible; }

          .classic-menu .site-header .extend-container .main-navigation ul.extend-container > li:last-child ul {

            right: -32px; } }



/* Social menu */

/** === 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-project .title-cover {

  white-space: nowrap; }

.v-light:not(.no-light) .next-project .title, .v-light:not(.no-light) .next-project .title-cover {

  color: #fff; }

.next-project + .footer {

  background-color: transparent;

  position: absolute;

  width: 100%;

  bottom: 0;

  z-index: 2; }

  .v-light:not(.no-light) .next-project + .footer {

    background-color: transparent; }

  .next-project + .footer .footer-top {

    display: none; }

  .next-project + .footer .copyright, .next-project + .footer .copright-text {

    background-color: transparent; }

    .v-light:not(.no-light) .next-project + .footer .copyright, .v-light:not(.no-light) .next-project + .footer .copright-text {

      color: #fff !important; }



.next-page {

  border-bottom: 2px solid #031728; }



.next-project .title-cover {

  white-space: nowrap; }

.v-light:not(.no-light) .next-project .title, .v-light:not(.no-light) .next-project .title-cover {

  color: #fff; }

.next-project + .footer {

  background-color: transparent;

  position: absolute;

  width: 100%;

  bottom: 0;

  z-index: 2; }

  .v-light:not(.no-light) .next-project + .footer {

    background-color: transparent; }

  .next-project + .footer .footer-top {

    display: none; }

  .next-project + .footer .copyright, .next-project + .footer .copright-text {

    background-color: transparent; }

    .v-light:not(.no-light) .next-project + .footer .copyright, .v-light:not(.no-light) .next-project + .footer .copright-text {

      color: #fff !important; }



.title-cover {

  position: absolute;

  width: 100%;

  font-family: "Poppins", sans-serif;

  font-size: 10vw;

  font-weight: 600;

  opacity: 0;

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

          transform: translateY(-100%);

  z-index: 1;

  text-transform: uppercase;

  pointer-events: none;

  overflow: hidden; }

  .title-cover:not(.text-left):not(.text-right) {

    text-align: center; }



.bg-under-header .swiper-container,

.our-team .swiper-container,

.swiper-project .swiper-container,

.our-work .swiper-container {

  padding-bottom: 40px; }

  .bg-under-header .swiper-container .swiper-pagination,

  .our-team .swiper-container .swiper-pagination,

  .swiper-project .swiper-container .swiper-pagination,

  .our-work .swiper-container .swiper-pagination {

    bottom: 0; }



.line-height {

  width: 2px;

  height: 25px;

  background-color: #FF6E40;

  margin: 10px auto; }



@media only screen and (max-width: 991px) {

  .intro-about {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; } }

@media only screen and (max-width: 991px) {

  .intro-about .container {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1; } }

@media only screen and (max-width: 991px) {

  .intro-about .box-top {

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between; } }

@media only screen and (max-width: 400px) {

  .intro-about .box-top {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start; } }

.intro-about .title-cover {

  left: 0;

  z-index: -1; }

.intro-about .exper {

  padding: 25px;

  height: -webkit-max-content;

  height: -moz-max-content;

  height: max-content;

  margin-top: 10px;

  margin-bottom: 10px;

  margin-left: 15px; }

  @media only screen and (max-width: 575px) {

    .intro-about .exper {

      margin-bottom: 0; } }

  @media only screen and (max-width: 400px) {

    .intro-about .exper {

      margin-top: 30px;

      margin-left: 0; } }

  .intro-about .exper .numb-ex > span {

    font-size: 42px;

    font-family: "Poppins", sans-serif;

    font-weight: 700;

    color: #fff; }

    .v-light:not(.no-light) .intro-about .exper .numb-ex > span {

      color: #000; }

  .intro-about .exper h4 {

    color: #fff;

    font-size: 14px;

    letter-spacing: 2px; }

    .v-light:not(.no-light) .intro-about .exper h4 {

      color: #000; }

.intro-about .intro-content-text {

  padding: 100px 0 100px 60px;

  z-index: 2; }

  @media only screen and (max-width: 991px) {

    .intro-about .intro-content-text {

      padding: 0 0 50px; } }

  @media only screen and (max-width: 575px) {

    .intro-about .intro-content-text {

      padding-left: 15px;

      padding-right: 15px; } }

  .intro-about .intro-content-text .section-title {

    margin-bottom: 0; }

  .intro-about .intro-content-text .box-text p {

    max-width: 570px;

    letter-spacing: 0.4px;

    margin-top: 15px; }

    .intro-about .intro-content-text .box-text p:first-of-type {

      margin-top: 0; }

    .intro-about .intro-content-text .box-text p[data-dsn-animate="animate"] > span {

      margin-right: 5px; }

.intro-about .background-mask {

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 50%;

  z-index: -1; }

  @media only screen and (max-width: 991px) {

    .intro-about .background-mask {

      -webkit-box-ordinal-group: 3;

          -ms-flex-order: 2;

              order: 2; } }

  .intro-about .background-mask .background-mask-bg {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #212121; }

    .v-light:not(.no-light) .intro-about .background-mask .background-mask-bg {

      background-color: #e6e6e6; }

  .intro-about .background-mask .img-cent {

    height: 100%; }

    @media only screen and (max-width: 991px) {

      .intro-about .background-mask .img-cent {

        height: 80vh; } }

  .intro-about .background-mask .img-box {

    position: relative;

    width: 100%;

    height: 100%;

    padding: 100px 80px; }

    @media only screen and (max-width: 991px) {

      .intro-about .background-mask .img-box {

        padding: 80px 50px;

        height: 100%; } }

    @media only screen and (max-width: 767px) {

      .intro-about .background-mask .img-box {

        padding: 100px 30px; } }

    @media only screen and (max-width: 575px) {

      .intro-about .background-mask .img-box {

        padding: 0; } }

@media only screen and (max-width: 991px) {

  .intro-about .background-mask {

    position: relative;

    width: 100%;

    top: auto;

    left: auto;

    bottom: auto; }

  .intro-about .img-box {

    padding: 80px 50px; } }

@media only screen and (max-width: 767px) {

  .intro-about .intro-content-text {

    margin-left: 0;

    margin-right: 0; }

  .intro-about .background-mask {

    background-color: transparent; } }



.bg-under-header .swiper-slide {

  height: 75vh;

  border-radius: 2px; }

  .bg-under-header .swiper-slide img {

    border-radius: 2px; }



.accordion {

  line-height: 1.2; }

  .accordion__answer {

    display: none;

    max-width: 400px;

    padding-top: 10px;

    padding-left: 50px; }

    .accordion__answer.active {

      display: block; }

  .accordion__item {

    margin-bottom: 15px;

    border: 1px solid rgba(128, 128, 128, 0.25);

    padding: 20px; }

    .v-light:not(.no-light) .accordion__item {

      border: 1px solid rgba(128, 128, 128, 0.25); }

    @media only screen and (max-width: 767px) {

      .accordion__item {

        margin-bottom: 20px; } }

    .accordion__item:last-of-type {

      margin-bottom: 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:first-of-type {

      padding-top: 0; }

    .accordion__question .icon {

      width: 40px;

      margin-right: 20px; }

    .accordion__question h4 {

      font-weight: 600;

      margin-bottom: 0; }

  .accordion__question::before {

    content: "";

    display: inline-block;

    border: solid #FF6E40;

    border-width: 0 2px 2px 0;

    padding: 3px;

    position: absolute;

    top: 40%;

    right: 0;

    -webkit-transform: rotate(45deg);

            transform: rotate(45deg);

    -webkit-transition: -webkit-transform 0.2s linear;

    transition: -webkit-transform 0.2s linear;

    transition: transform 0.2s linear;

    transition: transform 0.2s linear, -webkit-transform 0.2s linear; }

    .v-light:not(.no-light) .accordion__question::before {

      border-color: #FF6E40; }



.expanded.accordion__question::before {

  content: "";

  border: solid #FF6E40;

  border-width: 0 2px 2px 0;

  display: inline-block;

  padding: 3px;

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: rotate(-135deg);

          transform: rotate(-135deg);

  -webkit-transition: -webkit-transform 0.2s linear;

  transition: -webkit-transform 0.2s linear;

  transition: transform 0.2s linear;

  transition: transform 0.2s linear, -webkit-transform 0.2s linear; }

  .v-light:not(.no-light) .expanded.accordion__question::before {

    border-color: #FF6E40; }



.skills-item {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 50%;

          flex: 0 0 50%;

  text-align: left;

  padding-right: 15px; }

  .skills-item:nth-of-type(n + 3) {

    margin-top: 25px; }

  .skills-item h4 {

    color: rgba(255, 255, 255, 0.69);

    letter-spacing: 2px;

    font-size: 11px;

    font-weight: 500;

    margin-bottom: 10px; }

  .skills-item .bar {

    height: 4px;

    border-radius: 4px; }

    .skills-item .bar .fill {

      left: 0;

      width: 0;

      border-radius: 4px;

      -webkit-transition: width 3s cubic-bezier(0.34, 1.56, 0.64, 1);

      transition: width 3s cubic-bezier(0.34, 1.56, 0.64, 1); }

      .skills-item .bar .fill:after {

        content: "";

        width: 0;

        height: 0;

        border-left: 3px solid transparent;

        border-right: 3px solid transparent;

        border-top: 5px solid #fff;

        position: absolute;

        top: -10px;

        right: 0; }



.project-info .sub-text-header {

  margin-top: 0;

  padding: 30px 0; }

  .project-info .sub-text-header li {

    padding-right: 30px;

    padding-left: 30px;

    margin: 0; }

    @media only screen and (max-width: 991px) {

      .project-info .sub-text-header li {

        padding-right: 15px;

        padding-left: 15px; } }

    @media only screen and (max-width: 767px) {

      .project-info .sub-text-header li {

        width: calc(50% - 5px);

        padding-right: 15px;

        padding-left: 15px; }

        .project-info .sub-text-header li:nth-of-type(n + 3) {

          margin-top: 30px; } }

    @media only screen and (max-width: 400px) {

      .project-info .sub-text-header li {

        width: 100%;

        padding-right: 10px;

        padding-left: 10px; }

        .project-info .sub-text-header li:nth-of-type(n + 2) {

          margin-top: 30px; } }

    .project-info .sub-text-header li::before {

      left: auto;

      right: 0;

      background-color: #031728; }

      .v-light:not(.no-light) .project-info .sub-text-header li::before {

        background-color: #f9f9f9; }

      @media only screen and (max-width: 767px) {

        .project-info .sub-text-header li::before {

          display: none; } }

    .project-info .sub-text-header li:last-of-type::before {

      display: none; }

.project-info .link-vist {

  left: auto;

  bottom: auto;

  margin-top: 0; }



.intro-project {

  position: relative; }

  .intro-project .intro-text {

    position: relative; }

  .intro-project .title-cover {

    text-align: left; }

  .intro-project h2 {

    font-size: 40px;

    letter-spacing: 2px; }

    @media only screen and (max-width: 575px) {

      .intro-project h2 {

        font-size: 22px;

        letter-spacing: 0; } }

  .intro-project:not(.text-center) .inner {

    max-width: 750px; }

  .intro-project .inner > p {

    font-weight: bold;

    margin-top: 20px; }

    @media only screen and (max-width: 575px) {

      .intro-project .inner > p {

        font-size: 14px; } }

  .intro-project.text-center .intro-text {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    max-width: 750px; }

    @media only screen and (max-width: 575px) {

      .intro-project.text-center .intro-text {

        max-width: 100%;

        overflow: hidden; } }

    .intro-project.text-center .intro-text .title-cover {

      text-align: center; }

    .intro-project.text-center .intro-text .intro-project-details {

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center; }



@media only screen and (max-width: 767px) {

  .service .service-inner {

    background-color: transparent; }

    .service .service-inner::before, .service .service-inner:after {

      display: none; }

    .service .service-inner .row {

      -webkit-box-pack: center;

          -ms-flex-pack: center;

              justify-content: center; } }

@media only screen and (max-width: 767px) {

  .service .services-item:nth-of-type(n + 3) {

    margin-top: 30px; } }

@media only screen and (max-width: 575px) {

  .service .services-item:nth-of-type(n + 2) {

    margin-top: 30px; } }

.service .services-item .services-item-inner {

  padding: 70px 15px; }

  @media only screen and (max-width: 991px) {

    .service .services-item .services-item-inner {

      padding: 30px 25px; } }

  @media only screen and (max-width: 767px) {

    .service .services-item .services-item-inner {

      padding: 30px 15px;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column;

      border: 1px solid rgba(128, 128, 128, 0.25); }

      .service .services-item .services-item-inner:nth-of-type(n + 3) {

        margin-top: 30px; } }

  .service .services-item .services-item-inner .icon {

    margin-bottom: 20px; }

    .service .services-item .services-item-inner .icon img {

      width: 50px; }

      @media only screen and (max-width: 767px) {

        .service .services-item .services-item-inner .icon img {

          width: 40px; } }

.service.service-six-item .services-item:nth-of-type(n + 5) {

  border-top: 2px solid #031728; }

  .v-light:not(.no-light) .service.service-six-item .services-item:nth-of-type(n + 5) {

    border-color: #f9f9f9; }

.v-light:not(.no-light) .service.service-six-item .services-item {

  border-color: #f9f9f9; }

@media only screen and (max-width: 767px) {

  .service.service-six-item .services-item:nth-of-type(n + 2) {

    margin-top: 0;

    border-top: 2px solid #031728; }

  .service.service-six-item .services-item:nth-of-type(n + 4) {

    margin-top: 30px; } }

@media only screen and (max-width: 575px) {

  .service.service-six-item .services-item:nth-of-type(n + 3) {

    margin-top: 30px; } }



@media only screen and (max-width: 991px) {

  .services-tap .box-text {

    height: auto;

    margin-bottom: 30px; } }

.services-tap .box-text .inner-text {

  padding: 70px 30px; }

  @media only screen and (max-width: 991px) {

    .services-tap .box-text .inner-text {

      padding: 30px; } }

  .v-light:not(.no-light) .services-tap .box-text .inner-text .title-block {

    color: #fff; }

  .v-light:not(.no-light) .services-tap .box-text .inner-text p {

    color: rgba(255, 255, 255, 0.69); }

.services-tap .box-tap {

  padding: 0 30px; }

  @media only screen and (max-width: 991px) {

    .services-tap .box-tap {

      padding: 0; } }



.our-work {

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

  counter-reset: workcounter; }

  .our-work.our-work-under-header .next-container {

    right: 30px; }

  .our-work.our-work-under-header .work-item {

    width: 50%;

    height: 50vh;

    margin-right: 8vw; }

    @media only screen and (max-width: 575px) {

      .our-work.our-work-under-header .work-item {

        margin-right: 0; } }

    .our-work.our-work-under-header .work-item .img-next-box {

      position: absolute;

      height: 100%; }

      .our-work.our-work-under-header .work-item .img-next-box::before {

        z-index: 2; }

    .our-work.our-work-under-header .work-item .item-info {

      background-color: transparent; }

      .v-light:not(.no-light) .our-work.our-work-under-header .work-item .item-info {

        background-color: transparent; }

      .v-light:not(.no-light) .our-work.our-work-under-header .work-item .item-info h4,

      .v-light:not(.no-light) .our-work.our-work-under-header .work-item .item-info .cat {

        color: #fff; }

      .our-work.our-work-under-header .work-item .item-info::before {

        top: 0;

        opacity: 0.5; }

      .our-work.our-work-under-header .work-item .item-info a {

        position: absolute;

        height: auto;

        bottom: 0;

        padding-bottom: 30px; }

        .our-work.our-work-under-header .work-item .item-info a span {

          display: none; }

  .our-work .container-fluid {

    padding: 0; }

  .our-work .work-item .img-next-box {

    height: 50vh; }

    .our-work .work-item .img-next-box::before {

      z-index: -1; }

  .our-work .work-item img {

    height: 105%;

    -o-object-fit: cover;

       object-fit: cover;

    -webkit-transition: -webkit-transform 0.5s;

    transition: -webkit-transform 0.5s;

    transition: transform 0.5s;

    transition: transform 0.5s, -webkit-transform 0.5s; }

  .our-work .work-item:hover img {

    -webkit-transform: translateY(-5px);

            transform: translateY(-5px); }

  .our-work .work-item a {

    width: 100%;

    height: 100%;

    -webkit-transition: -webkit-transform 0.5s ease-in-out;

    transition: -webkit-transform 0.5s ease-in-out;

    transition: transform 0.5s ease-in-out;

    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; }

    .our-work .work-item a[data-dsn-grid="moveUp"] img {

      height: 120%; }

  .our-work .work-item .item-border {

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: rgba(0, 0, 0, 0.5);

    transition: transform 0.6s, background-color 0.6s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.6s;

    z-index: 1; }

  .our-work .work-item .item-info {

    background-color: #212121;

    padding: 50px 30px 30px;

    width: 100%;

    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);

    transition: -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);

    transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);

    transition: transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87), -webkit-transform 0.5s cubic-bezier(0.08, 0.03, 0.22, 0.87);

    z-index: 2; }

    .v-light:not(.no-light) .our-work .work-item .item-info {

      background-color: #e6e6e6; }

    .our-work .work-item .item-info::before {

      counter-increment: workcounter;

      content: counters(workcounter,".",decimal-leading-zero);

      position: absolute;

      left: 15px;

      top: -35px;

      font-size: 70px;

      line-height: 1;

      font-weight: bold;

      color: transparent;

      -webkit-text-stroke: 1px #FF6E40; }

    @media only screen and (max-width: 767px) {

      .our-work .work-item .item-info {

        padding: 30px 15px; } }

    .our-work .work-item .item-info .cat {

      font-size: 13px;

      letter-spacing: 2px;

      font-weight: 500;

      text-transform: uppercase;

      margin-bottom: 10px;

      font-family: "Karla";

      opacity: 0.9; }

      .v-light:not(.no-light) .our-work .work-item .item-info .cat {

        color: #000009; }

    .our-work .work-item .item-info h4 {

      font-size: 25px;

      -webkit-transition: margin-bottom 0.5s ease;

      transition: margin-bottom 0.5s ease;

      z-index: 3;

      font-weight: 600; }

      .v-light:not(.no-light) .our-work .work-item .item-info h4 {

        color: #000; }

    .our-work .work-item .item-info p {

      margin-top: 10px; }

      .v-light:not(.no-light) .our-work .work-item .item-info p {

        color: #000; }

    .our-work .work-item .item-info span {

      margin-top: 10px;

      color: #fff;

      font-size: 13px;

      text-transform: uppercase;

      letter-spacing: 2px;

      -webkit-transition: opacity 0.6s ease;

      transition: opacity 0.6s ease; }

      .v-light:not(.no-light) .our-work .work-item .item-info span {

        color: #000; }

  .our-work .work-item:hover .item-border {

    background-color: rgba(0, 0, 0, 0.8); }

  .our-work .next-container {

    right: 0; }

    @media only screen and (max-width: 575px) {

      .our-work .next-container {

        display: none; } }

  .our-work .prev-container {

    left: 0; }

    @media only screen and (max-width: 575px) {

      .our-work .prev-container {

        display: none; } }



.our-blog .blog-item {

  padding: 15px;

  padding-bottom: 15px; }

  @media only screen and (max-width: 575px) {

    .our-blog .blog-item {

      padding: 15px 30px; } }

  .our-blog .blog-item:nth-of-type(n + 4) {

    margin-top: 50px; }

  @media only screen and (max-width: 767px) {

    .our-blog .blog-item:nth-of-type(n + 3) {

      margin-top: 30px; } }

  @media only screen and (max-width: 575px) {

    .our-blog .blog-item:nth-of-type(n + 2) {

      margin-top: 30px; } }

  .our-blog .blog-item .blog-item-inner {

    overflow: hidden;

    -webkit-box-shadow: none;

            box-shadow: none;

    padding: 30px 25px;

    -webkit-box-shadow: 0 0 0 10px rgba(33, 33, 33, 0.6), 0 0 0 15px rgba(33, 33, 33, 0.1);

            box-shadow: 0 0 0 10px rgba(33, 33, 33, 0.6), 0 0 0 15px rgba(33, 33, 33, 0.1); }

    .v-light:not(.no-light) .our-blog .blog-item .blog-item-inner {

      -webkit-box-shadow: 0 0 0 10px rgba(230, 230, 230, 0.6), 0 0 0 15px rgba(230, 230, 230, 0.1);

              box-shadow: 0 0 0 10px rgba(230, 230, 230, 0.6), 0 0 0 15px rgba(230, 230, 230, 0.1); }

    @media only screen and (max-width: 991px) {

      .our-blog .blog-item .blog-item-inner {

        padding: 30px 25px; } }

    .our-blog .blog-item .blog-item-inner .after-bg {

      top: 0;

      left: 0;

      opacity: .5;

      -webkit-transition: all 0.5s ease-in-out;

      transition: all 0.5s ease-in-out; }

      .our-blog .blog-item .blog-item-inner .after-bg img {

        opacity: .5;

        -webkit-transition: all 0.5s ease-in-out;

        transition: all 0.5s ease-in-out; }

    .our-blog .blog-item .blog-item-inner::before {

      content: "";

      position: absolute;

      right: 0;

      top: 0;

      width: 100%;

      height: 100%;

      background: linear-gradient(170deg, rgba(255, 255, 255, 0.1), transparent 75%);

      -webkit-transform: skew(-10deg) translateX(50%);

              transform: skew(-10deg) translateX(50%);

      opacity: 0.9;

      -webkit-transition: all 0.5s ease-out;

      transition: all 0.5s ease-out;

      z-index: 2; }

    .our-blog .blog-item .blog-item-inner .box-content {

      position: relative;

      padding: 0;

      z-index: 2; }

      .our-blog .blog-item .blog-item-inner .box-content .box-content-body {

        display: -webkit-box;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column; }

      .our-blog .blog-item .blog-item-inner .box-content .entry-date {

        color: #fff;

        margin-bottom: auto; }

        .v-light:not(.no-light) .our-blog .blog-item .blog-item-inner .box-content .entry-date {

          color: #000; }

        .our-blog .blog-item .blog-item-inner .box-content .entry-date span.day {

          display: block;

          font-size: 40px;

          font-weight: 700;

          color: #FF6E40;

          line-height: 0.8; }

          .v-light:not(.no-light) .our-blog .blog-item .blog-item-inner .box-content .entry-date span.day {

            color: #FF6E40; }

      .our-blog .blog-item .blog-item-inner .box-content .content-bottom {

        margin-top: 60%; }

    .our-blog .blog-item .blog-item-inner .category {

      margin-bottom: 15px; }

      .our-blog .blog-item .blog-item-inner .category a {

        position: relative;

        font-weight: 600;

        font-size: 14px;

        color: #fff;

        letter-spacing: 1.2px; }

        .v-light:not(.no-light) .our-blog .blog-item .blog-item-inner .category a {

          color: #000009; }

    .our-blog .blog-item .blog-item-inner .link-vist {

      left: auto;

      bottom: auto; }

    .our-blog .blog-item .blog-item-inner:hover:before {

      -webkit-transform: skew(-10deg) translateX(25%);

              transform: skew(-10deg) translateX(25%); }

    .our-blog .blog-item .blog-item-inner:hover .after-bg {

      opacity: .5; }

      .our-blog .blog-item .blog-item-inner:hover .after-bg img {

        opacity: 1; }



.video-section {

  height: 90vh; }

  .video-section .text-play,

  .video-section .play-btn,

  .video-section .icon-circle {

    width: 80px;

    height: 80px;

    line-height: 80px;

    border-radius: 50%;

    margin: auto;

    text-align: center;

    color: #fff;

    font-weight: 600; }

  @media only screen and (max-width: 991px) {

    .video-section .play-btn {

      background-color: #FF6E40; }

      .v-light:not(.no-light) .video-section .play-btn {

        background-color: #FF6E40; } }

  .video-section .icon-circle {

    position: absolute;

    top: 0;

    z-index: -1;

    background-color: #FF6E40; }

    .v-light:not(.no-light) .video-section .icon-circle {

      background-color: #FF6E40; }

  .video-section .text-play {

    color: #fff;

    font-size: 14px;

    font-weight: bold;

    letter-spacing: 2px;

    text-transform: uppercase; }



@media only screen and (max-width: 767px) {

  .testimonials {

    background-color: #212121;

    padding: 80px 0; }

    .v-light:not(.no-light) .testimonials {

      background-color: #e6e6e6; } }

@media only screen and (max-width: 767px) {

  .testimonials .dsn-move-section {

    -webkit-transform: none !important;

            transform: none !important; } }

.testimonials .box-title {

  width: 30%;

  z-index: 2; }

  @media only screen and (max-width: 767px) {

    .testimonials .box-title {

      position: relative;

      width: 100%;

      margin-bottom: 40px; } }

  .testimonials .box-title .section-title {

    margin-bottom: 0; }

.testimonials .testimonial-content {

  width: 80%;

  margin-left: auto;

  padding: 60px 30px 80px;

  padding-left: 20%; }

  @media only screen and (max-width: 991px) {

    .testimonials .testimonial-content {

      padding-left: 15%; } }

  @media only screen and (max-width: 767px) {

    .testimonials .testimonial-content {

      width: 100%;

      padding: 0;

      padding-bottom: 60px; } }

  .testimonials .testimonial-content:after {

    content: "”";

    right: 30px;

    bottom: -115px;

    position: absolute;

    font-size: 150px;

    font-weight: bold;

    color: #fff; }

    .v-light:not(.no-light) .testimonials .testimonial-content:after {

      color: #000; }

    @media only screen and (max-width: 767px) {

      .testimonials .testimonial-content:after {

        display: none; } }

  .testimonials .testimonial-content .testimonial-item .quote p {

    font-size: 18px;

    font-style: italic;

    letter-spacing: 1.5px;

    line-height: 1.5;

    margin-bottom: 50px; }

    @media only screen and (max-width: 991px) {

      .testimonials .testimonial-content .testimonial-item .quote p {

        margin-bottom: 30px; } }

  .testimonials .testimonial-content .testimonial-item .avatar-inner .avatar {

    width: 40px;

    height: 40px;

    border-radius: 50%; }

    .testimonials .testimonial-content .testimonial-item .avatar-inner .avatar img {

      border-radius: 50%; }

  .testimonials .testimonial-content .testimonial-item .avatar-inner .label {

    font-size: 17px;

    color: #fff;

    letter-spacing: 2px;

    margin-left: 20px;

    padding-left: 20px;

    border-left: 2px solid #fff; }

    .v-light:not(.no-light) .testimonials .testimonial-content .testimonial-item .avatar-inner .label {

      color: #000;

      border-left: 2px solid #000; }

    .testimonials .testimonial-content .testimonial-item .avatar-inner .label .sm-title-block {

      margin-bottom: 10px; }

    .testimonials .testimonial-content .testimonial-item .avatar-inner .label h6 {

      font-size: 14px;

      font-weight: 400; }

.testimonials .next-container {

  left: 30px;

  bottom: auto; }

  @media only screen and (max-width: 767px) {

    .testimonials .next-container {

      left: auto;

      right: 0;

      bottom: 0; } }

.testimonials .prev-container {

  left: -90px;

  bottom: auto; }

  @media only screen and (max-width: 767px) {

    .testimonials .prev-container {

      left: 0;

      bottom: 0; } }



.testimonial {

  position: relative; }

  @media only screen and (max-width: 767px) {

    .testimonial .title-cover {

      text-align: center;

      left: 0; } }

  @media only screen and (max-width: 767px) {

    .testimonial .section-title {

      text-align: center; }

      .testimonial .section-title .section-sub-title {

        padding-left: 70px; }

        .testimonial .section-title .section-sub-title::after {

          content: "";

          position: absolute;

          top: 50%;

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

                  transform: translateY(-50%);

          width: 60px;

          height: 1px;

          left: 0;

          background: -webkit-gradient(linear, right top, left top, color-stop(0, #FF6E40), color-stop(35%, #FF6E40), color-stop(65%, #FF6E40), to(transparent));

          background: linear-gradient(to left, #FF6E40 0, #FF6E40 35%, #FF6E40 65%, transparent 100%); } }

  .testimonial .testimonial-inner .testimonial-avatar {

    border-left: 1px solid rgba(128, 128, 128, 0.25);

    border-right: 1px solid rgba(128, 128, 128, 0.25);

    text-align: center;

    padding: 30px 15px; }

    .v-light:not(.no-light) .testimonial .testimonial-inner .testimonial-avatar {

      border-left: 1px solid rgba(128, 128, 128, 0.25);

      border-right: 1px solid rgba(128, 128, 128, 0.25); }

    @media only screen and (max-width: 767px) {

      .testimonial .testimonial-inner .testimonial-avatar {

        border-left: 0;

        border-right: 0;

        padding: 0;

        padding-bottom: 30px; } }

  @media only screen and (max-width: 767px) {

    .testimonial .testimonial-inner .testimonial-content .swiper-container {

      padding-bottom: 50px; } }

  .testimonial .testimonial-inner .box-img {

    -webkit-mask-image: url(../img/avatar/testimonial.png);

    height: 100px;

    width: 100px;

    -webkit-box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.35);

            box-shadow: 0px 15px 50px 0px rgba(0, 0, 0, 0.35);

    margin: auto;

    margin-bottom: 20px; }

  .testimonial .testimonial-inner .box-info {

    position: relative; }

    .testimonial .testimonial-inner .box-info .sm-title-block {

      margin-bottom: 5px;

      color: #fff; }

      .v-light:not(.no-light) .testimonial .testimonial-inner .box-info .sm-title-block {

        color: #000; }

    .testimonial .testimonial-inner .box-info h6 {

      font-size: 14px;

      font-weight: 400; }

  .testimonial .testimonial-inner .box-text {

    position: relative;

    padding: 15px;

    padding-left: 90px; }

    @media only screen and (max-width: 767px) {

      .testimonial .testimonial-inner .box-text {

        text-align: center;

        padding: 0; } }

    .testimonial .testimonial-inner .box-text:after {

      content: "”";

      left: 0;

      top: -85px;

      position: absolute;

      font-size: 150px;

      font-weight: bold;

      color: #fff;

      -webkit-transform: rotate(180deg);

              transform: rotate(180deg); }

      .v-light:not(.no-light) .testimonial .testimonial-inner .box-text:after {

        color: #000; }

      @media only screen and (max-width: 767px) {

        .testimonial .testimonial-inner .box-text:after {

          display: none; } }

    .testimonial .testimonial-inner .box-text p {

      font-size: 18px;

      font-style: italic;

      letter-spacing: 1.5px;

      line-height: 1.5; }

  .testimonial .next-container {

    right: 0; }

    @media only screen and (max-width: 767px) {

      .testimonial .next-container {

        bottom: 0; } }

  .testimonial .prev-container {

    left: 0; }

    @media only screen and (max-width: 767px) {

      .testimonial .prev-container {

        bottom: 0; } }

  .testimonial .swiper-pagination {

    bottom: 0; }



/***

    END Testimonials

 */

.brand-client {

  position: relative; }

  .brand-client .wrapper-client .animate-bg {

    margin: 15px; }

  .brand-client .wrapper-client .logo-box {

    width: calc(25% - 30px);

    margin: 15px;

    min-height: 200px;

    -webkit-box-shadow: 0 0 0 10px rgba(33, 33, 33, 0.6), 0 0 0 15px rgba(33, 33, 33, 0.1);

            box-shadow: 0 0 0 10px rgba(33, 33, 33, 0.6), 0 0 0 15px rgba(33, 33, 33, 0.1); }

    .v-light:not(.no-light) .brand-client .wrapper-client .logo-box {

      -webkit-box-shadow: 0 0 0 10px rgba(230, 230, 230, 0.6), 0 0 0 15px rgba(230, 230, 230, 0.1);

              box-shadow: 0 0 0 10px rgba(230, 230, 230, 0.6), 0 0 0 15px rgba(230, 230, 230, 0.1); }

    @media only screen and (max-width: 991px) {

      .brand-client .wrapper-client .logo-box {

        width: calc(33.333% - 30px); } }

    @media only screen and (max-width: 767px) {

      .brand-client .wrapper-client .logo-box {

        width: calc(50% - 30px); } }

    @media only screen and (max-width: 575px) {

      .brand-client .wrapper-client .logo-box {

        width: 100%; } }

    .brand-client .wrapper-client .logo-box img {

      max-width: 180px;

      margin: auto; }

    .brand-client .wrapper-client .logo-box .info {

      left: 0;

      top: 0; }

      .brand-client .wrapper-client .logo-box .info .content {

        width: 100%;

        height: 100%;

        bottom: 0;

        left: 0;

        position: absolute;

        text-align: center;

        -webkit-transition: opacity 0.56s cubic-bezier(0.77, 0, 0.175, 1);

        transition: opacity 0.56s cubic-bezier(0.77, 0, 0.175, 1);

        background: #031728;

        opacity: 0; }

        .v-light:not(.no-light) .brand-client .wrapper-client .logo-box .info .content {

          background-color: #f9f9f9; }

        .brand-client .wrapper-client .logo-box .info .content .entry {

          position: absolute;

          left: 0;

          top: 0;

          display: -webkit-box;

          display: -ms-flexbox;

          display: flex;

          vertical-align: middle;

          -webkit-box-pack: center;

              -ms-flex-pack: center;

                  justify-content: center;

          -webkit-box-align: center;

              -ms-flex-align: center;

                  align-items: center;

          padding: 10%;

          width: 100%;

          height: 100%;

          opacity: 1; }

          .brand-client .wrapper-client .logo-box .info .content .entry div {

            width: 100%; }

            .brand-client .wrapper-client .logo-box .info .content .entry div h5 {

              margin-bottom: 20px; }

            .brand-client .wrapper-client .logo-box .info .content .entry div a {

              letter-spacing: 2px;

              font-weight: 600; }

      .brand-client .wrapper-client .logo-box .info:hover .content {

        opacity: 1;

        -webkit-transition-delay: 0.3s;

                transition-delay: 0.3s; }



.our-team .team-item .team-item-inner {

  padding-top: 30px;

  border-radius: 2px; }

  .our-team .team-item .team-item-inner .avatar {

    border-radius: 50%;

    width: 100px;

    height: 100px; }

    .our-team .team-item .team-item-inner .avatar::before {

      content: "";

      position: absolute;

      top: 5%;

      left: 5%;

      width: 90%;

      height: 90%;

      border: 1px solid #212121;

      border-radius: 50%;

      opacity: 0.2; }

      .v-light:not(.no-light) .our-team .team-item .team-item-inner .avatar::before {

        border-color: rgba(128, 128, 128, 0.25); }

    .our-team .team-item .team-item-inner .avatar img {

      border-radius: 50%; }

  .our-team .team-item .team-item-inner .content {

    padding: 0 15px; }

  .our-team .team-item .team-item-inner .sm-title-block {

    margin-top: 5px;

    margin-bottom: 0;

    color: #fff; }

    .v-light:not(.no-light) .our-team .team-item .team-item-inner .sm-title-block {

      color: #000; }

  .our-team .team-item .team-item-inner .social {

    padding: 15px;

    border-top: 1px solid rgba(128, 128, 128, 0.25); }

    .our-team .team-item .team-item-inner .social ul li {

      display: inline-block;

      width: 35px;

      height: 35px;

      line-height: 35px;

      font-size: 12px;

      font-weight: bold;

      text-align: center;

      color: #fff;

      border: 1px solid #FF6E40;

      margin: 0 3px; }

      .v-light:not(.no-light) .our-team .team-item .team-item-inner .social ul li {

        color: #000; }

      .our-team .team-item .team-item-inner .social ul li a {

        width: 100%;

        height: 100%; }

.our-team .next-container {

  right: 0; }

.our-team .prev-container {

  left: 0; }



[data-dsn-grid="move-up"], [data-dsn-grid="moveUp"] {

  position: relative;

  overflow: hidden;

  height: 100vh; }

  .container [data-dsn-grid="move-up"],

  .container [data-dsn-grid="moveUp"] {

    height: 80vh; }

  @media only screen and (max-width: 767px) {

    [data-dsn-grid="move-up"].parallax-responsive, [data-dsn-grid="moveUp"].parallax-responsive {

      height: 70vh; } }

  @media only screen and (max-width: 575px) {

    [data-dsn-grid="move-up"].parallax-responsive, [data-dsn-grid="moveUp"].parallax-responsive {

      height: 50vh; } }

  [data-dsn-grid="move-up"] img,

  [data-dsn-grid="move-up"] video, [data-dsn-grid="moveUp"] img,

  [data-dsn-grid="moveUp"] video {

    position: relative;

    width: 100%;

    top: -30%;

    height: 130%;

    pointer-events: none;

    -o-object-fit: cover;

       object-fit: cover;

    -webkit-transform-style: preserve-3d;

            transform-style: preserve-3d;

    will-change: transform; }

    [data-dsn-grid="move-up"] img.has-bigger-scale,

    [data-dsn-grid="move-up"] video.has-bigger-scale, [data-dsn-grid="moveUp"] img.has-bigger-scale,

    [data-dsn-grid="moveUp"] video.has-bigger-scale {

      -webkit-transform: scale(1.3);

              transform: scale(1.3); }

    [data-dsn-grid="move-up"] img.has-skew,

    [data-dsn-grid="move-up"] video.has-skew, [data-dsn-grid="moveUp"] img.has-skew,

    [data-dsn-grid="moveUp"] video.has-skew {

      -webkit-transform-origin: 0 90%;

              transform-origin: 0 90%;

      -webkit-transform: skewX(5deg);

              transform: skewX(5deg); }

    [data-dsn-grid="move-up"] img.has-opposite-direction,

    [data-dsn-grid="move-up"] video.has-opposite-direction, [data-dsn-grid="moveUp"] img.has-opposite-direction,

    [data-dsn-grid="moveUp"] video.has-opposite-direction {

      height: 120%;

      top: 0; }

    [data-dsn-grid="move-up"] img[data-dsn-scale="1"],

    [data-dsn-grid="move-up"] video[data-dsn-scale="1"], [data-dsn-grid="moveUp"] img[data-dsn-scale="1"],

    [data-dsn-grid="moveUp"] video[data-dsn-scale="1"] {

      -webkit-transform: scale(1.3);

              transform: scale(1.3); }



[data-dsn-grid="move-up"].h-100,

[data-dsn-grid="moveUp"].h-100 {

  height: 100%; }



.section-p h2 {

  max-width: 750px;

  font-size: 25px;

  font-weight: 400;

  line-height: 1.3;

  margin: 0 auto; }

  @media only screen and (max-width: 991px) {

    .section-p h2 {

      font-size: 22px; } }

  @media only screen and (max-width: 575px) {

    .section-p h2 {

      font-size: 18px; } }

  .section-p h2.title {

    font-size: 46px;

    margin-bottom: 30px;

    color: #FF6E40;

    text-transform: uppercase; }

    .v-light:not(.no-light) .section-p h2.title {

      color: #FF6E40; }

    @media only screen and (max-width: 767px) {

      .section-p h2.title {

        font-size: 28px; } }

.section-p .caption-p {

  margin-top: 15px;

  color: #fff; }

  .v-light:not(.no-light) .section-p .caption-p {

    color: #000; }



.box-seat {

  position: relative; }

  .box-seat [data-overlay]:before {

    z-index: 1; }

  .box-seat .pro-text {

    position: absolute;

    background-color: #212121;

    padding: 80px;

    right: 80px;

    bottom: -50px; }

    @media only screen and (max-width: 991px) {

      .box-seat .pro-text {

        padding: 80px 50px; } }

    @media only screen and (max-width: 767px) {

      .box-seat .pro-text {

        padding: 80px 30px; } }

    @media only screen and (max-width: 575px) {

      .box-seat .pro-text {

        padding: 80px 15px; } }

    .box-seat .pro-text:not(.container) {

      max-width: 600px; }

    .box-seat .pro-text .title-cover {

      left: 0; }

    .v-light:not(.no-light) .box-seat .pro-text {

      background-color: #e6e6e6; }

      .v-light:not(.no-light) .box-seat .pro-text h3 {

        color: #fff; }

    .box-seat .pro-text p {

      margin-top: 30px;

      padding-left: 20px;

      border-left: 2px solid #fff; }

      @media only screen and (max-width: 767px) {

        .box-seat .pro-text p {

          margin-top: 20px; } }

      .v-light:not(.no-light) .box-seat .pro-text p {

        color: rgba(255, 255, 255, 0.69); }



.box-separator {

  min-height: 100vh; }

  @media only screen and (max-width: 991px) {

    .box-separator {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column; }

      .box-separator .col-lg-6 {

        padding-right: 15px; } }

  @media only screen and (max-width: 991px) {

    .box-separator .container {

      -webkit-box-ordinal-group: 3;

          -ms-flex-order: 2;

              order: 2; } }

  @media only screen and (max-width: 991px) {

    .box-separator .pro-text {

      padding-bottom: 0; } }

  .box-separator .pro-text h6 {

    font-weight: 500;

    line-height: 1.7;

    padding: 0 30px; }

    @media only screen and (max-width: 991px) {

      .box-separator .pro-text h6 {

        padding: 0; } }

    .box-separator .pro-text h6::after {

      right: -70px;

      top: 18px;

      height: 2px;

      width: 100px;

      z-index: 1; }

      @media only screen and (max-width: 991px) {

        .box-separator .pro-text h6::after {

          display: none; } }

    @media only screen and (max-width: 575px) {

      .box-separator .pro-text h6 {

        font-size: 16px; } }

  .box-separator .pro-text .pro-text-inner {

    padding: 50px 30px; }

    @media only screen and (max-width: 991px) {

      .box-separator .pro-text .pro-text-inner {

        padding: 0;

        background-color: transparent; } }

    .box-separator .pro-text .pro-text-inner p {

      margin-bottom: 15px; }

      .box-separator .pro-text .pro-text-inner p:last-of-type {

        margin-bottom: 0; }

  .box-separator .container-img {

    width: 50%;

    top: 0;

    right: 0; }

    @media only screen and (max-width: 991px) {

      .box-separator .container-img {

        width: 100%;

        position: relative;

        opacity: 1; } }

    @media only screen and (max-width: 991px) {

      .box-separator .container-img > div {

        height: 80vh; } }



.box-seat.box-seat-full {

  overflow: hidden; }

  .box-seat.box-seat-full .title-box {

    bottom: 0;

    right: 190px;

    -webkit-transform-origin: right bottom;

            transform-origin: right bottom;

    width: 100vh;

    -webkit-transform: rotate(90deg);

            transform: rotate(90deg);

    padding: 30px 0;

    text-align: center; }

    .box-seat.box-seat-full .title-box h2 {

      font-size: 5vw;

      color: transparent;

      -webkit-text-stroke: 1px #323232;

      white-space: nowrap; }

    @media only screen and (max-width: 991px) {

      .box-seat.box-seat-full .title-box {

        display: none; } }

  .box-seat.box-seat-full .pro-text {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-flow: column;

            flex-flow: column;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -ms-flex-line-pack: center;

        align-content: center;

    background-color: rgba(13, 13, 13, 0.7);

    height: 100%;

    top: 0;

    bottom: 0;

    right: 190px; }

    @media only screen and (max-width: 991px) {

      .box-seat.box-seat-full .pro-text {

        right: 50px; } }

    @media only screen and (max-width: 767px) {

      .box-seat.box-seat-full .pro-text {

        max-width: 100%;

        right: 0; } }

    .v-light:not(.no-light) .box-seat.box-seat-full .pro-text {

      background-color: rgba(0, 0, 0, 0.42); }

      @media only screen and (max-width: 991px) {

        .v-light:not(.no-light) .box-seat.box-seat-full .pro-text {

          background-color: black; } }

      .v-light:not(.no-light) .box-seat.box-seat-full .pro-text h3 {

        color: #fff; }

      .v-light:not(.no-light) .box-seat.box-seat-full .pro-text p {

        color: rgba(255, 255, 255, 0.69); }

      .v-light:not(.no-light) .box-seat.box-seat-full .pro-text .link-custom a {

        color: #fff; }

        .v-light:not(.no-light) .box-seat.box-seat-full .pro-text .link-custom a:before {

          color: #000;

          background-color: #fff; }



.box-seat.box-seat-bottom {

  margin-bottom: 0; }

  .box-seat.box-seat-bottom .pro-text {

    position: relative;

    width: 100%;

    bottom: 150px;

    text-align: center;

    margin-bottom: -150px;

    border-radius: 3px 3px 0 0;

    right: auto; }

    @media only screen and (max-width: 767px) {

      .box-seat.box-seat-bottom .pro-text {

        width: 100%; } }

    .v-light:not(.no-light) .box-seat.box-seat-bottom .pro-text h3 {

      color: #000; }

    .box-seat.box-seat-bottom .pro-text p {

      border: 0;

      padding-left: 0; }

      .v-light:not(.no-light) .box-seat.box-seat-bottom .pro-text p {

        color: #000009; }



@media only screen and (max-width: 575px) {

  .box-seat.box-seat-center .inner-img {

    height: 80vh; } }

.box-seat.box-seat-center .pro-text {

  max-width: 80%;

  right: 10%;

  bottom: unset;

  top: 50%;

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

          transform: translateY(-50%);

  background-color: rgba(33, 33, 33, 0.7); }

  @media only screen and (max-width: 991px) {

    .box-seat.box-seat-center .pro-text {

      max-width: 100%;

      right: 0;

      padding: 40px 20px;

      margin-left: 50px;

      margin-right: 50px; } }

  @media only screen and (max-width: 767px) {

    .box-seat.box-seat-center .pro-text {

      margin-left: 30px;

      margin-right: 30px; } }

  @media only screen and (max-width: 575px) {

    .box-seat.box-seat-center .pro-text {

      margin-left: 15px;

      margin-right: 15px; } }



@media only screen and (max-width: 991px) {

  .box-seat.box-seat-qute .pro-text {

    position: relative;

    margin-left: 0;

    margin-right: 0; } }



.mask-bg {

  position: absolute;

  top: 0;

  right: 0;

  width: calc(70% + 20px);

  height: 100%;

  background-color: #212121;

  z-index: -1; }

  .v-light:not(.no-light) .mask-bg {

    background-color: #e6e6e6; }



.slider-project {

  position: relative; }

  .slider-project .item-project {

    height: 85vh; }

  .slider-project .slick-list {

    cursor: -webkit-grab;

    cursor: grab; }

  .slider-project .slick-slide {

    overflow: hidden; }

    .slider-project .slick-slide img {

      width: 100%;

      height: 100%;

      -o-object-fit: cover;

         object-fit: cover;

      pointer-events: none;

      -webkit-transform: scale(1.2);

              transform: scale(1.2);

      -webkit-transition: -webkit-transform 0.8s;

      transition: -webkit-transform 0.8s;

      transition: transform 0.8s;

      transition: transform 0.8s, -webkit-transform 0.8s; }

    .slider-project .slick-slide.slick-current img {

      -webkit-transform: scale(1);

              transform: scale(1);

      -webkit-transition-delay: 0.6s;

              transition-delay: 0.6s; }

  .slider-project.slider-project-3 .item-project {

    height: 75vh; }

  .slider-project.slider-project-3.slider-project-min-height .item-project {

    height: 55vh; }

  .slider-project.slider-project-3 .slick-list {

    padding: 0 20% 0 20%; }

    @media only screen and (max-width: 767px) {

      .slider-project.slider-project-3 .slick-list {

        padding: 0 10% 0 10%; } }

    @media only screen and (max-width: 575px) {

      .slider-project.slider-project-3 .slick-list {

        padding: 0 0 0 0; } }

  .slider-project.slider-project-3 .slick-slide {

    margin: 0 10px; }

    .slider-project.slider-project-3 .slick-slide img {

      padding-left: 30px;

      padding-right: 30px; }

      @media only screen and (max-width: 575px) {

        .slider-project.slider-project-3 .slick-slide img {

          padding-left: 5px;

          padding-right: 5px; } }



.box-gallery-vertical {

  position: relative;

  overflow: hidden; }

  .box-gallery-vertical .title-cover {

    text-align: left; }

  .box-gallery-vertical.box-gallery-vertical-order .mask-bg {

    left: 0;

    right: auto; }

  .box-gallery-vertical.box-gallery-vertical-order .row .col-lg-6:first-child {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2; }

  .box-gallery-vertical.box-gallery-vertical-order .box-info {

    padding-right: 50px;

    padding-left: 0; }

    @media only screen and (max-width: 991px) {

      .box-gallery-vertical.box-gallery-vertical-order .box-info {

        padding: 0 0 30px; } }

    .box-gallery-vertical.box-gallery-vertical-order .box-info .vertical-title::before {

      display: none; }

  .box-gallery-vertical [data-dsn-grid="moveUp"] {

    height: 100vh;

    max-width: 500px; }

  .box-gallery-vertical .vertical-title {

    position: relative; }

    .box-gallery-vertical .vertical-title::before {

      content: "";

      height: 1px;

      background: #fff;

      position: absolute;

      -webkit-transform: translateX(-100%);

              transform: translateX(-100%);

      left: -25px;

      right: auto;

      width: 100px;

      top: 50%; }

      .v-light:not(.no-light) .box-gallery-vertical .vertical-title::before {

        background-color: #031728; }

  .box-gallery-vertical .box-info {

    position: relative;

    padding-left: 10px; }

  .box-gallery-vertical h6 {

    font-family: "Karla";

    margin-bottom: 20px;

    line-height: 1.6; }

  .box-gallery-vertical .back_stage__subtitle {

    color: #fff;

    max-width: 270px;

    font-size: 24px;

    font-weight: 700;

    line-height: 28px;

    margin-bottom: 30px; }

  @media only screen and (max-width: 991px) {

    .box-gallery-vertical {

      padding: 0; }

      .box-gallery-vertical .box-im {

        margin: 0;

        max-width: 100%; }

      .box-gallery-vertical .mask-bg {

        display: none; }

      .box-gallery-vertical [data-dsn-grid="moveUp"] {

        height: 80vh; }

      .box-gallery-vertical .box-info {

        padding: 30px;

        padding-bottom: 0; } }

    @media only screen and (max-width: 991px) and (max-width: 991px) {

      .box-gallery-vertical .box-info {

        padding-left: 0;

        padding-right: 0; } }

  @media only screen and (max-width: 991px) {

        .box-gallery-vertical .box-info .vertical-title:before {

          display: none; }

        .box-gallery-vertical .box-info .vertical-title p {

          font-size: 14px; }

      .box-gallery-vertical h6 {

        margin-bottom: 10px;

        font-weight: 600; }

      .box-gallery-vertical .link-custom {

        margin-top: 20px; } }

  @media only screen and (max-width: 767px) {

    .box-gallery-vertical .box-im {

      margin: 0;

      max-width: 100%; }

    .box-gallery-vertical .box-info {

      margin-bottom: 0;

      padding: 30px 0 0 0; }

      .box-gallery-vertical .box-info .vertical-title h6 {

        font-size: 16px; }

      .box-gallery-vertical .box-info .vertical-title p {

        font-weight: 400; }

    .box-gallery-vertical .link-custom {

      margin-top: 20px; } }

  .box-gallery-vertical .mask-bg + div:not(.container) {

    overflow: hidden; }



.box-gallery-vertical.box-gallery-content {

  padding: 0; }

  .box-gallery-vertical.box-gallery-content .mask-bg {

    display: none; }

  .box-gallery-vertical.box-gallery-content .bg-mask-content {

    position: relative; }

    @media only screen and (max-width: 991px) {

      .box-gallery-vertical.box-gallery-content .bg-mask-content {

        margin-bottom: 0; } }

    .box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2 {

      position: absolute;

      width: 100vw;

      height: 100%;

      left: 50%;

      right: 50%;

      margin-left: -30vw;

      margin-right: -50vw;

      background-color: #212121;

      border-radius: 7px; }

      .v-light:not(.no-light) .box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2 {

        background-color: #e6e6e6; }

      @media only screen and (max-width: 991px) {

        .box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2 {

          display: none; } }

    .box-gallery-vertical.box-gallery-content .bg-mask-content h6,

    .box-gallery-vertical.box-gallery-content .bg-mask-content p {

      position: relative; }

    .box-gallery-vertical.box-gallery-content .bg-mask-content h6 {

      padding-top: 30px; }

      @media only screen and (max-width: 991px) {

        .box-gallery-vertical.box-gallery-content .bg-mask-content h6 {

          padding-top: 0; } }

    .box-gallery-vertical.box-gallery-content .bg-mask-content p {

      padding-bottom: 30px; }

      @media only screen and (max-width: 991px) {

        .box-gallery-vertical.box-gallery-content .bg-mask-content p {

          padding-bottom: 0; } }

    .box-gallery-vertical.box-gallery-content .bg-mask-content + div {

      margin-top: 30px; }

      @media only screen and (max-width: 991px) {

        .box-gallery-vertical.box-gallery-content .bg-mask-content + div {

          margin-top: 0; } }

  .box-gallery-vertical.box-gallery-content.box-gallery-vertical-order .bg-mask-content {

    z-index: 1; }

    .box-gallery-vertical.box-gallery-content.box-gallery-vertical-order .bg-mask-content .mask-bg-2 {

      width: 58vw; }



@media only screen and (min-width: 576px) {

  .fill-right-container {

    width: calc(100% - calc(-100vw / 2 + 100% / 2) - 15px); } }



.full-width {

  position: relative;

  width: 100vw;

  left: 50%;

  right: 50%;

  margin-left: -50vw;

  margin-right: -50vw; }



.colection-image .project-image-collage {

  display: grid;

  grid-column-gap: 15px;

  grid-row-gap: 15px;

  -ms-grid-columns: 1fr 1fr;

  grid-template-columns: 1fr 1fr; }

  .colection-image .project-image-collage.project-collage-one-col {

    display: block; }

    .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(n + 2) {

      margin-top: 50px; }

    .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(2), .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(6) {

      width: 60%;

      margin-left: auto; }

      @media only screen and (max-width: 575px) {

        .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(2), .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(6) {

          width: 100%;

          margin-left: 0; } }

    .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(3), .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(7) {

      width: 40%; }

      @media only screen and (max-width: 575px) {

        .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(3), .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(7) {

          width: 100%; } }

    .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(4), .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(8) {

      width: 50%;

      margin-left: auto;

      margin-right: auto; }

      @media only screen and (max-width: 575px) {

        .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(4), .colection-image .project-image-collage.project-collage-one-col a:nth-of-type(8) {

          width: 100%;

          margin-left: 0; } }

  @media only screen and (max-width: 767px) {

    .colection-image .project-image-collage {

      grid-template-columns: unset;

      grid-column-gap: 80px;

      grid-row-gap: 80px; } }

  .colection-image .project-image-collage[data-dsn-grid="moveUp"] {

    height: 70vh; }

  .colection-image .project-image-collage a {

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

    .colection-image .project-image-collage a img {

      height: 70vh; }

      @media only screen and (max-width: 767px) {

        .colection-image .project-image-collage a img {

          height: auto; } }

    @media only screen and (max-width: 767px) {

      .colection-image .project-image-collage a {

        height: auto; } }

  @media only screen and (max-width: 575px) {

    .colection-image .project-image-collage {

      grid-template-columns: unset; } }

  .colection-image .project-image-collage.project-collage-two-left {

    grid-template-columns: 50% 50%;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center; }

    .colection-image .project-image-collage.project-collage-two-left a:first-of-type {

      padding-right: 10%; }

      @media only screen and (max-width: 767px) {

        .colection-image .project-image-collage.project-collage-two-left a:first-of-type {

          padding-right: 0; } }

      .colection-image .project-image-collage.project-collage-two-left a:first-of-type img {

        height: 70%; }

        @media only screen and (max-width: 767px) {

          .colection-image .project-image-collage.project-collage-two-left a:first-of-type img {

            height: auto; } }

    @media only screen and (max-width: 767px) {

      .colection-image .project-image-collage.project-collage-two-left {

        grid-template-columns: unset;

        grid-column-gap: 80px;

        grid-row-gap: 80px;

        height: auto; } }

  .colection-image .project-image-collage.project-collage-two-right {

    grid-template-columns: 50% 50%; }

    .colection-image .project-image-collage.project-collage-two-right a:last-of-type {

      padding-left: 10%; }

      @media only screen and (max-width: 767px) {

        .colection-image .project-image-collage.project-collage-two-right a:last-of-type {

          padding-left: 0; } }

      .colection-image .project-image-collage.project-collage-two-right a:last-of-type img {

        height: 70%; }

        @media only screen and (max-width: 767px) {

          .colection-image .project-image-collage.project-collage-two-right a:last-of-type img {

            height: auto; } }

    @media only screen and (max-width: 767px) {

      .colection-image .project-image-collage.project-collage-two-right {

        grid-template-columns: unset;

        grid-column-gap: 80px;

        grid-row-gap: 80px;

        height: auto; } }



.gallery-col {

  position: relative;

  overflow: hidden;

  background-color: #212121; }

  .v-light:not(.no-light) .gallery-col {

    background-color: #e6e6e6; }

  .gallery-col .box-im {

    position: relative;

    padding-left: 60px;

    padding-right: 60px; }

    .gallery-col .box-im a {

      height: 70vh; }

    @media only screen and (max-width: 991px) {

      .gallery-col .box-im {

        padding: 40px 40px 40px 60px; } }

    @media only screen and (max-width: 767px) {

      .gallery-col .box-im {

        padding: 80px 60px; }

        .gallery-col .box-im .caption {

          left: 20px; } }

    @media only screen and (max-width: 575px) {

      .gallery-col .box-im {

        padding: 80px 20px; }

        .gallery-col .box-im .caption {

          left: -20px; } }

    .gallery-col .box-im:nth-child(even) {

      background-color: #031728; }

      .v-light:not(.no-light) .gallery-col .box-im:nth-child(even) {

        background-color: #f9f9f9; }

    .gallery-col .box-im .image-zoom {

      width: 100%;

      display: inline-block;

      position: relative;

      vertical-align: bottom;

      text-align: center; }

      .gallery-col .box-im .image-zoom img {

        max-width: 100%;

        -webkit-transition: all 750ms ease-in-out;

        transition: all 750ms ease-in-out; }



.project-image-vertical {

  position: relative; }

  @media only screen and (max-width: 767px) {

    .project-image-vertical .row {

      display: grid;

      grid-column-gap: 40px;

      grid-row-gap: 40px; } }

  .project-image-vertical .image-vertical-item {

    position: relative; }

    .project-image-vertical .image-vertical-item .captions {

      text-transform: uppercase;

      font-weight: 600;

      letter-spacing: 2px;

      bottom: 0;

      -webkit-writing-mode: vertical-rl;

          -ms-writing-mode: tb-rl;

              writing-mode: vertical-rl;

      color: #fff; }

      .v-light:not(.no-light) .project-image-vertical .image-vertical-item .captions {

        color: #000; }

    .project-image-vertical .image-vertical-item a {

      width: 100%; }

    .project-image-vertical .image-vertical-item:nth-of-type(odd) a {

      padding-right: 10%; }

      @media only screen and (max-width: 767px) {

        .project-image-vertical .image-vertical-item:nth-of-type(odd) a {

          padding-right: 0; } }

    .project-image-vertical .image-vertical-item:nth-of-type(odd) .captions {

      right: 2.5%; }

      @media only screen and (max-width: 767px) {

        .project-image-vertical .image-vertical-item:nth-of-type(odd) .captions {

          right: auto;

          left: 15px;

          bottom: 15px;

          -webkit-writing-mode: inherit;

              -ms-writing-mode: inherit;

                  writing-mode: inherit; } }

    .project-image-vertical .image-vertical-item:nth-of-type(even) a {

      padding-left: 10%;

      margin-top: 120px; }

      @media only screen and (max-width: 767px) {

        .project-image-vertical .image-vertical-item:nth-of-type(even) a {

          padding-left: 0;

          margin-top: 0; } }

    .project-image-vertical .image-vertical-item:nth-of-type(even) .captions {

      left: 2.5%; }

      @media only screen and (max-width: 767px) {

        .project-image-vertical .image-vertical-item:nth-of-type(even) .captions {

          left: 15px;

          bottom: 15px;

          -webkit-writing-mode: inherit;

              -ms-writing-mode: inherit;

                  writing-mode: inherit; } }



.slider-project-swiper {

  position: relative; }

  .slider-project-swiper[data-dsn-grid="moveUp"] {

    height: 70vh; }

  .slider-project-swiper .swiper-container {

    width: 100%;

    height: 100%; }

  .slider-project-swiper .swiper-slide {

    width: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    max-width: 70%;

    height: 80vh;

    overflow: hidden;

    position: relative; }

    @media only screen and (max-width: 767px) {

      .slider-project-swiper .swiper-slide {

        width: 100%; } }

    .slider-project-swiper .swiper-slide img {

      width: auto; }



.swiper-project .swiper-slide {

  width: 65%;

  height: 70vh;

  margin-right: 8vw; }

  @media only screen and (max-width: 767px) {

    .swiper-project .swiper-slide {

      width: 100%;

      margin-right: 0; } }

.swiper-project .next-container {

  right: 21.7%; }

  @media only screen and (max-width: 767px) {

    .swiper-project .next-container {

      right: 15px; } }

.swiper-project .prev-container {

  left: 13.7%; }

  @media only screen and (max-width: 767px) {

    .swiper-project .prev-container {

      left: 15px; } }



.bg-color-global {

  background-color: #031728; }

  .v-light:not(.no-light) .bg-color-global {

    background-color: #f9f9f9; }



@media only screen and (min-width: 992px) {

  .wrapper > *:first-child.dsn-under-header {

    position: relative;

    margin-top: -80px;

    z-index: 2; }

    .wrapper > *:first-child.dsn-under-header .section-title, .wrapper > *:first-child.dsn-under-header .section-title-2 {

      display: none; } }



.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 {

    background: none;

    width: 5px; }

    .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 {

      background: #424242;

      width: 5px; }



.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: #031728; }



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

## Header

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

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

                   Header

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

.v-light:not(.no-light) .header-project .title, .v-light:not(.no-light) .next-project .title {

  color: #fff; }



.dsn-ajax-loader .title.line-before, .dsn-ajax-loader .title.line-after, .header-project .title.line-before, .header-project .title.line-after, .next-project .title.line-before, .next-project .title.line-after {

  padding: 0 70px; }

  @media only screen and (max-width: 767px) {

    .dsn-ajax-loader .title.line-before, .dsn-ajax-loader .title.line-after, .header-project .title.line-before, .header-project .title.line-after, .next-project .title.line-before, .next-project .title.line-after {

      padding: 0; } }

.dsn-ajax-loader .title.line-before:before, .header-project .title.line-before:before, .next-project .title.line-before:before {

  left: 0; }

.dsn-ajax-loader .title.line-after:after, .header-project .title.line-after:after, .next-project .title.line-after:after {

  right: 0; }



.dsn-header-half .bg-container {

  width: 65%; }

  @media only screen and (max-width: 767px) {

    .dsn-header-half .bg-container {

      width: 100%; } }

.dsn-header-half .justify-content-end .content {

  padding-right: 20%; }



@media only screen and (max-width: 991px) {

  .header-normal.header-large {

    text-align: center; }

    .header-normal.header-large .section-sub-title {

      padding-left: 70px; } }

    @media only screen and (max-width: 991px) and (max-width: 400px) {

      .header-normal.header-large .section-sub-title {

        padding-left: 0;

        padding-right: 0; } }

@media only screen and (max-width: 991px) {

      .header-normal.header-large .section-sub-title::after {

        left: 0;

        background: -webkit-gradient(linear, right top, left top, color-stop(0, #FF6E40), color-stop(35%, #FF6E40), color-stop(65%, #FF6E40), to(transparent));

        background: linear-gradient(to left, #FF6E40 0, #FF6E40 35%, #FF6E40 65%, transparent 100%); } }

.header-normal .content-hero {

  padding: 150px 0; }



.v-light:not(.no-light) .header-page .section-sub-title {

  color: #FF6E40; }



.overlay-header:after {

  content: "";

  position: absolute;

  top: auto;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 12%;

  background-image: -webkit-gradient(linear, left bottom, left top, from(#031728), to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to top, #031728, rgba(0, 0, 0, 0));

  z-index: 1; }



.animate-text-section .dsn-text .animate-text-section .dsn-text {

  overflow: hidden;

  will-change: transform; }

.animate-text-section .dsn-text .dsn-word-wrapper {

  opacity: 0;

  visibility: hidden;

  will-change: transform;

  -webkit-transform: translateY(50%) rotate(15deg) scale(0.8);

          transform: translateY(50%) rotate(15deg) scale(0.8);

  -webkit-transform-origin: top left;

          transform-origin: top left;

  -webkit-transition: opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  transition: opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.3s;

  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

  -webkit-transition-delay: calc(50ms * var(--word-dsn-index) + 150ms);

          transition-delay: calc(50ms * var(--word-dsn-index) + 150ms); }

.animate-text-section .dsn-text.dsn-active .dsn-word-wrapper {

  opacity: 1;

  visibility: visible;

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

          transform: translateY(0) rotate(0deg) scale(1); }



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

## pages

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

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

                   09 - Slider

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

.v-light:not(.no-light) .main-slider {

  background-color: #031728; }

.main-slider .line-before-section,

.main-slider .line-after-section {

  z-index: 2;

  pointer-events: none;

  opacity: 0.15; }

.main-slider .line-before-section:after {

  top: 30%; }

.main-slider .line-before-section:before {

  top: 15%; }

.main-slider .line-after-section:after {

  bottom: 15%; }

.main-slider .line-after-section:before {

  bottom: 30%; }

@media only screen and (max-width: 991px) {

  .main-slider .social-network-box {

    display: none; } }

.main-slider .bg-container {

  position: relative;

  width: 65%;

  height: 100%;

  overflow: hidden; }

  @media only screen and (max-width: 767px) {

    .main-slider .bg-container {

      width: 100%; } }

.main-slider.demo-2 .bg-container {

  width: 100%; }

.main-slider.demo-2 .footer-slid .control-nav {

  right: 0; }

@media only screen and (max-width: 767px) {

  .main-slider.demo-2 .content {

    text-align: left; } }

.main-slider.demo-3 .bg-container {

  left: calc((100% - 65%) / 2);

  overflow: initial; }

  @media only screen and (max-width: 767px) {

    .main-slider.demo-3 .bg-container {

      left: 0; } }

  .main-slider.demo-3 .bg-container .swiper-slide {

    height: 60%;

    top: 20%; }

    @media only screen and (max-width: 767px) {

      .main-slider.demo-3 .bg-container .swiper-slide {

        width: 100%;

        top: 0;

        height: 100%;

        margin-right: 0 !important; } }

.main-slider.demo-3 .slide-content {

  left: 0; }

@media only screen and (max-width: 767px) {

  .main-slider.demo-3 .content {

    width: 100%; } }

.main-slider.demo-3 .box-next {

  display: none; }

.main-slider.demo-3 .footer-slid .control-nav {

  right: 0; }

.main-slider.demo-3 .dsn-controls {

  left: 50%;

  top: auto;

  bottom: -18%;

  -webkit-transform: rotate(-90deg);

          transform: rotate(-90deg); }

  .main-slider.demo-3 .dsn-controls .dsn-numbers {

    -webkit-transform: rotate(90deg);

            transform: rotate(90deg); }

  @media only screen and (max-width: 991px) {

    .main-slider.demo-3 .dsn-controls {

      display: none; } }

.main-slider .slide-item {

  overflow: hidden; }

.main-slider .box-next,

.main-slider .dsn-controls {

  z-index: 2; }

.main-slider .box-next {

  height: 120px;

  width: 40%;

  bottom: 0;

  max-width: 350px; }

  @media only screen and (max-width: 767px) {

    .main-slider .box-next {

      display: none; } }

.main-slider ul.sub-text-header {

/*  max-width: 450px;*/ }

.main-slider .box-next {

  height: 70vh;

  width: calc(10% + 30px);

  top: 15vh;

  right: 0;

  border-radius: 3px 0 0 3px;

  z-index: 1; }

  .main-slider .box-next .img-box-next {

    width: 100%; }

.main-slider .dsn-controls {

  left: 20px;

  top: 25%;

  height: 50%;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column; }

  @media only screen and (max-width: 767px) {

    .main-slider .dsn-controls {

      left: auto;

      right: 20px; } }

  @media only screen and (max-width: 575px) {

    .main-slider .dsn-controls {

      display: none; } }

  .main-slider .dsn-controls .dsn-numbers {

    height: 40px;

    line-height: 40px; }

    .main-slider .dsn-controls .dsn-numbers span {

      width: 35px;

      color: #fff;

      letter-spacing: 2px; }

      .main-slider .dsn-controls .dsn-numbers span.full-number {

        color: rgba(255, 255, 255, 0.69); }

  .main-slider .dsn-controls .dsn-progress {

    background: rgba(255, 255, 255, 0.34);

    width: 2px;

    height: calc(100% - 100px); }

    .main-slider .dsn-controls .dsn-progress .dsn-progress-indicator {

      left: 0;

      top: 0;

      height: 70%;

      background-color: #fff; }

.main-slider .dsn-slider-content {

  top: 0;

  z-index: 1;

  pointer-events: none; }

  @media only screen and (max-width: 767px) {

    .main-slider .dsn-slider-content .sub-text-header {

      margin-top: 0; }

      .main-slider .dsn-slider-content .sub-text-header li {

        margin-bottom: 0;

        margin-top: 25px; } }

  .v-light:not(.no-light) .main-slider .dsn-slider-content .sub-text-header {

    color: #fff; }

  .v-light:not(.no-light) .main-slider .dsn-slider-content .sub-text-header h5 {

    color: #fff; }

  .main-slider .dsn-slider-content .metas,

  .main-slider .dsn-slider-content .dsn-button-link,

  .main-slider .dsn-slider-content .sub-text-header {

    -webkit-transform: translateX(-50px);

            transform: translateX(-50px);

    opacity: 0;

    -webkit-transition-property: opacity, -webkit-transform;

    transition-property: opacity, -webkit-transform;

    transition-property: transform, opacity;

    transition-property: transform, opacity, -webkit-transform;

    -webkit-transition-duration: 1s;

            transition-duration: 1s;

    -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);

            transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

  @media only screen and (max-width: 767px) {

    .main-slider .dsn-slider-content .slide-content .row {

      -webkit-box-pack: start;

          -ms-flex-pack: start;

              justify-content: flex-start; } }

  .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .title {

    color: #fff; }

  .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom {

    color: #fff; }

    .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom .link-text {

      color: #fff; }

    .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom .link-circle {

      background: #fff;

      color: #000;

      z-index: 2; }

      .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .link-custom .link-circle i {

        color: #000; }

  .v-light:not(.no-light) .main-slider .dsn-slider-content .slide-content .scroll-d img {

    -webkit-filter: none;

            filter: none; }

  .main-slider .dsn-slider-content .slide-content.dsn-active {

    z-index: 3; }

    .main-slider .dsn-slider-content .slide-content.dsn-active .title a,

    .main-slider .dsn-slider-content .slide-content.dsn-active .metas,

    .main-slider .dsn-slider-content .slide-content.dsn-active .dsn-button-link a,

    .main-slider .dsn-slider-content .slide-content.dsn-active .sub-text-header {

      pointer-events: auto; }

    .main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .metas,

    .main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .dsn-button-link,

    .main-slider .dsn-slider-content .slide-content.dsn-active.dsn-active-cat .sub-text-header {

      -webkit-transform: none;

              transform: none;

      opacity: 1; }

  .main-slider .dsn-slider-content .slide-content:not(.dsn-active) .title {

    opacity: 0;

    visibility: hidden; }



.nav-slider .metas span {

  font-size: 11px; }



.main-slider:not(.demo-2):not(.demo-3) .dsn-slider-content {

  padding-right: 20%; }

  @media only screen and (max-width: 767px) {

    .main-slider:not(.demo-2):not(.demo-3) .dsn-slider-content {

      padding-right: 0; } }



@media only screen and (max-width: 991px) {

  .main-slider:not(.has-horizontal) > .bg-container:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    z-index: 1; } }

.footer-slid {

  height: 85px;

  bottom: 0;

  z-index: 103;

  padding: 0 50px; }

  @media only screen and (max-width: 767px) {

    .footer-slid {

      padding: 0 20px; } }

  .footer-slid .main-social .social-icon {

    cursor: pointer;

    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

            transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);

    -webkit-transition-duration: 0.6s;

            transition-duration: 0.6s; }

    .footer-slid .main-social .social-icon:after {

      content: "";

      position: absolute;

      width: 0;

      height: 1px;

      background-color: #fff;

      opacity: 0.2;

      top: 8px;

      left: 27px;

      -webkit-transition: width 0.5s 0.3s;

      transition: width 0.5s 0.3s; }

  .footer-slid .main-social .social-network {

    margin-left: 60px; }

    .footer-slid .main-social .social-network .footer-slid .main-social .social-network {

      overflow: hidden;

      will-change: transform; }

    .footer-slid .main-social .social-network li {

      opacity: 0;

      visibility: hidden;

      will-change: transform;

      -webkit-transform: translateY(50%) rotate(15deg) scale(0.8);

              transform: translateY(50%) rotate(15deg) scale(0.8);

      -webkit-transform-origin: top left;

              transform-origin: top left;

      -webkit-transition: opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

      transition: opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

      transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.3s;

      transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.3s, -webkit-transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);

      -webkit-transition-delay: calc(30ms * var(--html-dsn-index) + 0.3s);

              transition-delay: calc(30ms * var(--html-dsn-index) + 0.3s); }

    .footer-slid .main-social .social-network li {

      margin-right: 30px; }

      .footer-slid .main-social .social-network li:last-child {

        margin-right: 0; }

  .footer-slid .main-social:hover .social-network li {

    opacity: 1;

    visibility: visible;

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

            transform: translateY(0) rotate(0deg) scale(1); }

  .footer-slid .main-social:hover .social-icon:after {

    width: 40px;

    -webkit-transition-delay: 0s;

            transition-delay: 0s; }

  .footer-slid .social-btn,

  .footer-slid a.cop-icon {

    width: 16px;

    cursor: pointer; }

  .footer-slid .control-nav {

    right: 25%;

    z-index: 3;

    margin-bottom: 15px; }

    @media only screen and (max-width: 767px) {

      .footer-slid .control-nav {

        right: 0; } }

    @media only screen and (max-width: 575px) {

      .footer-slid .control-nav {

        margin-bottom: 0; } }

    .footer-slid .control-nav .prev-container,

    .footer-slid .control-nav .next-container {

      cursor: pointer;

      width: 30px;

      height: 30px;

      background-color: rgba(255, 110, 64, 0.3);

      border-radius: 50%; }

      @media only screen and (max-width: 575px) {

        .footer-slid .control-nav .prev-container,

        .footer-slid .control-nav .next-container {

          bottom: 0; } }

      .footer-slid .control-nav .prev-container:after, .footer-slid .control-nav .prev-container:before,

      .footer-slid .control-nav .next-container:after,

      .footer-slid .control-nav .next-container:before {

        position: absolute;

        top: 50%;

        width: 100px;

        height: 1px;

        right: 20px;

        opacity: 0.5;

        pointer-events: none; }

        @media only screen and (max-width: 575px) {

          .footer-slid .control-nav .prev-container:after, .footer-slid .control-nav .prev-container:before,

          .footer-slid .control-nav .next-container:after,

          .footer-slid .control-nav .next-container:before {

            display: none; } }

      .footer-slid .control-nav .prev-container span,

      .footer-slid .control-nav .next-container span {

        color: #fff;

        left: -95px;

        bottom: 16.5px; }

        @media only screen and (max-width: 575px) {

          .footer-slid .control-nav .prev-container span,

          .footer-slid .control-nav .next-container span {

            display: none; } }

    .footer-slid .control-nav .prev-container {

      right: 200px;

      margin-bottom: 15px; }

      @media only screen and (max-width: 575px) {

        .footer-slid .control-nav .prev-container {

          right: 60px;

          margin-bottom: 0; } }

      .footer-slid .control-nav .prev-container:after {

        left: 20px; }

      .footer-slid .control-nav .prev-container span {

        left: 95px; }

        @media only screen and (max-width: 575px) {

          .footer-slid .control-nav .prev-container span {

            display: none; } }

    .footer-slid .control-nav .next-container:before {

      -webkit-transform: rotate(180deg);

              transform: rotate(180deg); }

  .footer-slid .control-num {

    position: absolute;

    bottom: 70px;

    right: 100px;

    z-index: 3;

    line-height: 1.1; }

    @media only screen and (max-width: 767px) {

      .footer-slid .control-num {

        right: 35px; } }

    .footer-slid .control-num span {

      font-size: 11vw;

      color: rgba(255, 255, 255, 0.07);

      -webkit-text-stroke: 1px rgba(255, 255, 255, 0.12);

      -webkit-transform: scale3d(1, 1.15, 1.15);

              transform: scale3d(1, 1.15, 1.15); }



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

                   09 - portfolio

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

.work-inner .title-cover {

  left: 0; }

.work-inner .filterings {

  z-index: 2; }

  .work-inner .filterings .filtering-wrap {

    border: 2px solid rgba(128, 128, 128, 0.25); }

    .v-light:not(.no-light) .work-inner .filterings .filtering-wrap {

      border-color: rgba(128, 128, 128, 0.25); }

    @media only screen and (max-width: 575px) {

      .work-inner .filterings .filtering-wrap {

        border: 0; } }

    .work-inner .filterings .filtering-wrap .filtering {

      overflow: auto;

      margin-bottom: -2px; }

      .work-inner .filterings .filtering-wrap .filtering button {

        width: auto;

        margin: 0 30px 0 0;

        padding: 18px 5px;

        font-size: 14px;

        font-weight: 500;

        cursor: pointer;

        -webkit-transition: all 0.3s ease-in-out;

        transition: all 0.3s ease-in-out;

        letter-spacing: 2px;

        text-transform: uppercase; }

        @media only screen and (max-width: 575px) {

          .work-inner .filterings .filtering-wrap .filtering button {

            padding-top: 0;

            padding-bottom: 10px;

            margin: 0 10px 10px 0; } }

        .v-light:not(.no-light) .work-inner .filterings .filtering-wrap .filtering button {

          color: #000; }

        .work-inner .filterings .filtering-wrap .filtering button.active {

          font-weight: bold;

          border-bottom: solid 2px #FF6E40; }

.work-inner [data-dsn-grid="moveUp"] {

  height: 100%; }

.work-inner [data-dsn="video"] {

  position: absolute;

  top: 0; }

.work-inner .col-margin-4 .work-item:nth-child(4) {

  margin-top: 50px; }

@media only screen and (max-width: 767px) {

  .work-inner .project-3-col .work-item {

    width: 50%; }

    .work-inner .project-3-col .work-item:nth-child(n + 3) {

      margin-top: 50px; } }

@media only screen and (max-width: 575px) {

  .work-inner .project-3-col .work-item {

    width: 100%; } }

.work-inner .work-item {

  display: inline-block;

  padding-right: 15px;

  padding-left: 15px; }

  .work-inner .work-item:nth-child(2) {

    margin-top: 50px; }

  @media only screen and (max-width: 575px) {

    .work-inner .work-item {

      width: 100%; } }

  .work-inner .work-item .img-next-box {

    position: relative; }



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

                   Blog

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

.root-blog {

  -webkit-box-sizing: border-box;

          box-sizing: border-box; }

  .root-blog .post-list-item {

    position: relative;

    margin-bottom: 120px; }

    @media only screen and (max-width: 991px) {

      .root-blog .post-list-item {

        margin-bottom: 80px; } }

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

        -o-object-fit: cover;

           object-fit: cover;

        max-height: 80vh; }

    .root-blog .post-list-item .post-list-item-content {

      margin-top: 30px;

      width: 100%;

      position: relative; }

      .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-left: 0;

          padding-right: 0; } }

      .root-blog .post-list-item .post-list-item-content .post-info-top a {

        display: inline-block;

        font-size: 14px;

        font-weight: 500;

        letter-spacing: 1.2px;

        word-spacing: 2px;

        margin-bottom: 20px;

        color: #fff; }

        .v-light:not(.no-light) .root-blog .post-list-item .post-list-item-content .post-info-top a {

          color: #031728; }

      .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 {

        width: 100%;

        display: block;

        margin-bottom: 40px; }

        .root-blog .post-list-item .post-list-item-content .post-author img {

          width: 60px;

          height: 60px;

          display: inline-block;

          border-radius: 50%;

          margin-right: 10px; }

        .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 {

            color: #fff;

            padding-left: 5px;

            letter-spacing: 2px; }



.news-content {

  position: relative;

  overflow: hidden; }

  @media only screen and (max-width: 991px) {

    .news-content {

      padding-left: 0;

      padding-right: 0; } }

  .news-content .news-content-inner {

    width: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-flow: row wrap;

            flex-flow: row wrap;

    -webkit-box-sizing: border-box;

            box-sizing: border-box; }

  .news-content .News-socials-wrapper {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    width: 23%;

    padding-right: 30px; }

    @media only screen and (max-width: 991px) {

      .news-content .News-socials-wrapper {

        width: 26%; } }

    @media only screen and (max-width: 767px) {

      .news-content .News-socials-wrapper {

        width: 100%;

        -webkit-box-orient: vertical;

        -webkit-box-direction: normal;

            -ms-flex-direction: column;

                flex-direction: column; } }

    .news-content .News-socials-wrapper .news-title {

      font-size: 42px;

      font-weight: 800;

      line-height: 1.2;

      letter-spacing: 0.01em; }

    .news-content .News-socials-wrapper .News-news-date {

      font-size: 20px;

      line-height: 1.2;

      letter-spacing: 2px;

      color: #fff;

      opacity: 0.8; }

      .v-light:not(.no-light) .news-content .News-socials-wrapper .News-news-date {

        color: #031728; }

    .news-content .News-socials-wrapper .title-caption {

      margin-bottom: 20px; }

      @media only screen and (max-width: 767px) {

        .news-content .News-socials-wrapper .title-caption {

          display: inline-block;

          margin-bottom: 10px; } }

    .news-content .News-socials-wrapper .cat {

      display: block; }

      @media only screen and (max-width: 767px) {

        .news-content .News-socials-wrapper .cat {

          width: 100%;

          margin-bottom: 30px; } }

      .news-content .News-socials-wrapper .cat a {

        display: block;

        text-decoration: none; }

        @media only screen and (max-width: 767px) {

          .news-content .News-socials-wrapper .cat a {

            display: inline-block; } }

        .news-content .News-socials-wrapper .cat a span {

          font-size: 12px;

          letter-spacing: 2px;

          text-transform: uppercase;

          color: #fff;

          background-color: #090909;

          padding: 5px 15px;

          margin: 0 5px 5px; }

          .v-light:not(.no-light) .news-content .News-socials-wrapper .cat a span {

            background-color: #e6e6e6;

            color: #031728; }

          .news-content .News-socials-wrapper .cat a span:first-child {

            margin-left: 0; }

          .news-content .News-socials-wrapper .cat a span::last-child {

            margin-bottom: 0; }

    @media only screen and (max-width: 767px) {

      .news-content .News-socials-wrapper .post-share {

        width: 100%;

        margin-bottom: 30px; } }

    @media only screen and (max-width: 767px) {

      .news-content .News-socials-wrapper .post-share ul {

        display: inline-block; } }

    .news-content .News-socials-wrapper .post-share ul li {

      list-style: none;

      margin-bottom: 10px; }

      @media only screen and (max-width: 767px) {

        .news-content .News-socials-wrapper .post-share ul li {

          display: inline-block;

          margin-left: 10px; } }

      .news-content .News-socials-wrapper .post-share ul li:last-child {

        margin-bottom: 0; }

      .news-content .News-socials-wrapper .post-share ul li a {

        position: relative;

        text-decoration: none;

        -webkit-transition: color 670ms linear 417ms;

        transition: color 670ms linear 417ms; }

        .news-content .News-socials-wrapper .post-share ul li a:before {

          content: "";

          position: absolute;

          bottom: 0;

          height: 45%;

          left: -0.15em;

          right: -0.15em;

          background: rgba(82, 83, 85, 0.19);

          background-size: 100% 100%;

          -webkit-transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);

          transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);

          transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);

          transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1), 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);

          -webkit-transform-origin: 50% 100%;

                  transform-origin: 50% 100%;

          -webkit-transform: scale(0.98, 0) translateZ(0);

                  transform: scale(0.98, 0) translateZ(0);

          -webkit-backface-visibility: hidden;

                  backface-visibility: hidden;

          z-index: -1;

          background-repeat: repeat-x; }

        .news-content .News-socials-wrapper .post-share ul li a:after {

          content: "";

          position: absolute;

          bottom: 0;

          height: 1px;

          left: -0.025em;

          right: -0.075em;

          background: rgba(82, 83, 85, 0.19);

          background-size: 100% 100%;

          -webkit-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;

          transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;

          -webkit-transform: translateZ(0);

                  transform: translateZ(0); }

        .news-content .News-socials-wrapper .post-share ul li a:hover:before {

          -webkit-transform: scale(1, 0.99999999) translateZ(0);

                  transform: scale(1, 0.99999999) translateZ(0); }

        .news-content .News-socials-wrapper .post-share ul li a:hover:after {

          opacity: 0;

          -webkit-transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);

          transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1); }

  .news-content .post-content {

    position: relative;

    display: block;

    width: 77%; }

    @media only screen and (max-width: 991px) {

      .news-content .post-content {

        width: 74%; } }

    @media only screen and (max-width: 767px) {

      .news-content .post-content {

        width: 100%; } }

    .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: -0.6px; }

      .news-content .post-content p a {

        display: inline-block; }

    .news-content .post-content blockquote {

      font-size: 20px;

      font-family: serif;

      color: #fff;

      font-style: italic;

      padding: 10px 0 10px 15px;

      border-left: 1px solid #cacaca; }

      .v-light:not(.no-light) .news-content .post-content blockquote {

        color: #031728;

        border-left: 1px solid rgba(128, 128, 128, 0.25); }

    .news-content .post-content a {

      position: relative;

      text-decoration: none;

      -webkit-transition: color 670ms linear 417ms;

      transition: color 670ms linear 417ms; }

      .news-content .post-content a:before {

        content: "";

        position: absolute;

        bottom: 0;

        height: 45%;

        left: -0.15em;

        right: -0.15em;

        background: rgba(82, 83, 85, 0.19);

        background-size: 100% 100%;

        -webkit-transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);

        transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);

        transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);

        transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1), 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);

        -webkit-transform-origin: 50% 100%;

                transform-origin: 50% 100%;

        -webkit-transform: scale(0.98, 0) translateZ(0);

                transform: scale(0.98, 0) translateZ(0);

        -webkit-backface-visibility: hidden;

                backface-visibility: hidden;

        z-index: -1;

        background-repeat: repeat-x; }

      .news-content .post-content a:after {

        content: "";

        position: absolute;

        bottom: 0;

        height: 1px;

        left: -0.025em;

        right: -0.075em;

        background: rgba(82, 83, 85, 0.19);

        background-size: 100% 100%;

        -webkit-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;

        transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;

        -webkit-transform: translateZ(0);

                transform: translateZ(0); }

      .news-content .post-content a:hover:before {

        -webkit-transform: scale(1, 0.99999999) translateZ(0);

                transform: scale(1, 0.99999999) translateZ(0); }

      .news-content .post-content a:hover:after {

        opacity: 0;

        -webkit-transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);

        transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1); }

  .news-content .post-tags {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: 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 {

      color: #fff;

      margin-right: 30px;

      display: inline-block;

      line-height: 1;

      float: left; }

      .v-light:not(.no-light) .news-content .post-tags a {

        color: #031728; }

      .news-content .post-tags a:before {

        content: "#";

        position: relative;

        margin-right: 5px;

        font-size: 14px;

        background-color: transparent;

        border: 0; }

      .news-content .post-tags a::after {

        display: none; }



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

                  contact

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

.root-contact .title-cover {

  left: 0;

  z-index: 0; }



.contact-map {

  -webkit-box-shadow: 0 0 0 10px rgba(33, 33, 33, 0.6), 0 0 0 15px rgba(33, 33, 33, 0.1);

          box-shadow: 0 0 0 10px rgba(33, 33, 33, 0.6), 0 0 0 15px rgba(33, 33, 33, 0.1); }

  .v-light:not(.no-light) .contact-map {

    -webkit-box-shadow: 0 0 0 10px rgba(230, 230, 230, 0.6), 0 0 0 15px rgba(230, 230, 230, 0.1);

            box-shadow: 0 0 0 10px rgba(230, 230, 230, 0.6), 0 0 0 15px rgba(230, 230, 230, 0.1); }

  @media only screen and (max-width: 991px) {

    .contact-map {

      -webkit-box-shadow: none;

              box-shadow: none; } }



.box-contact-form {

  position: relative; }

  .box-contact-form .form-group {

    width: 100%; }

    .box-contact-form .form-group .help-block {

      color: red;

      font-weight: 600;

      margin-top: 15px; }

    .box-contact-form .form-group li {

      list-style: none; }

  .box-contact-form .dsn-button-link {

    margin: 10px; }



.box-contact-info {

  padding: 60px 40px; }

  @media only screen and (max-width: 767px) {

    .box-contact-info {

      padding: 60px 20px; } }

  .box-contact-info .title-block {

    margin-bottom: 50px; }

  @media only screen and (max-width: 991px) {

    .box-contact-info .box-contact-info-inner {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex; } }

  @media only screen and (max-width: 767px) {

    .box-contact-info .box-contact-info-inner {

      display: -webkit-box;

      display: -ms-flexbox;

      display: flex;

      -webkit-box-orient: vertical;

      -webkit-box-direction: normal;

          -ms-flex-direction: column;

              flex-direction: column; } }

  .box-contact-info .contact-info:first-of-type {

    margin-top: 0; }

  @media only screen and (max-width: 991px) {

    .box-contact-info .contact-info {

      width: 33.333%;

      margin-top: 0; } }

  @media only screen and (max-width: 767px) {

    .box-contact-info .contact-info {

      width: 100%;

      margin-top: 30px; } }

  .box-contact-info .contact-info i {

    color: #FF6E40;

    font-size: 30px; }

  .box-contact-info .contact-info .info-text {

    margin-left: 25px; }



.form-group {

  width: 100%;

  margin-bottom: 25px; }

  .form-group:first-of-type .entry-box {

    padding-top: 25px;

    border-width: 1px solid rgba(128, 128, 128, 0.25); }



.entry-box input, .entry-box textarea {

  font-family: "Poppins", sans-serif;

  font-size: 14px;

  width: 100%;

  background-color: transparent;

  border: none;

  border-bottom: 1px solid rgba(128, 128, 128, 0.25);

  color: #fff;

  margin: 0;

  padding-bottom: 15px;

  letter-spacing: 2px; }

  .v-light:not(.no-light) .entry-box input,

  .v-light:not(.no-light) .entry-box textarea {

    color: #000;

    border-color: rgba(128, 128, 128, 0.25); }

  .entry-box input::-webkit-input-placeholder, .entry-box textarea::-webkit-input-placeholder {

    color: #fff;

    font-size: 14px;

    letter-spacing: 2px; }

  .entry-box input:-ms-input-placeholder, .entry-box textarea:-ms-input-placeholder {

    color: #fff;

    font-size: 14px;

    letter-spacing: 2px; }

  .entry-box input::-ms-input-placeholder, .entry-box textarea::-ms-input-placeholder {

    color: #fff;

    font-size: 14px;

    letter-spacing: 2px; }

  .entry-box input::placeholder, .entry-box textarea::placeholder {

    color: #fff;

    font-size: 14px;

    letter-spacing: 2px; }

    .v-light:not(.no-light) .entry-box input::-webkit-input-placeholder, .v-light:not(.no-light) .entry-box textarea::-webkit-input-placeholder {

      color: #000; }

    .v-light:not(.no-light) .entry-box input:-ms-input-placeholder, .v-light:not(.no-light) .entry-box textarea:-ms-input-placeholder {

      color: #000; }

    .v-light:not(.no-light) .entry-box input::-ms-input-placeholder, .v-light:not(.no-light) .entry-box textarea::-ms-input-placeholder {

      color: #000; }

    .v-light:not(.no-light) .entry-box input::placeholder, .v-light:not(.no-light) .entry-box textarea::placeholder {

      color: #000; }

.entry-box textarea {

  height: 80px; }



.entry-box input {

  height: 100%; }



label {

  color: #fff;

  font-family: "Poppins", sans-serif;

  font-size: 15px;

  font-weight: 600; }

  label span {

    color: #FF6E40; }

  .v-light:not(.no-light) label {

    color: #FF6E40; }



.map-custom {

  min-height: 50vh; }



#map .gm-fullscreen-control,

#map .gm-bundled-control,

#map .gm-bundled-control-on-bottom,

#map .gmnoprint,

#map .gm-style-cc {

  display: none !important; }



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

## Comments

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

.comments-post {

  position: relative;

  width: 100%;

  vertical-align: middle;

  -webkit-box-sizing: border-box;

          box-sizing: border-box; }

  .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 {

      list-style: none;

      margin-top: 20px; }

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

          width: 64px;

          height: 64px;

          display: block;

          float: left; }

          @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;

            height: auto;

            max-width: 100%;

            border-radius: 50%; }

        .comments-post .comments-area .comment .comment-body .comment-text {

          padding: 0 0 0 90px;

          min-height: 64px; }

          @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 {

            float: right;

            margin: 3px 5px 0 0;

            font-size: 13px;

            color: #b0b0b0; }

            .comments-post .comments-area .comment .comment-body .comment-text .comment-date:before {

              content: "/";

              display: inline-block;

              margin-right: 5px; }

          .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 {

              float: left;

              margin: 0;

              font-weight: 700;

              font-size: 17px; }

          .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 {

            position: relative;

            text-decoration: none;

            -webkit-transition: color 670ms linear 417ms;

            transition: color 670ms linear 417ms;

            font-weight: 700;

            font-size: 15px;

            line-height: 20px;

            text-transform: uppercase;

            color: #fff; }

            .v-light:not(.no-light) .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link {

              color: #031728; }

            .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:before {

              content: "";

              position: absolute;

              bottom: 0;

              height: 45%;

              left: -0.15em;

              right: -0.15em;

              background: rgba(82, 83, 85, 0.19);

              background-size: 100% 100%;

              -webkit-transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);

              transition: 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);

              transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1);

              transition: 380ms transform cubic-bezier(0.165, 0.84, 0.44, 1), 380ms -webkit-transform cubic-bezier(0.165, 0.84, 0.44, 1);

              -webkit-transform-origin: 50% 100%;

                      transform-origin: 50% 100%;

              -webkit-transform: scale(0.98, 0) translateZ(0);

                      transform: scale(0.98, 0) translateZ(0);

              -webkit-backface-visibility: hidden;

                      backface-visibility: hidden;

              z-index: -1;

              background-repeat: repeat-x; }

            .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:after {

              content: "";

              position: absolute;

              bottom: 0;

              height: 1px;

              left: -0.025em;

              right: -0.075em;

              background: rgba(82, 83, 85, 0.19);

              background-size: 100% 100%;

              -webkit-transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;

              transition: 190ms opacity cubic-bezier(0.895, 0.03, 0.685, 0.22), background 670ms linear 417ms;

              -webkit-transform: translateZ(0);

                      transform: translateZ(0); }

            .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:before {

              -webkit-transform: scale(1, 0.99999999) translateZ(0);

                      transform: scale(1, 0.99999999) translateZ(0); }

            .comments-post .comments-area .comment .comment-body .comment-text .comment-reply-link:hover:after {

              opacity: 0;

              -webkit-transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1);

              transition: 126.66666667ms opacity cubic-bezier(0.165, 0.84, 0.44, 1); }

      .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: 120px; }

    @media only screen and (max-width: 991px) {

      .comments-post .comments-form {

        margin-top: 80px; } }



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

## Archives

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

/* 404 & Not found */

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

## Footer

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

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

                   Footer

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

.footer .footer-title {

  position: relative;

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 20px;

  letter-spacing: 2px; }

.footer .footer-item {

  position: relative;

  padding: 40px 20px; }

  @media only screen and (max-width: 767px) {

    .footer .footer-item::before {

      display: none; } }

  @media only screen and (max-width: 767px) {

    .footer .footer-item:nth-of-type(n + 3) {

      padding-top: 0; } }

  @media only screen and (max-width: 575px) {

    .footer .footer-item:nth-of-type(n + 2) {

      padding-top: 0; } }

  .footer .footer-item.col-logo .footer-item-inner {

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

    .footer .footer-item.col-logo .footer-item-inner .footer-logo {

      width: 80px; }

      .footer .footer-item.col-logo .footer-item-inner .footer-logo img.logo-dark {

        display: block; }

      .footer .footer-item.col-logo .footer-item-inner .footer-logo img.logo-light {

        display: none; }

  .footer .footer-item.col-menu .footer-item-inner {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column; }

  .footer .footer-item.col-menu ul li {

    font-size: 14px;

    font-weight: 600;

    margin-bottom: 10px; }

    .footer .footer-item.col-menu ul li:last-of-type {

      margin-bottom: 0; }

  .footer .footer-item.col-contact li {

    margin-bottom: 15px; }

    .footer .footer-item.col-contact li:last-of-type {

      margin-bottom: 0; }

    .footer .footer-item.col-contact li strong {

      color: #fff; }

      .v-light:not(.no-light) .footer .footer-item.col-contact li strong {

        color: #000; }

    .footer .footer-item.col-contact li span {

      margin-right: 5px;

      margin-left: 5px; }

.footer .copyright {

  padding: 30px 0;

  font-size: 14px;

  letter-spacing: 2.67px; }

  .footer .copyright p {

    text-transform: uppercase; }

  .footer .copyright .copright-text {

    color: #e6e6e6;

    margin-top: 5px; }

    .v-light:not(.no-light) .footer .copyright .copright-text {

      color: #000; }

    .footer .copyright .copright-text .link-hover {

      color: #FF6E40; }



.v-light .footer-logo img.logo-dark {

  display: none !important; }

.v-light .footer-logo img.logo-light {

  display: block !important; }



.cap {

  position: absolute;

  bottom: 30px;

  left: 0;

  background-image: -webkit-gradient(linear, left top, right top, from(#0e0e0e), to(#1b1515));

  background-image: linear-gradient(to right, #0e0e0e 0%, #1b1515 100%);

  padding: 4px 15px;

  color: #fff;

  z-index: 10; }

  .cap span {

    font-family: "Poppins", sans-serif;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: 2px; }



.caption {

  -webkit-transform-origin: left center;

          transform-origin: left center;

  color: #fff;

  letter-spacing: 2px;

  font-family: "Poppins", sans-serif;

  font-size: 12px;

  position: relative;

  margin-top: 15px;

  text-transform: uppercase; }

  .v-light:not(.no-light) .caption {

    color: #031728; }



.section-dsn-color * {

  color: inherit !important; }



.work-inner.work-masonry .work-item .item-info {

  width: -webkit-max-content;

  width: -moz-max-content;

  width: max-content; }



#E82A2A

:root {

  --aa-color1: #FF6E40;

  --aa-color2: #1A237E;

  --aa-color3: #0091bf;

  --aa-mixdark: #052038; }



.background-section,

.intro-about .background-mask .background-mask-bg,

.our-work .work-item .item-info,

.box-gallery-vertical.box-gallery-content .bg-mask-content .mask-bg-2 {

  background-color: #052038; }



body.v-light:not(.no-light),

.v-light:not(.no-light) h1,

.v-light:not(.no-light) h2,

.v-light:not(.no-light) h3,

.v-light:not(.no-light) h4,

.v-light:not(.no-light) h5,

.v-light:not(.no-light) h6 {

  color: #1A237E; }



.before-z-index:before {

  pointer-events: none; }



a.background-section, a.box-small, .dsn-button-link input {

  background-color: #FF6E40;

  color: white; }

  a.background-section:hover, a.background-section:focus, a.background-section:active,

  a.box-small:hover,

  a.box-small:focus,

  a.box-small:active,

  .dsn-button-link input:hover,

  .dsn-button-link input:focus,

  .dsn-button-link input:active {

    color: white; }

  .v-light:not(.no-light) a.background-section,

  .v-light:not(.no-light) a.box-small,

  .v-light:not(.no-light) .dsn-button-link input {

    background-color: #FF6E40;

    color: white; }

    .v-light:not(.no-light) a.background-section:hover, .v-light:not(.no-light) a.background-section:focus, .v-light:not(.no-light) a.background-section:active, .v-light:not(.no-light) a.background-section:hover > span, .v-light:not(.no-light) a.background-section:focus > span, .v-light:not(.no-light) a.background-section:active > span,

    .v-light:not(.no-light) a.box-small:hover,

    .v-light:not(.no-light) a.box-small:focus,

    .v-light:not(.no-light) a.box-small:active,

    .v-light:not(.no-light) a.box-small:hover > span,

    .v-light:not(.no-light) a.box-small:focus > span,

    .v-light:not(.no-light) a.box-small:active > span,

    .v-light:not(.no-light) .dsn-button-link input:hover,

    .v-light:not(.no-light) .dsn-button-link input:focus,

    .v-light:not(.no-light) .dsn-button-link input:active,

    .v-light:not(.no-light) .dsn-button-link input:hover > span,

    .v-light:not(.no-light) .dsn-button-link input:focus > span,

    .v-light:not(.no-light) .dsn-button-link input:active > span {

      color: white; }

    .v-light:not(.no-light) a.background-section > span,

    .v-light:not(.no-light) a.box-small > span,

    .v-light:not(.no-light) .dsn-button-link input > span {

      color: white; }



a.link-custom {

  background-color: #0091bf;

  color: white; }

  a.link-custom:hover, a.link-custom:focus, a.link-custom:active {

    color: white; }

  .v-light:not(.no-light) a.link-custom {

    background-color: #0091bf;

    color: white; }

    .v-light:not(.no-light) a.link-custom:hover, .v-light:not(.no-light) a.link-custom:focus, .v-light:not(.no-light) a.link-custom:active, .v-light:not(.no-light) a.link-custom:hover > span, .v-light:not(.no-light) a.link-custom:focus > span, .v-light:not(.no-light) a.link-custom:active > span {

      color: white; }

    .v-light:not(.no-light) a.link-custom > span {

      color: white; }



.box-border-after::before {

  border-top: 50px solid #0091bf; }

.box-border-after:after {

  border-bottom: 50px solid #0091bf; }



.preloader,

body:not(.v-light),

body.v-light:not(.no-light) .main-slider {

  background-color: #031728;

  background-image: radial-gradient(circle, rgba(0, 145, 191, 0.6), #1a237e); }



.v-light:not(.no-light) [data-fill-text] {

  -webkit-text-stroke-color: #1A237E; }

  .v-light:not(.no-light) [data-fill-text]:before {

    color: #1A237E; }



.v-light:not(.no-light) .link-vist .link-vist-text {

  color: #1A237E; }

  .v-light:not(.no-light) .link-vist .link-vist-text:before {

    background-color: #1A237E; }

.v-light:not(.no-light) .link-vist .link-vist-arrow svg * {

  stroke: #1A237E; }



.v-light:not(.no-light) a.link-hover {

  color: #1A237E; }

  .v-light:not(.no-light) a.link-hover:before {

    color: #1A237E; }



.v-light:not(.no-light) .next-container div::after,

.v-light:not(.no-light) .prev-container div::after {

  background-color: #1A237E; }

.v-light:not(.no-light) .next-container div::before,

.v-light:not(.no-light) .prev-container div::before {

  background-color: #1A237E; }



.v-light:not(.no-light) .intro-about .exper .numb-ex > span {

  color: #1A237E; }

.v-light:not(.no-light) .intro-about .exper h4 {

  color: #1A237E; }



.v-light:not(.no-light) .our-work .work-item .item-info .cat,

.v-light:not(.no-light) .our-work .work-item .item-info h4,

.v-light:not(.no-light) .our-work .work-item .item-info span {

  color: #1A237E; }



.v-light:not(.no-light) .our-blog .blog-item .blog-item-inner .box-content .entry-date {

  color: #1A237E; }

.v-light:not(.no-light) .our-blog .blog-item .blog-item-inner .category a {

  color: #1A237E; }



.v-light:not(.no-light) .footer .footer-item.col-contact li strong {

  color: #1A237E; }

.v-light:not(.no-light) .footer .copyright .copright-text {

  color: #1A237E; }



.video-section a.v-middle {

  z-index: 1; }



.v-light:not(.no-light) .testimonial .testimonial-inner .box-text:after {

  color: #1A237E; }



.v-light:not(.no-light) .testimonials .testimonial-content:after {

  color: #1A237E; }


/*# sourceMappingURL=style.css.map */