@charset "UTF-8";
/*-----------------------------------------------------------

  Template Name: Grida - Ajax Portfolio Showcase HTML Template
  Template URI: http://theme.dsngrid.com/grida
  Description: Grida 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

-------------------------------------------------------------*/
/* style me */
.txt_sabz{
	color:var(--theme-color);
}
.txt-color-moarefi{
	font-size: 17px;
	color:var(--font-color);
	text-transform: uppercase;
}
[data-overlay-me]:before {
    content: '';
    position: absolute;
    background: var(--theme-color);
    width: 100%;
    height: 100%;
    top: 0;
	right: 0;
}
[data-dsn-grid=moveUp] img, [data-dsn-grid=moveUp] video {
    object-fit: contain!important;
}
.section-margin-me
{
	margin-top:var(--margin-bottom-me);
	margin-bottom:var(--margin-bottom-me)
}
.selected tr td{
	display: flex;
	justify-content: center
}
.swiper-container:hover .data-overlay-me:before {
   opacity: 1;
 
}
.data-overlay-me:before{
	content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.623);
    width: 95%;
    height: 95%;
    top: 8px;
    right: 8px;
    opacity: 0;
    z-index: 1;
    transition: 0.5s;
}
.sec-title{
	color:white;
}
.dir-ltr{
	direction: ltr;
}
.ml-4-5{
	margin-left: 4.5em;
}
.txt-justify{
	text-align: justify;
}
.txt-center{
	text-align: center;
}
.width-200{
	width: 300px!important;
}
.margin-top--2{
	margin-top: -2px!important;
}
.rotate-bottom{
	transform: rotate(-90deg);
	font-size: 28px;
}
.rotate-top{
	transform: rotate(90deg);
	font-size: 28px;
}
.circle-chevron{
	padding: 5px;
	border: solid 1px var(--border-color);
}
.theme-color{
	color:var(--theme-color)!important;
}
.theme-color1{
	color:var(--theme-color1)!important;
}
.link-custom:before, input[type='submit']:before{
	content: '';
	display: none;
}
.margin-auto{
	margin: 0 auto;
}
.top-9{
	top:9em;
}
.background-okr{
	background-color:var(--theme-color1);
}
.background-sabz{
	background-color:var(--theme-color);
}
.slide-content .link-custom:hover{
background-color: #fff;
color:var(--theme-color)!important;
/* transition: 1s; */
}
.heading-color2{
color:var(--heading-color2);
}
.theme-color2{
	color:var(--theme-color2);
}
.scroll-to-top-me
{
	position:fixed;
	bottom:40px;
	width:var(--s-box-right-menu);
	height:70px;z-index:12;
	text-align:center;
	cursor:pointer
}
.preloader-home{
	background-image: url('../img/preload1.png');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}
.preloader-other{
	background-image: url('../img/preload2.png');
	background-repeat: repeat;
	background-attachment: fixed;
	background-position:right;
	background-size: cover;
}
.years{
	position: absolute;
    color: white;
    top: 48%;
    z-index: 20;
    text-align: center;
}
.years h5{
	color:white;
}
div.position-sticky{
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
}
.float-right{
	float: right;
}
.section-title-mary:before {
	background: var(--theme-color)!important;
}
.logo-motion {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 200px;
}
/* .loading_1{
	position: absolute;
	z-index: 10000;	
} */
@media only screen and (min-width:992px)
{
	body .scroll-to-top-me
	{
		right:var(--s-box-right-social)
	}
}
@media only screen and (max-width:991px)
{
	.scroll-to-top-me
	{
		left:20px
	}
	.respansive-service{
		display: none;
	}
}
.scroll-to-top-me img
{
	width:70px;height:70px
}
.v-light .scroll-to-top-me img
{
	filter:invert(1)
}
.scroll-to-top-me .box-number
{
	color:var(--heading-color)
}
.scroll-to-top-me .box-number span
{
	font-size:12px
}
#more {display: none;}
/* .bg-white{
	background-color: #f0f0f0;
} */
:root,
:root .v-light,
:root .v-light-head {
	--bg-color: #000;
	--assistant-color: #080808;
	--theme-color: #085e44;
	--font-color: #bbb;
	--heading-color: #fff;
	--border-color: #ffffff14;
	--smooth-color: #f9f9f9;
	--reverse-color: #f9f9f9;
	--reverse-heading-color: #000;
	/* --bg-color: #fff;
	--assistant-color: #f1f1f1;
	--theme-color: #14bfb5;
	--font-color: #0009;
	--heading-color: #000;
	--border-color: #cccccc;
	--smooth-color: #141414;
	--reverse-color: #141414;
	--reverse-heading-color: #fff; */
}

:root .v-dark,
:root .v-dark-head {
	--bg-color: #fff;
	--assistant-color: #f1f1f1;
	--theme-color: #085e44;
	--theme-color1:#e8c679;
	--theme-color2:#e8c679;
	--font-color: #0009;
	--heading-color: #000;
	--heading-color2: #fff;
	--border-color: #ffffff14;
	--smooth-color: #141414;
	--reverse-color: #141414;
	--reverse-heading-color: #fff;
	/* --bg-color: #000;
	--assistant-color: #080808;
	--theme-color: #14bfb5;
	--font-color: #bbb;
	--heading-color: #fff;
	--border-color: #ffffff14;
	--smooth-color: #f9f9f9;
	--reverse-color: #f9f9f9;
	--reverse-heading-color: #000; */
}
:root{
	--margin-bottom-me: 29px;
}
@media only screen and (max-width: 991px) {
	.v-dark-head-mobile {
		--bg-color: #000;
		--assistant-color: #101010;
		--theme-color: #14bfb5;
		--font-color: #bbb;
		--heading-color: #fff;
		--heading-color2: #ffd962;
		--border-color: rgba(255, 255, 255, 0.07);
		--smooth-color: #f9f9f9;
		--reverse-color: #f9f9f9;
		--reverse-heading-color: #000;
		color: var(--font-color);
	}
}
:root {
	--body-font: 'Dana', sans-serif;
	--heading-font: 'Dana', sans-serif;
	--font-code: Menlo, monaco, Consolas, Lucida Console, monospace;
	--font-pre: 'Courier 10 Pitch', Courier, monospace;
	--mod-color: #fff;
	--font-size-base: 16px;
	--font-size-h1: 40px;
	--font-size-h2: 35px;
	--font-size-h3: 30px;
	--font-size-h4: 25px;
	--font-size-h5: 22px;
	--font-size-h6: 16px;
	--menu-size: 12px;
	--line-height-base: 1.4;
	--line-height-content: 1.6;
	--font-weight-heading: 700;
	--font-weight-body: 500;
	--margin-padding: 120px;
	--margin-padding-mobile: 80px;
	--box-padding: 80px;
	--box-padding-mobile: 50px;
	--smooth-width: 4px;
	--s-box-right-social: 150px;
	--s-box-right-menu: 100px;
	--s-box-right-menu-250: 250px;
	--s-box-right: calc(var(--s-box-right-social) + var(--s-box-right-menu));
	--s-box-left: 150px;
	--s-box-full: calc(var(--s-box-right-menu)  + var(--s-box-left)
	);
}

/* -------------------------------------------------------
                   Core
-------------------------------------------------------- */
@font-face {
	font-family: Dana;
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/woff/dana-thin.woff') format('woff'),   
	url('../fonts/woff2/dana-thin.woff2') format('woff2');		
}

@font-face {
	font-family: Dana;
	font-style: normal;
	font-weight: 300;
	src: url('../fonts/woff/dana-Light.woff') format('woff'),   
	url('../fonts/woff2/dana-Light.woff2') format('woff2');	
}

@font-face {
	font-family: Dana;
	font-style: normal;
	font-weight: normal;
	src: url('../fonts/woff/dana-Regular.woff') format('woff'),   
	url('../fonts/woff2/dana-Regular.woff2') format('woff2');		 
}

@font-face {
	font-family: Dana;
	font-style: normal;
	font-weight: 600;
	src: url('../fonts/woff/dana-medium.woff') format('woff'),   
	url('../fonts/woff2/dana-medium.woff2') format('woff2');		 
}

@font-face {
	font-family: Dana;
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/woff/dana-Bold.woff') format('woff'),   
	url('../fonts/woff2/dana-Bold.woff2') format('woff2'); 
}

@font-face {
	font-family: Dana;
	font-style: normal;
	font-weight: 800;
	src: url('../fonts/woff/dana-ExtraBold.woff') format('woff'),   
	url('../fonts/woff2/dana-ExtraBold.woff2') format('woff2');		 
}

@font-face {
	font-family: Dana;
	font-style: normal;
	font-weight: 900;
	src: url('../fonts/woff/dana-Black.woff') format('woff'),   
	url('../fonts/woff2/dana-Black.woff2') format('woff2');		 
}

@font-face {
	font-family: Dana;
	font-style: normal;
	font-weight: 950;
	src: url('../fonts/woff/dana-ExtraBlack.woff') format('woff'),   
	url('../fonts/woff2/dana-ExtraBlack.woff2') format('woff2');		 
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
a,
abbr,
acronym,
address,
big,
cite,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input [type='button'],
input [type='checkbox'],
input [type='color'],
input [type='date'],
input [type='datetime-local'],
input [type='email'],
input [type='file'],
input [type='hidden'],
input [type='image'],
input [type='month'],
input [type='number'],
input [type='password'],
input [type='radio'],
input [type='range'],
input [type='reset'],
input [type='search'],
input [type='submit'],
input [type='tel'],
input [type='text'],
input [type='time'],
input [type='url'],
input [type='week'],
textarea,
button,
select,
option,
optgroup,
::placeholder {
	direction: rtl;
	font-family: 'Dana';
	letter-spacing: 0 !important;
}

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

body {
	background-color: var(--bg-color);
	color: var(--font-color);
	line-height: var(--line-height-base);
	font-family: var(--body-font);
	font-weight: var(--font-weight-body);
	margin: 0;
	text-rendering: optimizeLegibility;
	transition: 100ms;
	transition-property: background-color, color;
}

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

.wrapper {
	position: relative;
	background-color: var(--bg-color);
}

.main-root > .side-bar-full {
	display: none;
	pointer-events: none;
}
body:not(.v-dark) .main-root > .side-bar-full {
	background-color: #ffffff30;
}
@media only screen and (min-width: 992px) {
	body .main-root > .side-bar-full {
		position: fixed;
		width: var(--s-box-full);
		height: 100vh;
		right: 0;
		top: 0;
		display: inherit;
		z-index: 10;
	}
	body .main-root > .side-bar-full > * {
		position: absolute;
		height: 100%;
	}
	body .main-root > .side-bar-full .side-box-right {
		width: var(--s-box-right);
		z-index: 1;
	}
	body .main-root > .side-bar-full .side-box-right .side-menu {
		width: var(--s-box-right-menu-250);
		margin-right: var(--s-box-right-social);
		text-align: center;
		padding-right: 10px
	}
	body .main-root > .side-bar-full .side-box-left {
		position: relative;
		width: var(--s-box-left);
		right: var(--s-box-right);
		z-index: 2;
	}
	body .main-root > .side-bar-full .page-active {
		padding-top: 22px;
		height: auto;
		justify-self: center;
	}
	body .main-root > .side-bar-full .page-active h2 {
		/* writing-mode: vertical-lr;
		transform: rotate(-180deg);
		letter-spacing: 5px; */
		font-size: var(--font-size-base);
	}
}

@media only screen and (min-width: 992px) {
	body .inner-content {
		width: calc(100% - var(--s-box-full));
		margin-right: auto;
	}
}

.text-stroke-box {
	display: none;
}
@media only screen and (min-width: 992px) {
	body .text-stroke-box {
		position: absolute;
		top: 0;
		height: 100%;
		overflow: hidden;
		width: var(--s-box-left);
		right: calc(var(--s-box-left) * -1);
		white-space: nowrap;
		display: inherit;
	}
}
.text-stroke-box .text-stroke-inner {
	font-size: 100px;
	writing-mode: vertical-lr;
	transform: rotate(-180deg);
	pointer-events: none;
	opacity: 0.25;
	will-change: transform;
}
.text-stroke-box .text-stroke-inner.dsn-animate {
	transform: translateY(-100%) rotate(-180deg);
	animation: marquee 100s linear infinite;
}
@media only screen and (min-width: 992px) {
	body .side-box-left .text-stroke-box {
		right: 0;
	}
}

.full-bg {
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	background-image: url(../img/page-next.svg);
	background-repeat: no-repeat;
	background-position: -50% 0;
}

.border-before {
	border-right: 2px solid var(--heading-color);
	padding-right: 20px;
}

@media only screen and (min-width: 768px) {
	.padding-block {
		padding-top: var(--box-padding);
		padding-bottom: var(--box-padding);
	}
}
@media only screen and (max-width: 767px) {
	.padding-block {
		padding-top: var(--box-padding-mobile);
		padding-bottom: var(--box-padding-mobile);
	}
}

@media only screen and (min-width: 992px) {
	.has-box-mod {
		padding-left: 25px;
		padding-right: 25px;
		display: inline-block;
		line-height: 1.1;
	}
}
.has-box-mod .title,
.has-box-mod .title-block,
.has-box-mod .heading-h2 {
	line-height: 1.1;
}
.has-box-mod.move-circle {
	transform: none !important;
}
.has-box-mod.move-circle .icon-circle {
	/* top: auto;
	bottom: 0;
	height: 70%;
	mix-blend-mode: exclusion;
	background-color: var(--mod-color);
	z-index: 1;
	transition: width 1s cubic-bezier(0.68, -0.55, 0.265, 1.55); */
}
.dsn-ajax-effect .has-box-mod.move-circle .icon-circle {
	width: 0;
}

.ah-words-wrapper b {
	font-weight: inherit;
}

.shap-linear {
	position: relative;
	background: repeating-linear-gradient(
		-45deg,
		var(--border-color),
		var(--border-color) 1px,
		var(--bg-color) 2px,
		var(--bg-color) 10px
	);
	height: 40px;
}
@media only screen and (max-width: 991px) {
	.shap-linear {
		display: none;
	}
}

.circle-top {
	top: -10vw;
	left: 50px;
	width: 30vw;
	height: 30vw;
	z-index: -1;
	pointer-events: none;
}
.circle-top,
.circle-top:after {
	position: absolute;
	border: 1px solid var(--border-color);
	border-radius: 50%;
}
.circle-top:after {
	content: '';
	top: 50%;
	right: 50%;
	width: 15vw;
	height: 15vw;
	transform: translate(50%, -50%);
}

.inner-content:after,
.inner-content:before {
	content: '';
	display: block;
	height: 0.1px;
}

@media only screen and (min-width: 992px) {
	body .full-width .dsn-container {
		/* padding-right: calc(var(--s-box-full) + 50px); */
		padding-right: calc(var(--s-box-full));
	}
}

@keyframes marquee {
	0% {
		transform: translateY(-100%) rotate(-180deg);
	}
	100% {
		transform: translateY(10%) rotate(-180deg);
	}
}
.p-fixed.has-parallax-header {
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}

.right-bar {
	width: var(--s-box-full);
	right: 0;
}
@media only screen and (max-width: 991px) {
	.right-bar {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	/* .dsn-isotope.grid.d-grid.grid-lg-3 > *:nth-of-type(2) {
		margin-top: 50px;
	}
	.dsn-isotope.grid.d-grid.grid-lg-3 > *:nth-of-type(3) {
		margin-top: 110px;
	}
	.dsn-isotope.grid.d-grid.grid-lg-2 > *:nth-of-type(2) {
		margin-top: 80px;
	} */
}
@media only screen and (min-width: 768px) {
	/* .dsn-isotope.grid.d-grid.grid-md-3 > *:nth-of-type(2) {
		margin-top: 50px;
	}
	.dsn-isotope.grid.d-grid.grid-md-3 > *:nth-of-type(3) {
		margin-top: 110px;
	}
	.dsn-isotope.grid.d-grid.grid-md-2 > *:nth-of-type(2) {
		margin-top: 80px;
	} */
	
}

.dsn-paginate-left-page {
	position: fixed;
	left: 20px;
	mix-blend-mode: exclusion;
	z-index: 100;
}
.dsn-paginate-left-page,
.dsn-paginate-left-page .dsn-link-paginate:before {
	top: 50%;
	transform: translateY(-50%);
}
.dsn-paginate-left-page .dsn-link-paginate {
	position: relative;
	cursor: pointer;
	padding-left: 20px;
	display: flex;
	font-size: 13px;
	letter-spacing: 2px;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
}
.dsn-paginate-left-page .dsn-link-paginate .whitespace {
	display: none;
}
.dsn-paginate-left-page .dsn-link-paginate .dsn-word-wrapper {
	width: 0;
	height: 0;
}
.dsn-paginate-left-page
	.dsn-link-paginate
	.dsn-word-wrapper:not(.whitespace):not(:last-of-type) {
	margin-left: 5px;
}
.dsn-paginate-left-page .dsn-link-paginate:before {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	left: 0;
	background-color: #fff;
	z-index: -1;
	border-radius: 50%;
}
.dsn-paginate-left-page .dsn-link-paginate .dsn-word-wrapper {
	overflow: hidden;
	will-change: transform;
}
.dsn-paginate-left-page .dsn-link-paginate .dsn-word-wrapper {
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	transform: translateY(50%) rotate(-15deg) scale(0.8);
	transform-origin: top right;
	transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),
		opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s;
	transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
}
.dsn-paginate-left-page .dsn-link-paginate:hover .dsn-word-wrapper {
	width: auto;
	height: auto;
}
.dsn-paginate-left-page .dsn-link-paginate:hover .dsn-word-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) rotate(0deg) scale(1);
}

.dsn-stories.dsn-stories-model {
	position: fixed;
	width: calc(100% - var(--s-box-full));
	background-color: var(--assistant-color);
	border-top: 2px solid var(--theme-color);
	transform: translateY(100%);
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	bottom: 0;
	left: 0;
	display: flex;
	transition: 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.dsn-stories.dsn-stories-model,
.dsn-stories.dsn-stories-model .dsn-stories-gallery {
	height: 150px;
}
.dsn-stories.dsn-stories-model .dsn-stories-gallery {
	width: 100px;
}
.dsn-stories.dsn-stories-model .dsn-stories-gallery a:not(:first-of-type) {
	pointer-events: none;
	z-index: -1;
}
.dsn-stories.dsn-stories-model .dsn-stories-gallery a {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
}
.dsn-stories.dsn-stories-model .dsn-stories-gallery a,
.dsn-stories.dsn-stories-model .dsn-stories-gallery a img {
	border-radius: 7px;
}
.dsn-stories.dsn-stories-model
	.dsn-stories-gallery:hover
	.heading-h2
	.dsn-word-wrapper,
.dsn-stories.dsn-stories-model
	.dsn-stories-gallery:hover
	.title-block
	.dsn-word-wrapper,
.dsn-stories.dsn-stories-model
	.dsn-stories-gallery:hover
	.sm-title-block
	.dsn-word-wrapper,
.dsn-stories.dsn-stories-model
	.dsn-stories-gallery.dsn-active
	.heading-h2
	.dsn-word-wrapper,
.dsn-stories.dsn-stories-model
	.dsn-stories-gallery.dsn-active
	.title-block
	.dsn-word-wrapper,
.dsn-stories.dsn-stories-model
	.dsn-stories-gallery.dsn-active
	.sm-title-block
	.dsn-word-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) rotate(0deg) scale(1);
}
.dsn-stories.dsn-stories-model .heading-h2,
.dsn-stories.dsn-stories-model .title-block,
.dsn-stories.dsn-stories-model .sm-title-block {
	position: absolute;
	left: 100px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 1;
}
.dsn-stories.dsn-stories-model .heading-h2 .dsn-word-wrapper,
.dsn-stories.dsn-stories-model .title-block .dsn-word-wrapper,
.dsn-stories.dsn-stories-model .sm-title-block .dsn-word-wrapper {
	overflow: hidden;
	will-change: transform;
}
.dsn-stories.dsn-stories-model .heading-h2 .dsn-word-wrapper,
.dsn-stories.dsn-stories-model .title-block .dsn-word-wrapper,
.dsn-stories.dsn-stories-model .sm-title-block .dsn-word-wrapper {
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	transform: translateY(50%) rotate(-15deg) scale(0.8);
	transform-origin: top right;
	transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),
		opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s;
	transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
}
.dsn-stories.dsn-stories-model .close-story {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	cursor: pointer;
	background-color: var(--bg-color);
	opacity: 0.1;
}

.dsn-stories.gallery-portfolio .dsn-stories-gallery a {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.dsn-stories.gallery-portfolio .dsn-stories-gallery a:first-of-type {
	z-index: 1;
}
.dsn-stories.gallery-portfolio
	.dsn-stories-gallery:hover
	.sm-title-block
	.dsn-word-wrapper,
.dsn-stories.gallery-portfolio
	.dsn-stories-gallery:hover
	.title-block
	.dsn-word-wrapper,
.dsn-stories.gallery-portfolio
	.dsn-stories-gallery.dsn-active
	.sm-title-block
	.dsn-word-wrapper,
.dsn-stories.gallery-portfolio
	.dsn-stories-gallery.dsn-active
	.title-block
	.dsn-word-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) rotate(0deg) scale(1);
}
.dsn-stories.gallery-portfolio
	.dsn-stories-gallery:hover
	.sm-title-block
	.icon-circle,
.dsn-stories.gallery-portfolio
	.dsn-stories-gallery:hover
	.title-block
	.icon-circle,
.dsn-stories.gallery-portfolio
	.dsn-stories-gallery.dsn-active
	.sm-title-block
	.icon-circle,
.dsn-stories.gallery-portfolio
	.dsn-stories-gallery.dsn-active
	.title-block
	.icon-circle {
	width: 100%;
}
.dsn-stories.gallery-portfolio .sm-title-block,
.dsn-stories.gallery-portfolio .title-block {
	position: absolute;
	bottom: 30px;
	right: 10px;
	z-index: 2;
}
.dsn-stories.gallery-portfolio .sm-title-block .dsn-word-wrapper,
.dsn-stories.gallery-portfolio .title-block .dsn-word-wrapper {
	overflow: hidden;
	will-change: transform;
}
.dsn-stories.gallery-portfolio .sm-title-block .dsn-word-wrapper,
.dsn-stories.gallery-portfolio .title-block .dsn-word-wrapper {
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	transform: translateY(50%) rotate(-15deg) scale(0.8);
	transform-origin: top right;
	transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),
		opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s;
	transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
}
.dsn-stories.gallery-portfolio .sm-title-block .icon-circle,
.dsn-stories.gallery-portfolio .title-block .icon-circle {
	width: 0;
	transition: width 1s;
}

.stories-btn {
	position: fixed;
	bottom: 35px;
	left: 20px;
	z-index: 12;
	mix-blend-mode: exclusion;
	color: #fff;
	transform: rotate(-90deg);
	transform-origin: 0% 50%;
	transition: 1s cubic-bezier(0.77, 0, 0.175, 1) 0.3s;
	cursor: pointer;
}
@media only screen and (max-width: 575px) {
	.stories-btn {
		display: none;
	}
	.site-header .inner-header .main-logo img{
		height: 80px!important;
	}
}

.stories-btn:after {
	content: '';
	position: absolute;
	left: -15px;
	top: 10px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #fff;
}

.dsn-show-stories .dsn-stories {
	opacity: 1;
	visibility: visible;
	transform: none;
}
@media only screen and (max-width: 991px) {
	.dsn-show-stories .dsn-stories {
		width: 100%;
	}
}
@media only screen and (max-width: 575px) {
	.dsn-show-stories .dsn-stories {
		display: none;
	}
}
.dsn-show-stories .stories-btn {
	transform: none;
	left: 35px;
}

.projects-list.work-hover .work-item .box-content {
	position: absolute;
	bottom: 15px;
	z-index: 1;
}
.projects-list.work-hover .work-item .box-content .sec-title .dsn-word-wrapper {
	overflow: hidden;
	will-change: transform;
}
.projects-list.work-hover
	.work-item
	.box-content
	.sec-title
	.dsn-word-wrapper {
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	transform: translateY(50%) rotate(-15deg) scale(0.8);
	transform-origin: top right;
	transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55),
		opacity 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), visibility 0.3s;
	transition-delay: calc(30ms * var(--word-dsn-index) + 1ms);
}
.projects-list.work-hover .work-item .box-content .sec-title .icon-circle {
	width: 0;
	transition: width 0.5s;
}
.projects-list.work-hover .work-item:hover .sec-title .dsn-word-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) rotate(0deg) scale(1);
}
.projects-list.work-hover .work-item:hover .sec-title .icon-circle {
	width: 100%;
}

.day-night {
	position: fixed;
	z-index: 99999;
	top: 50%;
	right: calc(var(--s-box-right-social) / 2);
	width: 30px;
	height: 30px;
	cursor: pointer;
	transform: translateX(50%);
}
.admin-bar .day-night {
	top: 74px;
}
@media screen and (min-width: 783px) {
	.admin-bar .day-night {
		top: 60px;
	}
}
@media only screen and (max-width: 991px) {
	.day-night {
		top: 30px;
		right: 200px;
	}
}
@media only screen and (max-width: 767px) {
	.day-night {
		top: 50px;
		right: 150px;
		display: none;
	}
}
.day-night .night,
.day-night .moon {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	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 {
	transform: rotate(-270deg);
	fill: #f0f0f0;
}
.v-light .day-night .night {
	opacity: 0;
}
.v-light .day-night .moon {
	opacity: 1;
}

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

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

.link-custom,
input[type='submit'] {
	position: relative;
	padding: 12px 30px;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	border: solid 1px var(--border-color);
	z-index: 2;
	cursor: pointer;
}
.link-custom.border-radius,
input[type='submit'].border-radius {
	border-radius: 30px;
}
.link-custom.border-radius::before,
input[type='submit'].border-radius::before {
	display: none;
}

.link-custom:not(.background-reverse),
input[type='submit']{
	color: var(--bg-color);
}
.link-custom:before,
input[type='submit']:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	right: 6px;
	top: 6px;
	transition: all 0.3s ease;
	border: solid 1px var(--border-color);
	z-index: -1;
}
.link-custom:hover::before,
input[type='submit']:hover::before {
	right: 0;
	top: 0;
}

.play-btn {
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50%;
	margin: auto;
	text-align: center;
	font-weight: 600;
}
@media only screen and (max-width: 767px) {
	.play-btn {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
}

.move-circle {
	position: relative;
}
@media only screen and (min-width: 992px) {
	.move-circle {
		background-color: transparent;
	}
}
.move-circle .icon-circle {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: inherit;
	z-index: -1;
}
.move-circle.background-main .icon-circle {
	background-color: var(--bg-color);
}
.move-circle.background-section .icon-circle {
	background-color: var(--assistant-color);
}
.move-circle.background-theme .icon-circle {
	background-color: var(--theme-color);
}
.move-circle.border-circle {
	border: 1px solid var(--heading-color);
}

.btn-arrow {
	color: var(--heading-color);
	padding-bottom: 10px;
	border-bottom: 1px solid var(--border-color);
	font-size: 14px;
	letter-spacing: 2px;
	text-transform: uppercase;
	transition: padding 450ms ease-in-out;
}
.btn-arrow svg path {
	fill: var(--heading-color);
}
.btn-arrow:hover {
	padding-right: 10px;
	padding-left: 10px;
}

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

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

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

.site-header {
	position: fixed;
	top: 0;
	width: 100%;
	padding-top: 22px;
	padding-bottom: 22px;
	z-index: 10;
	pointer-events: none;
	transition-property: background-color, padding-top, padding-bottom, transform;
	transition-duration: 0.5s;
}
.site-header a {
	color: inherit;
}
.site-header .main-logo {
	color: var(--heading-color);
}
.site-header .main-logo .light-logo {
	display: inherit;
}
.site-header .main-logo .dark-logo {
	display: none;
}
body:not(.v-dark) .site-header .main-logo .light-logo {
	display: none;
}
body:not(.v-dark) .site-header .main-logo .dark-logo {
	display: inherit;
}
.admin-bar .site-header {
	top: 46px;
}
@media screen and (min-width: 783px) {
	.admin-bar .site-header {
		top: 32px;
	}
}
.site-header .menu-cover-title {
	position: absolute;
	top: 50%;
	right: -12px;
	font-size: 20vw;
	font-weight: 600;
	line-height: 1.15;
	transform: translateY(-50%);
	opacity: 0.05;
}
@media only screen and (max-width: 991px) {
	.site-header .menu-cover-title {
		right: 50%;
		transform: translate(50%, -50%);
	}
}
.site-header .inner-header .main-logo {
	width: 96px;
	pointer-events: all;
}
.site-header .inner-header .main-logo img {
	height: auto;
}
.site-header .main-navigation {
	pointer-events: all;
}
.site-header .menu-icon {
	position: relative;
	top: -5px;
	cursor: pointer;
	pointer-events: all;
}
.site-header .menu-icon .icon-m .menu-icon-line {
	background-color: var(--theme-color);
	width: 23px;
	height: 2px;
	transition: 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;
	right: -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: -4px;
	width: 45px;
	color: var(--heading-color);
	opacity: 0.9;
	font-size: 13px;
	font-weight: 600;
}
.site-header .menu-icon .text-menu > div {
	right: 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-word-wrapper {
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	transform: translateY(50%) rotate(-15deg) scale(0.8);
	transform-origin: top right;
	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-delay: calc(30ms * var(--word-dsn-index) + 1ms);
}
.site-header .menu-icon .text-menu .text-button .dsn-word-wrapper {
	opacity: 1;
	visibility: visible;
	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-word-wrapper,
.site-header .menu-icon .text-menu .text-close .dsn-word-wrapper {
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	transform: translateY(50%) rotate(-15deg) scale(0.8);
	transform-origin: top right;
	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-delay: calc(30ms * var(--word-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 {
	transform: translateY(6px);
}
.site-header .menu-icon:hover .icon-m .icon-bottom {
	transform: translateY(-9px);
}
.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-word-wrapper {
	opacity: 0;
	visibility: hidden;
	will-change: transform;
	transform: translateY(50%) rotate(-15deg) scale(0.8);
	transform-origin: top right;
	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-delay: calc(30ms * var(--word-dsn-index) + 1ms);
}
.site-header
	.menu-icon:hover:not(.nav-active)
	.text-menu
	.text-open
	.dsn-word-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) rotate(0deg) scale(1);
}
.site-header
	.menu-icon:hover.nav-active
	.text-menu
	.text-close
	.dsn-word-wrapper {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) rotate(0deg) scale(1);
}
.site-header .container-content {
	width: 30%;
	opacity: 0;
	visibility: hidden;
}
@media only screen and (max-width: 991px) {
	.site-header .container-content {
		display: none;
	}
}
.site-header .container-content .nav-content:not(:first-of-type) {
	margin-top: 30px;
}
.site-header .container-content .nav-content p {
	color: var(--font-color);
}
.site-header .container-content .nav-content p:not(:last-of-type) {
	margin-bottom: 5px;
}
.site-header .container-content .nav-content p .link-hover {
	text-transform: uppercase;
}
.site-header .container-content .title-line,
.site-header .container-content p.title-line {
	color: var(--theme-color);
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.site-header .container-content .nav-social ul li {
	font-size: 14px;
	margin-left: 15px;
	padding-left: 5px;
}
.site-header .container-content .nav-social ul li,
.site-header .container-content .nav-social ul li a {
	position: relative;
	color: var(--heading-color);
	display: inline-block;
	letter-spacing: 2px;
	font-family: var(--heading-font);
}
.site-header ul.extend-container {
	width: 100%;
	max-width: 100%;
}
@media only screen and (max-width: 991px) {
	.site-header ul.extend-container {
		align-items: center;
	}
}
@media only screen and (max-width: 545px) {
	.site-header ul.extend-container {
		align-items:flex-start;
	}
}
.site-header .extend-container .main-navigation {
	height: 100vh;
	top: 0;
	right: 0;
	/* background-image: url('../img/displacement/3.jpg'); */
	filter: opacity(0.7);
	background-color: var(--theme-color1);
	z-index: -2;
	transform: translateY(-100%);
	opacity: 0;
	visibility: visible;
}
.main-navigation-2{
    position: absolute;
    top: 85%;
    left: 20%;
    width: 400px;
    height: 350px;
}
.main-navigation-2 img{
	width: 100%;
    height: 100%;
}
.main-navigation-1 {
	height: 100vh;
	top: 0;
	right: 0;
	background-color: #ffffff;
	filter: opacity(0.7);
	/* background-color: #ffffffa3; */
	z-index: -3;
	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 {
	color: var(--heading-color);
	width: -webkit-max-content;
	width: max-content;
	margin-bottom: 10px;
	line-height: 1;
	font-family: var(--heading-font);
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	li.dsn-active,
.site-header .extend-container .main-navigation ul.extend-container li:hover {
	color: var(--theme-color);
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	li.dsn-active
	.dsn-meta-menu,
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	li:hover
	.dsn-meta-menu {
	color: var(--assistant-color);
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	li
	.dsn-back-menu {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	cursor: pointer;
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	li
	.dsn-back-menu
	img {
	width: 32px;
	transform: translateX(0);
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	li
	.dsn-back-menu
	.dsn-title-menu {
	font-size: 42px;
	margin-right: 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 {
	transition: 0.5s ease-in-out;
	transition-property: opacity, visibility, transform;
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	li
	.dsn-back-menu:hover
	img {
	transform: translateX(22px);
	opacity: 0;
	visibility: hidden;
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	li
	.dsn-back-menu:hover
	.dsn-title-menu {
	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: max-content;
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	li
	a
	.dsn-meta-menu {
	margin-right: 10px;
	font-size: 12px;
	letter-spacing: 2px;
	transform: translateY(25px);
}
@media only screen and (max-width: 991px) {
	.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		li
		a
		.dsn-meta-menu {
		display: none;
	}
}
@media only screen and (min-width: 992px) {
	.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		li.dsn-drop-down
		> a:after {
		content: '';
		background-image: url('../img/left.svg');
		background-size: 17px;
		height: 17px;
		width: 17px;
		background-repeat: no-repeat;
		opacity: 0;
		visibility: hidden;
		transition: 0.5s;
		transform: translate(0, 8px);
	}
	.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		li.dsn-drop-down
		> a:hover:after {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, 8px);
	}
}
.site-header .extend-container .main-navigation ul.extend-container > li {
	font-size: 20px;
}
@media only screen and (max-width: 991px) {
	.site-header .extend-container .main-navigation ul.extend-container > li {
		font-size: 20px;
	}
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	> li
	> a
	.dsn-title-menu {
	opacity: 0;
	visibility: hidden;
	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%;
	right: 0;
	top: 0;
	flex-direction: column;
	justify-content: center;
}
@media only screen and (max-width: 991px) {
	.site-header .extend-container .main-navigation ul.extend-container > li ul {
		align-items: center;
	}
}
.site-header .extend-container .main-navigation ul.extend-container > li ul li {
	font-size: 32px;
	line-height: 1;
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	> li
	ul
	li
	a {
	line-height: 1.5;
}
.site-header
	.extend-container
	.main-navigation
	ul.extend-container
	> li
	ul
	li
	a
	.dsn-meta-menu {
	transform: translateY(22px);
	margin-right: 10px;
}
@media only screen and (min-width: 992px) {
	.classic-menu:not(.dsn-line-style) .site-header .menu-icon {
		display: none;
	}
	.classic-menu:not(.dsn-line-style) .site-header .container-content {
		display: none;
	}
	.classic-menu:not(.dsn-line-style) .site-header > .extend-container {
		align-items: center;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		> .extend-container
		.menu-cover-title {
		display: none;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation {
		position: inherit;
		display: block;
		margin-right: auto;
		height: auto;
		width: auto;
		top: unset;
		right: unset;
		background-color: transparent;
		z-index: 1;
		transform: none !important;
		opacity: 1 !important;
		visibility: visible !important;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation:after {
		display: none;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container {
		display: block;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		li
		.dsn-back-menu {
		display: none;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		li
		a:after,
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		li
		a
		.dsn-meta-menu {
		display: none;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		li.dsn-drop-down
		> a:after {
		display: none;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li {
		font-size: 14px;
		display: inline-block;
		margin-right: 30px;
		margin-bottom: 0;
		font-weight: 700;
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li:first-of-type {
		margin-right: 0;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		> a
		.dsn-title-menu {
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		> a
		.dsn-meta-menu {
		display: none;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		ul {
		position: absolute;
		display: block !important;
		min-width: 195px;
		width: inherit;
		height: auto;
		right: unset;
		top: unset;
		margin-top: 10px;
		padding: 10px;
		margin-right: -10px;
		background-color: var(--assistant-color);
		transition-property: transform, opacity, visibility;
		transition-duration: 0.8s;
		border-radius: 3px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(35px);
		transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		ul
		li {
		position: relative;
		width: 100%;
		padding: 7px 0;
		font-size: 13px;
		font-weight: 500;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		ul
		li:not(:last-child) {
		border-bottom: 0.5px dotted var(--assistant-color);
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		ul
		li
		.dsn-meta-menu {
		display: none;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		ul
		li:before {
		content: '';
		position: absolute;
		opacity: 0;
		right: -10px;
		top: 0;
		height: 100%;
		width: 1.5px;
		transition: 0.5s;
		background-color: var(--theme-color);
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		ul
		li.dsn-active,
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		ul
		li:hover {
		color: var(--heading-color);
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		ul
		li.dsn-active:before,
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li
		ul
		li:hover:before {
		opacity: 1;
		visibility: visible;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li:hover
		ul,
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li:focus {
		opacity: 1;
		transform: none;
		visibility: visible;
	}
	.classic-menu:not(.dsn-line-style)
		.site-header
		.extend-container
		.main-navigation
		ul.extend-container
		> li:last-child
		ul {
		left: -32px;
	}
}

.dsn-multi-lang {
	position: fixed;
	display: flex;
	max-width: 100px;
	top: 35px;
	left: 165px;
	z-index: 999;
}
.admin-bar .dsn-multi-lang {
	top: 81px;
}
@media screen and (min-width: 783px) {
	.admin-bar .dsn-multi-lang {
		top: 67px;
	}
}
.dsn-multi-lang .extend-container-lang .menu-item > a {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 28px;
	cursor: pointer;
	padding: 6px 10px;
	background: var(--theme-color);
	transition: all 0.5s;
	border-radius: 12px;
	z-index: 2;
	color: var(--heading-color);
	font-size: 11px;
	text-transform: uppercase;
}
.dsn-multi-lang .extend-container-lang .menu-item > a:before {
	-webkit-clip-path: ellipse(10px 46% at 50% 50%);
	clip-path: ellipse(10px 46% at 50% 50%);
	margin-left: 5px !important;
}
.dsn-multi-lang .extend-container-lang img {
	width: 15px;
	height: 15px;
	object-fit: cover;
	border-radius: 50%;
}
.dsn-multi-lang .extend-container-lang span {
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
}
.dsn-multi-lang .extend-container-lang:hover .sub-menu {
	top: 20px;
	opacity: 1;
	visibility: visible;
}
.dsn-multi-lang .sub-menu {
	position: absolute;
	top: -5px;
	right: 0;
	opacity: 0;
	visibility: hidden;
	display: block;
	background: rgba(16, 15, 15, 0.9);
	transition: all 0.5s;
	border-radius: 0;
	overflow: hidden;
}
.dsn-multi-lang .sub-menu li:first-of-type {
	padding: 15px 0 0;
}
.dsn-multi-lang .sub-menu li a {
	display: flex;
	align-items: center;
	height: 29px;
	padding: 6px 10px;
	line-height: 15px;
	border-radius: 0 !important;
}

@media only screen and (min-width: 992px) {
	.classic-menu .dsn-multi-lang {
		transform: translateY(-5px);
		left: 15px;
	}
}
@media only screen and (max-width: 991px) {
	body.nav-bg .site-header {
		background-color: var(--bg-color);
		padding-top: 15px;
		padding-bottom: 15px;
	}
	body.nav-bg.hide-nav .site-header {
		transform: translateY(-100%);
	}
}

@media only screen and (max-width: 991px) {
	body:not(.v-dark) .site-header {
		padding-top: 15px;
		padding-bottom: 15px;
		background-color: rgba(255, 255, 255, 0.45);
	}
}
@media only screen and (min-width: 992px) {
	body .site-header {
		padding-right: 0;
		padding-left: 0;
		z-index: 12;
	}
	body .site-header .inner-header {
		width: var(--s-box-right-social);
		text-align: center;
	}
	body .site-header .inner-header .main-logo {
		max-width: calc(var(--s-box-right-social) - 20px);
		margin: auto;
	}
	body .site-header .menu-icon {
		position: fixed;
		width: var(--s-box-right-menu);
		/* right: var(--s-box-right-social); */
		right: 26px;
		padding: 0;
		top: 50%;
		transform: translateY(-50%);
		justify-content: center;
	}
	body .site-header .menu-icon .text-menu {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	body .site-header .extend-container .main-navigation {
		padding-right: var(--s-box-right);
		border-right: 1px solid var(--border-color);
		padding-left: 50px;
	}
}

@media only screen and (min-width: 992px) {
	body .site-header .menu-cover-title {
		padding-right: var(--s-box-right);
		margin-right: 50px;
	}
}

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

@media only screen and (min-width: 992px) {
	body .site-header ul.extend-container {
		/* padding-right: 50px; */
		/* border-right: 1px solid var(--border-color); */
	}
}

.social-network {
	display: none;
}
@media only screen and (min-width: 992px) {
	body .social-network {
		position: fixed;
		right: 0;
		z-index: 12;
		bottom: 50px;
		width: var(--s-box-right-social);
		text-align: center;
		display: inherit;
	}
}

.socials li:not(:last-of-type) {
	margin-bottom: 12px;
}
.socials li a {
	position: relative;
	color: var(--heading-color);
}
.socials li span:after,
.socials li span{
	position: absolute;
	top: 50%;
	right: 50%;
	opacity: 0;
	transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
}
/* .socials li a span:hover {
	opacity: 1;
} */
.socials li a:after {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: var(--heading-color);
	transform: translate(50%, -50%) scale(0.2);
}
.socials li a span {
	color: var(--heading-color);
	font-size: 13px;
	transform-origin: center bottom;
	cursor: pointer;
}
.socials li span i {
	transform: scale(1);
	transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.socials li span:hover i {
	transform: scale(0);
	transition: all 0.3s cubic-bezier(0.55, 0.02, 0.1, 0.9);
}
.socials li span:hover a {
	opacity: 1;
	transform: matrix(1, 0, 0, 1, 5, 0);
	transition: all 0.6s cubic-bezier(0.75, -0.5, 0, 1.75);
	position: relative;
}
.socials li span:hover:after {
	opacity: 1;
	transform: translate(50%, -50%) scale(1);
	transition: all 0.5s cubic-bezier(0.75, -0.5, 0, 1.75);
	transition-delay: 0.2s;
}
.menu-item{
	display: table;
	background: transparent;
	width: 30px;
    height: 30px;
	border-radius: 100%;
	position: absolute;
	bottom: -10%;
	right: 16px;
	color: white;
	text-align: center;
	transform: translate3d(0, 0, 0);
	transition: transform ease-out 200ms;
}
.menu-item i{
	display: table-cell;
    vertical-align: middle;
    font-size: medium;
	
}
.menu-open-button {
	background: var(--theme-color);
    border-radius: 100%;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -10%;
    color: white;
    text-align: center;
    line-height: 80px;
    transform: translate3d(0, 0, 0);
    transition: transform ease-out 200ms;
    right: 19px;
	display: table;
  }
  
  .menu-open {
	display: none;
  }
  
  .hamburger {
	width: 19px;
    height: 3px;
    background: white;
    display: block;
    position: absolute;
    top: 50%;
    left: 58%;
    margin-left: -12.5px;
    margin-top: -1.5px;
    transition: transform 200ms;
    display: none;
  }
  .menu-open-button i{
	position: relative;
    display: table-cell;
    justify-content: center;
    width: 100%;
    height: 100%;
    vertical-align: middle;
	font-size: 16px;
  }
 
  
  .hamburger-1 {
	transform: translate3d(0, -8px, 0);
  }
  
  .hamburger-2 {
	transform: translate3d(0, 0, 0);
  }
  
  .hamburger-3 {
	transform: translate3d(0, 8px, 0);
  }
  
  .menu-open:checked + .menu-open-button .hamburger-1 {
	transform: translate3d(0, 0, 0) rotate(45deg);
	display: block;
  }
  .menu-open:checked + .menu-open-button .hamburger-2 {
	transform: translate3d(0, 0, 0) scale(0.1, 1);
	display: block;
  }
  .menu-open:checked + .menu-open-button .hamburger-3 {
	transform: translate3d(0, 0, 0) rotate(-45deg);
	display: block;
  }
  .menu-open:checked + .menu-open-button i{
	display: none!important;
  }
  
  .menu {
	position: relative;
    padding-top: 20px;
    /* width: 650px;
    height: 150px; */
    font-size: 20px;
    text-align: right;
    left: -23%;
  }
  
  .menu-item:hover {
	background: white;
	color: #ffc107;
  }
  .menu-item:nth-child(3) {
	transition-duration: 180ms;
  }
  .menu-item:nth-child(4) {
	transition-duration: 180ms;
  }
  .menu-item:nth-child(5) {
	transition-duration: 180ms;
  }
  .menu-item:nth-child(6) {
	transition-duration: 180ms;
  }
  
  .menu-open-button {
	z-index: 2;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-duration: 400ms;
	transform: scale(1.1, 1.1) translate3d(0, 0, 0);
	cursor: pointer;
  }
  
  .menu-open-button:hover {
	transform: scale(1.2, 1.2) translate3d(0, 0, 0);
  }
  
  .menu-open:checked + .menu-open-button {
	transition-timing-function: linear;
	transition-duration: 200ms;
	transform: scale(0.8, 0.8) translate3d(0, 0, 0);
  }
  
  .menu-open:checked ~ .menu-item {
	transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .menu-open:checked ~ .menu-item:nth-child(3) {
	transition-duration: 170ms;
	transform: translate3d(-40px, 0, 0);
  }
  .menu-open:checked ~ .menu-item:nth-child(4) {
	transition-duration: 250ms;
	transform: translate3d(-63px, 0, 0);
  }
  .menu-open:checked ~ .menu-item:nth-child(5) {
	transition-duration: 330ms;
	transform: translate3d(-84px, 0, 0);
  }
  .menu-open:checked ~ .menu-item:nth-child(6) {
	transition-duration: 410ms;
	transform: translate3d(-107px, 0, 0);
  }
/* Social menu */
.box-social li {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	text-align: center;
	border: 1px solid var(--border-color);
}
.box-social li a {
	color: var(--heading-color);
	width: 100%;
}

/** === Footer menu === */
.footer-navigation {
	display: inline;
}
.footer-navigation > div {
	display: inline;
}
.footer-navigation .footer-menu {
	display: inline;
	padding-right: 0;
}
.footer-navigation .footer-menu li {
	display: inline;
	margin-left: 1rem;
}

/*--------------------------------------------------------------
## Next / Previous
--------------------------------------------------------------*/
/* Next/Previous Page */
.next-project .bg-container {
	-webkit-clip-path: circle(60% at 70% 50%);
	clip-path: circle(60% at 70% 50%);
}
.next-project .scroll-down {
	padding-top: 15px;
	animation: flickerAnimation 1.5s infinite;
}
.next-project .scroll-down .text-scroll {
	font-weight: bold;
	color: var(--heading-color);
}
.next-project .w-100.pt-30.d-flex.justify-content-between {
	position: absolute;
	top: 0;
	right: 0;
}
.next-project .dsn-container {
	position: relative;
}

@media only screen and (max-width: 575px) {
	.testimonials .control-nav {
		position: relative;
		margin-top: 30px;
	}
}
.testimonials .next-container,
.testimonials .prev-container {
	position: absolute;
	bottom: 0;
	display: inline-block;
	cursor: pointer;
	z-index: 2;
	border-radius: 50%;
	height: 40px;
	width: 40px;
}
@media only screen and (max-width: 575px) {
	.testimonials .next-container,
	.testimonials .prev-container {
		position: relative;
	}
}
.testimonials .next-container svg,
.testimonials .prev-container svg {
	height: 40px;
	width: 40px;
}
.testimonials .next-container svg .circle,
.testimonials .prev-container svg .circle {
	stroke-dashoffset: 113.113px;
	stroke-dasharray: 113.113px;
	stroke-width: 0;
	opacity: 0;
	fill: #fff;
}
.testimonials .next-container svg .path,
.testimonials .prev-container svg .path {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 1.8px;
}
.testimonials .next-container.next-container,
.testimonials .prev-container.next-container {
	left: 0;
}
.testimonials .next-container.next-container svg,
.testimonials .prev-container.next-container svg {
	transform: rotate(-270deg);
}
.testimonials .next-container.prev-container,
.testimonials .prev-container.prev-container {
	left: 60px;
}
@media only screen and (max-width: 575px) {
	.testimonials .next-container.prev-container,
	.testimonials .prev-container.prev-container {
		right: 0;
		left: auto;
	}
}
.testimonials .next-container.prev-container svg,
.testimonials .prev-container.prev-container svg {
	transform: rotate(-90deg);
}

@media only screen and (min-width: 992px) {
	.about-me .box-img {
		margin-top: calc((var(--margin-padding) + var(--box-padding)) * -1);
	}
}
@media only screen and (max-width: 991px) {
	.about-me .background-section .box-info {
		padding-bottom: var(--margin-padding-mobile);
	}
}
@media only screen and (max-width: 767px) {
	.about-me .background-section .box-info {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media only screen and (max-width: 991px) {
	.about-me .custom-background-section {
		display: none;
	}
}
@media only screen and (max-width: 991px) {
	.about-me .box-img {
		min-height: 70vh;
	}
	.about-me .box-img [data-dsn-grid='moveUp'] {
		height: 100%;
	}
	.about-me .box-img .info {
		align-items: flex-start;
	}
}
@media only screen and (max-width: 575px) {
	.about-me .box-img {
		height: auto;
	}
}
@media only screen and (max-width: 991px) {
	.about-me .box-img .box-infos {
		padding-left: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.about-me .box-img .box-infos {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media only screen and (max-width: 991px) {
	.about-me {
		padding-top: 0;
	}
	.about-me .padding-block {
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media only screen and (min-width: 992px) {
	.box-experience {
		padding-right: 50px;
		border-right: 1px solid var(--border-color);
	}
}
@media only screen and (max-width: 991px) {
	.box-experience {
		margin-top: 50px;
	}
}
.box-experience .numb-ex {
	font-family: var(--heading-font);
	font-size: 200px;
	line-height: 170px;
	color: transparent;
	-webkit-text-stroke: 3.5px var(--heading-color);
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	transform: scale3d(1, 1.2, 1);
	margin-right: -5px;
}

.lest-icon li {
	position: relative;
	padding-right: 30px;
}
.lest-icon li:not(:last-of-type) {
	margin-bottom: 20px;
}
.lest-icon li:before {
	content: '';
	font-family: 'Font Awesome 5 Free';
	font-weight: 400;
	color: var(--theme-color);
	font-size: 16px;
	position: absolute;
	right: 0;
	top: 0;
}

.style-box {
	position: relative;
}
@media only screen and (min-width: 1400px) {
	.style-box {
		padding: 60px 40px;
	}
}
@media only screen and (max-width: 1399px) {
	.style-box {
		padding: 40px 25px;
	}
}
@media only screen and (max-width: 575px) {
	.style-box {
		padding: 60px 15px;
	}
}
.style-box:before,
.style-box:after {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
}
.style-box:before {
	top: 4px;
	right: 4px;
	border-left: 50px solid transparent;
	border-top: 50px solid var(--assistant-color);
}
.style-box:after {
	border-right: 50px solid transparent;
	border-bottom: 50px solid var(--assistant-color);
	bottom: 4px;
	left: 4px;
}
.style-box.background-section:before,
.background-section .style-box:before {
	border-top: 50px solid var(--bg-color);
}
.style-box.background-section:after,
.background-section .style-box:after {
	border-bottom: 50px solid var(--bg-color);
}

.services {
	counter-reset: workcounter;
}
.services .service-item::before {
	counter-increment: workcounter;
	content: counters(workcounter, '.', decimal-leading-zero);
	position: absolute;
	left: 45px;
	top: 50px;
	font-size: 50px;
	line-height: 1;
	font-family: var(--heading-font);
	font-weight: 700;
	color: transparent;
	-webkit-text-stroke: 1px var(--border-color);
	opacity: 0.2;
	z-index: 2;
}
.services .service-item .service-item-inner .icon svg {
	width: 60px;
	fill: var(--theme-color);
}
.services .service-item .service-item-inner .title-block,
.services .service-item .service-item-inner .title-block + .description {
	padding-top: 15px;
	border-top: 2.2px solid var(--border-color);
}
.services .title-block.border-section-bottom {
	padding-top: 0;
	border-top: 0;
	padding-bottom: 20px;
}
.services ul li:not(:last-of-type) {
	margin-bottom: 10px;
}
.services ul li i {
	font-size: 16px;
	margin-left: 10px;
	color: var(--heading-color);
}

.experience-item:not(:last-of-type) {
	border-bottom: 2px solid var(--bg-color);
}
@media only screen and (max-width: 575px) {
	.experience-item {
		padding: 30px 15px;
	}
}
@media only screen and (max-width: 991px) {
	.experience-item.d-grid {
		grid-row-gap: 30px;
	}
}
.experience-item img {
	height: 30px;
}

.box-skills-inner {
	grid-column-gap: 30px;
}

.skills-item {
	position: relative;
	width: 100%;
}
.skills-item .bar {
	position: relative;
	width: 100%;
	height: 15px;
	border: 2px solid var(--assistant-color);
}
.background-section .skills-item .bar {
	border-color: var(--bg-color);
}
.skills-item .bar .fill {
	position: absolute;
	width: 0%;
	top: 2px;
	height: calc(100% - 4px);
	background-color: var(--reverse-color);
}
.skills-item .bar .fill .number {
	position: absolute;
	top: -30px;
	left: 0;
	font-family: var(--heading-font);
	font-size: 14px;
	color: var(--heading-color);
}

.testimonials .testimonial-inner {
	position: relative;
}
.testimonials .testimonial-inner .testimonial-author {
	margin-top: 25px;
	width: calc(100% - 100px);
}
.testimonials .testimonial-inner .testimonial-author .author,
.testimonials .testimonial-inner .testimonial-author .author img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
}
.testimonials .testimonial-inner .testimonial-author .author-text {
	margin-right: 25px;
}
.testimonials .testimonial-inner .testimonial-author .author-text h5 {
	color: var(--font-color);
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1.2px;
	margin-top: 10px;
}
.testimonials .testimonial-inner .testimonial-author .author-text h4 {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
}
.testimonials:not(.testimonials-two) .testimonial-inner {
	padding-right: 150px;
}
.testimonials:not(.testimonials-two) .testimonial-inner:before {
	content: '”';
	right: 0;
	top: -45px;
	position: absolute;
	font-size: 150px;
	line-height: 0.5;
	color: var(--border-color);
	font-weight: bold;
	font-family: var(--heading-font);
	opacity: 0.5;
	transform: rotate(-180deg);
}
.testimonials:not(.testimonials-two) .testimonial-inner .fas.fa-quote-right {
	display: none;
}
.testimonials.testimonials-two .testimonial-inner .testimonial-item i {
	color: var(--heading-color);
	font-size: 40px;
	margin-bottom: 20px;
}

.blog {
	counter-reset: compteListe;
}

.blog-item {
	padding-right: 60px;
}
.blog-item:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}
.blog-item:first-of-type {
	padding-top: 0;
}
@media only screen and (min-width: 992px) {
	.blog-item .blog-item-inner {
		display: flex;
	}
}
.blog-item .blog-item-inner::before {
	counter-increment: compteListe 1;
	color: var(--heading-color);
	content: '/ ' counter(compteListe);
	position: absolute;
	right: -60px;
	top: 5px;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: bold;
}
@media only screen and (min-width: 992px) {
	.blog-item .left-box {
		flex: 0 1 40%;
	}
}
@media only screen and (max-width: 991px) {
	.blog-item .left-box {
		margin-bottom: 15px;
	}
}
@media only screen and (min-width: 992px) {
	.blog-item .left-box {
		flex: 0 1 60%;
		padding-right: 30px;
	}
}

.Awards .column-Award {
	width: calc(33.3333% - 30px);
	margin: 0 15px;
}
@media only screen and (max-width: 767px) {
	.Awards .column-Award:not(:first-of-type) {
		margin-top: 30px;
	}
}
@media only screen and (max-width: 767px) {
	.Awards .column-Award {
		width: 100%;
	}
}
.Awards .column-Award .Award-item {
	min-height: 210px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.Awards .column-Award .Award-item:nth-of-type(2) {
	margin-top: 30px;
}
.Awards .column-Award .Award-item .img {
	margin-bottom: 20px;
}
.Awards .column-Award .Award-item svg path {
	fill: var(--theme-color);
}
.Awards .column-Award .Award-item ul li:not(:last-of-type) {
	margin-bottom: 10px;
}

.team .team-item .team-item-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.team .team-item .team-item-inner .box-text .name {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 16px;
}
.team .team-item .team-item-inner .box-text .position {
	font-size: 14px;
	letter-spacing: 1.2px;
	margin-bottom: 5px;
}
@media only screen and (min-width: 992px) {
	.team .team-item .team-item-inner .box-social {
		margin-right: auto;
	}
}
.team .team-item .team-item-inner .box-social li {
	color: var(--heading-color);
	display: inline-block;
	font-size: 12px;
	border: 1px solid var(--border-color);
}
.team .team-item .team-item-inner .box-img {
	margin: 20px 0;
	height: 350px;
	overflow: hidden;
}
.team .team-item .team-item-inner .box-img img {
	transition: transform 1s cubic-bezier(0.13, 0.28, 0, 0.91);
}
@media only screen and (min-width: 992px) {
	.team .team-item:nth-child(odd) .team-item-inner .box-text {
		order: 3;
	}
	.team .team-item:nth-child(odd) .team-item-inner .box-img {
		order: 2;
	}
	.team .team-item:nth-child(odd) .team-item-inner .box-social {
		order: 1;
	}
}
.team .team-item:hover .team-item-inner .box-img img {
	transform: scale(1.04);
}

.brand-client .wrapper-client .logo-box {
	overflow: hidden;
}
.brand-client .wrapper-client .logo-box .logo-box-inner {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	min-height: 200px;
}
.brand-client .wrapper-client .logo-box .logo-box-inner img {
	max-width: 180px;
}

.intro-project .intro-text {
	padding-left: 40px;
}
@media only screen and (max-width: 991px) {
	.intro-project .project-info {
		display: flex;
		justify-content: space-between;
	}
}
@media only screen and (max-width: 767px) {
	.intro-project .project-info {
		display: flex;
		flex-direction: column;
	}
}
.intro-project .project-info li {
	margin-bottom: 20px;
}
.intro-project .project-info li:last-of-type {
	margin-bottom: 0;
}
.intro-project .project-info li h5 {
	margin-bottom: 10px;
	font-size: 14px;
	letter-spacing: 2px;
}

.box-seat {
	position: relative;
}
.box-seat [data-overlay]:before {
	z-index: 1;
}
@media only screen and (min-width: 992px) {
	.box-seat .pro-text {
		position: absolute;
		left: 50px;
		bottom: 50px;
	}
	.box-seat .pro-text:not(.container) {
		max-width: 600px;
	}
}
@media only screen and (min-width: 992px) {
	.box-seat.box-set-move .pro-text {
		opacity: 0.5;
		transform: translateY(150px);
	}
}

@media only screen and (max-width: 991px) {
	.box-seat .box-padding,
	.box-set-bottom .box-padding {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}

@media only screen and (min-width: 768px) {
	.box-set-bottom .inner-img {
		height: 80vh;
	}
}
.box-set-bottom .pro-text {
	position: relative;
}
@media only screen and (min-width: 768px) {
	.box-set-bottom .pro-text {
		margin-top: -50px;
		width: 90%;
		right: 5%;
	}
}

@media only screen and (max-width: 767px) {
	.pb-sm-section .half-bottom {
		display: none;
	}
}

@media only screen and (min-width: 992px) {
	.slider-about .heading-h2 {
		font-size: 2vw;
	}
}

.ul-list li:not(:last-of-type) {
	margin-bottom: 10px;
}

.item-services-header .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1 0 90px;
	border: 2px solid var(--border-color);
	margin-left: 20px;
}

.box-set-video [data-dsn-grid='moveUp'] {
	height: 100%;
}

@media only screen and (min-width: 992px) {
	.box-video {
		margin-right: -110px;
	}
}
@media only screen and (max-width: 767px) {
	.box-video a {
		margin-left: 15px;
	}
}
.box-video .play-btn::before {
	content: '';
	position: absolute;
	right: -10px;
	width: 120px;
	height: 120px;
	background-color: var(--theme-color);
	border-radius: 50%;
	z-index: -1;
	opacity: 0.5;
}
@media only screen and (max-width: 767px) {
	.box-video .play-btn::before {
		display: none;
	}
}
.box-video .play-btn i {
	font-size: 20px;
}

.box-view-item {
	border-radius: 3px;
}
.box-view-item .box-img {
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}
.box-view-item .box-title .title-block {
	z-index: 2;
}
.box-view-item .content a {
	font-size: 14px;
	color: var(--heading-color);
	border-radius: 30px;
	padding: 8px 20px;
	letter-spacing: 2px;
}
.box-view-item .content .content-btn span {
	font-size: 14px;
	color: var(--heading-color);
	letter-spacing: 2px;
}

.features .feature-item {
	display: inline-block;
	width: 24%;
	border-radius: 3px;
	margin-bottom: 4px;
}
@media only screen and (max-width: 767px) {
	.features .feature-item {
		width: 32%;
	}
	.features .feature-item:nth-of-type(n + 4) {
		margin-top: 30px;
	}
}
@media only screen and (max-width: 575px) {
	.features .feature-item {
		width: 49%;
	}
	.features .feature-item:nth-of-type(n + 3) {
		margin-top: 30px;
	}
}
.features .feature-item .box-icon {
	margin: auto;
}
.features .feature-item .box-icon svg {
	width: 40px;
	fill: var(--theme-color);
}
.features .feature-item h5 {
	color: var(--font-color);
	font-weight: 400;
}

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

.box-view-item .box-img {
	overflow: hidden;
	border-radius: 3px;
}
.box-view-item .box-img a img {
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	width: 100%;
}
.box-view-item .box-title .background-theme {
	font-size: 14px;
	font-weight: 400;
	border-radius: 5px;
	color: #fff;
}

.view-pages .box-view-item .box-img {
	position: relative;
	min-height: auto;
	height: auto !important;
}
.view-pages .box-view-item .box-img a {
	position: relative;
	width: 100%;
	height: 100%;
}
.view-pages .box-view-item img {
	box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
}

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

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

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

.view-p .scrollbar-track {
	right: auto;
	left: 0;
}

@media only screen and (min-width: 992px) {
	.wrapper > *:first-child.dsn-under-header {
		position: relative;
		margin-top: -80px;
		z-index: 2;
	}
}
@media only screen and (min-width: 992px) and (min-width: 992px) {
	.wrapper > *:first-child.dsn-under-header.dsn-under-50 {
		margin-top: -50px;
	}
}
@media only screen and (min-width: 992px) {
	.wrapper > *:first-child.dsn-under-header .section-title {
		display: none;
	}
}

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

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

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

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

@media only screen and (min-width: 992px) {
	body.dsn-effect-scroll:not(.dsn-mobile) {
		overflow: hidden;
	}
	body.dsn-effect-scroll:not(.dsn-mobile) #dsn-scrollbar {
		position: fixed;
		right: 0;
		left: 0;
		bottom: 0;
		top: 0;
	}
	body.dsn-effect-scroll:not(.dsn-mobile) .scrollbar-track {
		background: none;
		width: 4px;
		mix-blend-mode: exclusion;
		z-index: 12;
	}
	body.dsn-effect-scroll:not(.dsn-mobile) .scrollbar-track .scrollbar-thumb {
		background: #fff;
		width: var(--smooth-width);
	}
}
body.dsn-effect-scroll:not(.dsn-mobile).dsn-scroll-active {
	overflow: hidden;
}
body.dsn-effect-scroll:not(.dsn-mobile).dsn-scroll-active #dsn-scrollbar {
	position: fixed;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
}
body.dsn-effect-scroll:not(.dsn-mobile).dsn-scroll-active .scrollbar-track {
	background: none;
	width: 4px;
	mix-blend-mode: exclusion;
	z-index: 12;
}
body.dsn-effect-scroll:not(.dsn-mobile).dsn-scroll-active
	.scrollbar-track
	.scrollbar-thumb {
	background: #fff;
	width: var(--smooth-width);
}

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

.project-number {
	top: 30px;
	padding-top: 40px;
}
@media only screen and (min-width: 992px) {
	body .project-number {
		padding-top: 0;
	}
}
.project-number h6 {
	margin-left: 15px;
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 2.5px;
}
.project-number span {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	font-family: var(--heading-font);
	color: var(--heading-color);
}
.project-number span.curent {
	padding-left: 80px;
}
@media only screen and (max-width: 575px) {
	.project-number span.curent {
		padding-left: 30px;
	}
}
.project-number span.curent::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -1px;
	width: 60px;
	height: 1px;
	background-color: var(--heading-color);
}
@media only screen and (max-width: 575px) {
	.project-number span.curent::before {
		width: 20px;
	}
}
.project-number span.full {
	margin-right: 20px;
}
@media only screen and (max-width: 575px) {
	.project-number span.full {
		margin-right: 15px;
	}
}

/**
    page Personal
 */
@media only screen and (max-width: 991px) {
	.header-personal .w-50 {
		width: 100%;
	}
}
.header-personal .title,
.header-personal .sm-title-block {
	margin-right: -120px;
}
@media only screen and (max-width: 991px) {
	.header-personal .title,
	.header-personal .sm-title-block {
		margin-right: 0;
	}
}
.header-personal .dsn-button::before {
	content: '';
	position: absolute;
	width: 50px;
	height: 2px;
	right: -50px;
	top: 50%;
	background-color: var(--theme-color);
}
@media only screen and (max-width: 991px) {
	.header-personal .dsn-button::before {
		display: none;
	}
}

@media only screen and (max-width: 991px) {
	.header-pages .justify-content-end {
		justify-content: flex-start;
	}
}
@media only screen and (max-width: 767px) {
	.header-pages.header-pages-mobile {
		height: auto;
		padding-top: var(--margin-padding);
		padding-bottom: var(--margin-padding);
	}
}

/**
    border in normal page like contact & about
 */
.border-header {
	position: relative;
	width: 130px;
	margin: 80px auto 0 auto;
}
.border-header *,
.border-header path {
	fill: none;
	stroke: var(--heading-color);
}
.border-header path {
	stroke-dashoffset: 0;
}

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

-------------------------------------------------------- */
header .box-content {
	position: relative;
	z-index: 1;
	display: flex;
	width: 100%;
	height: 100%;
}

/*--------------------------------------------------------------
## pages
--------------------------------------------------------------*/
/* -------------------------------------------------------
                   09 - Slider
-------------------------------------------------------- */
.title {
    position: relative;
    color: var(--heading-color);
    font-size: 47px;
    letter-spacing: 2px;
}
.main-slider {
	position: relative;
	height: 100vh;
	overflow: hidden;
}
.main-slider:not(.full-width) {
	width: 100%;
}
.main-slider .v-dark,
.main-slider .v-light {
	background: transparent;
}
.main-slider .dsn-webgl.slide-inner:before {
	transition: opacity 1s;
}
.main-slider.demo-2 .dsn-slider-content .slider-current-index {
	margin-right: -50px;
}
.main-slider .dsn-slider-content {
	top: 0;
	z-index: 4;
	pointer-events: none;
}
.main-slider .dsn-slider-content .slider-current-index {
	position: absolute;
	font-size: 20vw;
	opacity: 0.35;
	color: var(--border-color);
	font-family: var(--heading-font);
	font-weight: bold;
	transform: scale3d(1.1, 1.8, 1.5);
	display: none;
}
@media only screen and (max-width: 767px) {
	.main-slider .dsn-slider-content .dsn-container {
		align-items: center;
	}
}
.main-slider .dsn-slider-content .slide-content {
	/* padding-bottom: 120px; */
	padding-top: 120px;
}
.main-slider .dsn-slider-content .slide-content:before {
	display: none;
}
.main-slider .dsn-slider-content .slide-content.dsn-active {
	z-index: 3;
}
.main-slider .dsn-slider-content .slide-content.dsn-active .title,
.main-slider .dsn-slider-content .slide-content.dsn-active .metas,
.main-slider .dsn-slider-content .slide-content.dsn-active .link-custom,
.link-custom-me {
	pointer-events: auto;
}
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .title,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .metas,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .link-custom,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .description,
.link-custom-me {
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transform-origin: right bottom;
}
.main-slider
	.dsn-slider-content
	.slide-content:not(.dsn-active)
	.bg-mod-exclusion,
.main-slider .dsn-slider-content .slide-content:not(.dsn-active) .icon-circle {
	width: 0;
}
.main-slider .dsn-slider-content .slide-content .metas,
.main-slider .dsn-slider-content .slide-content .description {
	transition-property: opacity, visibility, transform, box-shadow;
	transition-duration: 0.5s;
	transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.main-slider .dsn-slider-content .slide-content .bg-mod-exclusion {
	transition: width 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.main-slider .dsn-slider-content .slide-content .link-custom {
	transition: opacity 0.5s, visibility 0.5s;
}
.main-slider .dsn-slider-content .dsn-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}
.main-slider .description {
	color: var(--font-color);
	letter-spacing: 1px;
}
.main-slider .control-nav {
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 3;
	flex-wrap: wrap;
	background: transparent;
}
.main-slider:not(.has-horizontal):not(.controller-bottom)
	.control-nav
	.prev-container,
.main-slider:not(.has-horizontal):not(.controller-bottom)
	.control-nav
	.next-container,
.main-slider.controller-left .control-nav .prev-container,
.main-slider.controller-left .control-nav .next-container {
	position: absolute;
	left: 7px;
	transform: rotate(-90deg);
}
.main-slider:not(.has-horizontal):not(.controller-bottom)
	.control-nav
	.next-container,
.main-slider.controller-left .control-nav .next-container {
	bottom: 15px;
}
.main-slider:not(.has-horizontal):not(.controller-bottom)
	.control-nav
	.prev-container,
.main-slider.controller-left .control-nav .prev-container {
	bottom: 100px;
}
.main-slider:not(.has-horizontal):not(.controller-bottom)
	.control-nav
	.slider-counter,
.main-slider.controller-left .control-nav .slider-counter {
	margin: 0;
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center
	.control-nav,
.main-slider.controller-left.nav-center .control-nav {
	height: 100%;
	align-items: flex-end;
	pointer-events: none;
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center
	.control-nav
	*,
.main-slider.controller-left.nav-center .control-nav * {
	pointer-events: auto;
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center
	.control-nav
	.prev-container,
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center
	.control-nav
	.next-container,
.main-slider.controller-left.nav-center .control-nav .prev-container,
.main-slider.controller-left.nav-center .control-nav .next-container {
	transform: rotate(-90deg);
	left: 20px;
}
@media only screen and (min-width: 992px) {
	body
		.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center
		.control-nav
		.prev-container,
	body
		.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center
		.control-nav
		.next-container,
	body .main-slider.controller-left.nav-center .control-nav .prev-container,
	body .main-slider.controller-left.nav-center .control-nav .next-container {
		left: calc(0px - ((var(--body-style-space) / 2) + 25px + 20px));
	}
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center
	.control-nav
	.next-container,
.main-slider.controller-left.nav-center .control-nav .next-container {
	bottom: calc(50% - 100px);
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center
	.control-nav
	.prev-container,
.main-slider.controller-left.nav-center .control-nav .prev-container {
	bottom: calc(50% - 15px);
}
.main-slider:not(.has-horizontal):not(.controller-bottom).nav-center
	.control-nav
	.slider-counter,
.main-slider.controller-left.nav-center .control-nav .slider-counter {
	margin: 0;
}
@media only screen and (min-width: 992px) {
	body
		.main-slider:not(.has-horizontal):not(.controller-bottom).full-width
		.control-nav
		.prev-container,
	body
		.main-slider:not(.has-horizontal):not(.controller-bottom).full-width
		.control-nav
		.next-container,
	body .main-slider.controller-left.full-width .control-nav .prev-container,
	body .main-slider.controller-left.full-width .control-nav .next-container {
		left: 0;
	}
}
.main-slider .dsn-pagination {
	height: auto;
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 767px) {
	.main-slider .dsn-pagination {
		width: auto;
	}
}
@media only screen and (max-width: 575px) {
	.main-slider .dsn-pagination {
		display: none;
	}
}
.main-slider .dsn-pagination .swiper-pagination-control {
	position: relative;
	width: 250px;
	height: 3px;
	background: var(--border-color);
	margin-left: 15px;
	margin-right: 15px;
}
.main-slider
	.dsn-pagination
	.swiper-pagination-control
	.swiper-pagination-progressbar-fill {
	background: var(--reverse-color);
}
.main-slider
	.swiper-pagination-progressbar
	.swiper-pagination-progressbar-fill {
	transform-origin: right;
}

@media only screen and (min-width: 992px) {
	.main-slider.demo-2.dsn-webgl .bg-container {
		width: 50%;
		right: 0;
	}
	.main-slider.demo-2.dsn-webgl .dsn-slider-content .dsn-container {
		width: 50%;
		right: 50%;
	}
	.main-slider.demo-2.dsn-webgl .dsn-slider-content .dsn-container .title {
		margin-right: 0;
	}
	.main-slider.demo-2:not(.dsn-webgl) .bg-container {
		width: calc(50% - var(--s-box-right-social));
		right: var(--s-box-right-social);
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.main-slider.demo-2:not(.dsn-webgl) .dsn-slider-content .dsn-container {
		width: 50%;
		right: 50%;
	}
	.main-slider.demo-2 .bg-container {
		overflow: hidden;
		margin-right: 0;
	}
	.main-slider.demo-2 .dsn-slider-content {
		z-index: 100;
	}
	.main-slider.demo-2 .dsn-slider-content .slider-current-index {
		margin-right: -80px;
	}
	.main-slider.demo-2 .dsn-slider-content .dsn-container {
		padding-right: 50px;
		overflow: inherit;
	}
	.main-slider.demo-2 .dsn-slider-content .dsn-container .title {
		margin-right: -130px;
	}
}
@media only screen and (min-width: 992px) {
	.main-slider.demo-2:not(.has-horizontal) .bg-container {
		padding-bottom: 0;
	}
}

@media only screen and (min-width: 992px) {
	.main-slider.demo-1 .bg-container {
		width: 80%;
		margin-right: auto;
		margin-left: 0;
	}
}

.dsn-webgl {
	position: relative;
}

.main-slider:not(.has-horizontal) .control-nav {
	top: 0;
	width: auto;
	padding: 0;
}
.main-slider:not(.has-horizontal) .dsn-pagination {
	width: auto;
	position: absolute;
	left: 25px;
	flex-direction: column;
}
.main-slider:not(.has-horizontal) .swiper-pagination-control {
	width: 3px;
	height: 250px;
}
.main-slider:not(.has-horizontal)
	.swiper-pagination-progressbar
	.swiper-pagination-progressbar-fill {
	transform-origin: top;
}

/* -------------------------------------------------------
                   portfolio
-------------------------------------------------------- */
.filtering {
	position: relative;
}
@media only screen and (max-width: 767px) {
	.filtering {
		flex-direction: column;
	}
	.filtering .title-block {
		margin-bottom: 30px;
	}
}
.filtering .filtering-wrap {
	position: relative;
	border-bottom: 2px solid var(--border-color);
}
.filtering .filtering-wrap .filtering {
	margin-bottom: -2px;
}
.filtering .filtering-wrap .filtering button {
	color: var(--heading-color);
	padding-bottom: 10px;
	font-size: 14px;
	display: inline-block;
	cursor: pointer;
	transition: all 100ms ease-in-out;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	border-bottom: solid 2px transparent;
}
.filtering .filtering-wrap .filtering button:not(:last-of-type) {
	margin-left: 15px;
}
.filtering .filtering-wrap .filtering button.active {
	letter-spacing: 2px;
	border-bottom: solid 2px var(--theme-color);
}

.projects-list .work-item:last-of-type {
	border: 0;
	padding-bottom: 0;
}
.projects-list .work-item .work-item-inner .title-meta {
	position: relative;
}
.projects-list .work-item .work-item-inner .title-meta .text {
	display: inline-block;
	padding: 5px 25px;
	line-height: 1.1;
	margin-bottom: 25px;
}
.projects-list .work-item .work-item-inner .title-meta .text a {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.projects-list .work-item .work-item-inner .title-meta .metas {
	margin-bottom: 10px;
	padding-right: 25px;
}
.projects-list .work-item .box-img a {
	width: 100%;
	height: 100%;
}
.projects-list.work-gallery {
	flex-wrap: wrap;
}
.projects-list.work-gallery .work-item .img-next-box {
	transition: transform 1s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media only screen and (min-width: 992px) {
	.projects-list.work-gallery .work-item .img-next-box {
		height: 16.85vw;
	}
}
.projects-list.work-gallery .work-item .box-content .metas {
	margin-bottom: 0;
}
.projects-list.work-gallery .work-item .box-content .metas,
.projects-list.work-gallery .work-item .box-content .view-project {
	margin-top: 10px;
	transform: translateY(0);
	transition: transform cubic-bezier(0.4, 0, 0.2, 1) 0.3s,
		opacity cubic-bezier(0.4, 0, 0.2, 1) 0.3s;
}
.projects-list.work-gallery .work-item .box-content .view-project {
	color: var(--heading-color);
	position: absolute;
	font-size: 12px;
	font-family: var(--heading-font);
	letter-spacing: 2px;
	line-height: 1;
	text-transform: uppercase;
	opacity: 0;
}
.projects-list.work-gallery .work-item:hover .img-next-box {
	transform: scale(0.95);
}
.projects-list.work-gallery .work-item:hover .box-content .metas {
	transform: translateY(-15px);
	opacity: 0;
}
.projects-list.work-gallery .work-item:hover .box-content .view-project {
	opacity: 1;
	transform: translateY(-22px);
}

.projects-list.work-gallery .swiper-container .work-item .img-next-box {
	height: 48vh;
}
.work-item .img-next-box {
	height: 48vh;
}
.projects-list.work-masonry .work-item:nth-of-type(2) [data-dsn-grid='move-up'],
.projects-list.work-masonry .work-item:nth-of-type(2) [data-dsn-grid='moveUp'] {
	height: 18vw;
}
.projects-list.work-masonry .work-item:nth-of-type(3) [data-dsn-grid='move-up'],
.projects-list.work-masonry .work-item:nth-of-type(3) [data-dsn-grid='moveUp'] {
	height: 20vw;
}
.projects-list.work-masonry .work-item:nth-of-type(5) [data-dsn-grid='move-up'],
.projects-list.work-masonry .work-item:nth-of-type(5) [data-dsn-grid='moveUp'] {
	height: 26vw;
}
.projects-list.work-masonry .work-item:nth-of-type(6) [data-dsn-grid='move-up'],
.projects-list.work-masonry .work-item:nth-of-type(6) [data-dsn-grid='moveUp'] {
	height: 18vw;
}

.our-work.work-list .work-item-inner,
.our-work.work-list .title-meta {
	display: flex;
}
.our-work.work-list .work-item {
	width: 100%;
}
.our-work.work-list .title-meta {
	flex-direction: column;
}
@media only screen and (max-width: 991px) {
	.our-work.work-list .title-meta {
		order: 2;
	}
}
.our-work.work-list
	.projects-list
	.work-item
	.work-item-inner
	.title-meta
	a.text {
	position: relative;
	display: inline-block;
}
.our-work.work-list .border-bottom:not(:first-of-type) {
	padding-top: 50px;
}
.our-work.work-list .border-bottom:not(:last-of-type) {
	padding-bottom: 50px;
}

.our-work.work-2 .box-content {
	position: absolute;
	margin-bottom: 30px;
	z-index: 1;
	padding: 0 15px;
}
@media only screen and (max-width: 767px) {
	.our-work.work-2 .work-item .img-next-box {
		height: 70vh;
	}
}
.our-work.work-2 a {
	display: flex;
	align-items: flex-end;
}

/* -------------------------------------------------------
                   Blog
-------------------------------------------------------- */
/* -------------------------------------------------------
                  contact
-------------------------------------------------------- */
.form-box {
	position: relative;
}
.form-box .form-group {
	width: 100%;
	margin-bottom: 30px;
}
.form-box .form-group .help-block {
	color: red;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 15px;
}
.form-box .form-group li {
	list-style: none;
}

.entry-box {
	width: 100%;
}
.entry-box input,
.entry-box textarea {
	font-size: 16px;
	font-weight: 500;
	width: 100%;
	background-color: var(--assistant-color);
	border: 1px solid var(--border-color);
	padding: 10px 18px;
	color: var(--heading-color);
	margin-top: 10px;
	margin-bottom: 0;
}
.entry-box input::placeholder,
.entry-box textarea::placeholder {
	color: var(--heading-color);
	font-size: 16px;
	letter-spacing: -0.5px;
}
.entry-box input {
	height: 100%;
}

label {
	font-weight: 600;
	color: var(--heading-color);
}

.box-info-contact {
	padding-right: 30px;
}
@media only screen and (max-width: 991px) {
	.box-info-contact {
		margin-top: 20px;
		padding-right: 0;
	}
}
.box-info-contact ul li:not(:first-of-type) {
	margin-top: 30px;
}
@media only screen and (max-width: 991px) {
	.box-info-contact ul li {
		display: inline-block;
		width: 32.8%;
	}
}
@media only screen and (max-width: 767px) {
	.box-info-contact ul li {
		width: 49%;
		margin-top: 30px;
	}
}
@media only screen and (max-width: 400px) {
	.box-info-contact ul li {
		width: 100%;
	}
}
.box-info-contact ul li .text-p:not(:nth-last-child) {
	margin-bottom: 10px;
}
.box-info-contact ul li a {
	display: block;
	text-decoration: underline;
}
.box-info-contact ul li .social-item:not(:last-of-type) {
	margin-bottom: 10px;
}
.box-info-contact ul li .social-item a {
	text-decoration: none;
}

.contact-content .item:not(:last-of-type) {
	margin-bottom: 20px;
}

.single-contact .box-info .info-item:not(:last-of-type) {
	margin-bottom: 30px;
}
.single-contact .box-info .info-item .icon {
	color: var(--heading-color);
}
.single-contact .box-info .info-item a {
	letter-spacing: 2px;
	border-bottom: 1px solid var(--border-color);
}
.single-contact .form-box {
	padding: 0;
}
.single-contact .entry-box input,
.single-contact .entry-box textarea {
	margin-top: 0;
	padding: 10px;
	border: 1px solid var(--border-color);
}
.single-contact .entry-box input::placeholder,
.single-contact .entry-box textarea::placeholder {
	text-transform: uppercase;
	letter-spacing: 2px;
}

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

/**
  Contact Button
 */

/**/
.contact-btn {
	position: fixed;
	left: 20px;
	top: 35px;
	width: 12px;
	height: 12px;
	z-index: 12;
	mix-blend-mode: exclusion;
	color: #fff;
}
.contact-btn:before,
.contact-btn .contact-btn-txt {
	position: absolute;
}
.contact-btn:before {
	content: '';
	left: 2px;
	top: 2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	border: 2px solid #fff;
	transition: opacity 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.65s,
		transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.65s;
}
.contact-btn .contact-btn-txt {
	left: 0;
	top: -1px;
	height: 13px;
	padding-left: 20px;
	font-size: 16px;
	letter-spacing: 5px;
	text-transform: uppercase;
	white-space: nowrap;
	transform-origin: calc(100% - (100% - 6px)) 50%;
	transform: rotate(90deg);
	cursor: pointer;
	transition: opacity 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.3s,
		transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}

.contact-modal {
	position: fixed;
	width: calc(100% - var(--s-box-full));
	height: 100%;
	left: 0;
	top: 0;
	bottom: 0;
	padding-left: 100px;
	z-index: 11;
	transform: translate3d(-120%, 0, 0);
	transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.contact-modal .contact-container {
	position: relative;
	padding-right: 60px;
	overflow: hidden;
	overflow-y: auto;
}

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

body.dsn-show-contact .contact-btn .contact-btn-txt {
	transform: rotate(0deg);
	transition-delay: 0.1s;
}
body.dsn-show-contact .contact-modal {
	transform: translate3d(0, 0, 0);
	overflow-y: auto;
}

.contact-modal::-webkit-scrollbar {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Archives
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
/* -------------------------------------------------------
                   Footer
-------------------------------------------------------- */
.footer {
	/* padding-top: 60px;
	padding-bottom: 60px; */
}
.footer .d-grid {
	grid-column-gap: 30px;
	grid-row-gap: 30px;
}
@media only screen and (max-width: 575px) {
	.footer .d-grid {
		grid-row-gap: 15px;
	}
	.footer .d-grid .footer-item {
		text-align: center;
	}
}
.footer .logo-footer {
	width: 30px;
}
@media only screen and (max-width: 767px) {
	.footer .footer-bottom {
		grid-row-gap: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.footer .footer-bottom .footer-item,
	.footer .footer-bottom .nav-footer {
		text-align: center;
	}
	.site-header .inner-header .main-logo img{
		height:80px!important;
	}
	.h-v-100{
		
		height: 50vh!important;
	
	}
	.intro-project .intro-text{
		padding-left: 0!important;
	}
	.title{
		font-size: 23px!important;
	}

}
.footer .nav-footer li:not(:last-of-type) {
	margin-left: 20px;
}
@media only screen and (max-width: 575px) {
	.footer .nav-footer li {
		margin-left: 10px;
	}
	.h-v-84-49 {
		height: 59.49vh!important;
	}
	.pl-30{
		padding-left: 0!important
	}
}

body.v-dark .logo-footer img.logo-dark {
	display: block;
}
body.v-dark .logo-footer img.logo-light {
	display: none;
}

body.v-light .logo-footer img.logo-dark {
	display: none;
}
body.v-light .logo-footer img.logo-light {
	display: block;
}

.cap {
	position: absolute;
	bottom: 30px;
	right: 0;
	background-image: linear-gradient(to left, #0e0e0e5c 0%, #1b1515 100%);
	padding: 4px 15px;
	color: #fff;
	z-index: 10;
}
.cap span {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.caption {
	transform-origin: right center;
	color: #fff;
	letter-spacing: 2px;
	font-size: 14px;
	font-weight: 600;
	position: relative;
	margin-top: 15px;
}

body.dsn-effect-scroll {
    direction: ltr;
}
.scroll-to-top-me ul li a{
	color: var(--font-color);
}
.box-contact .col-md-4 iframe{
	height:100%;
}