@charset "utf-8";
/* CSS Document */
body {
	margin: 0;
	font-family: 'KabelMediumBT' !important;
	font-size: 16px;
	font-weight: 500;
	cursor: none;
	position: relative;
}
 ol, ul,p {
	margin-top: 0;
	margin-bottom: 0px !important;
	padding: 0px;
	 list-style: none;
	margin: 0px;
	padding-left: 0px !important;
}
a{
	text-decoration: none;
	color: #fff;
}
::selection {
  color: #111;
  background: #f7941d;
}
.md_bott {
	margin-bottom: 120px;
}
.mg_30px{
	margin-bottom: 30px;
}
.owl-carousel .owl-item img {
	max-width: 100%;
	width: auto;
}
/*cursar_poniter-start*/

.wrap {
	display: inline-flex;
}

.cursor {
	z-index: 999;
}

.dot{
  top: -20px;
  left: -20px;
  position: fixed;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: #f7941d;
  z-index: 9999;
  mix-blend-mode: multiply;
  pointer-events: none;
  will-change: transform;
  transform: scale(1);
  transition: 0.2s all;
}

.wrap {
	position: relative;
}
.scroll01-pointer, .scroll02-pointer, .scroll03-pointer, .scroll04-pointer, .scroll05-pointer, .scroll06-pointer, .scroll07-pointer, .scroll08-pointer, .scroll09-pointer, .scroll10-pointer, .scroll11-pointer, .scroll12-pointer, .scroll13-pointer, .scroll14-pointer,
.scroll15-pointer, .scroll16-pointer{
  width: 25px;
  height: 25px;
  transition: 0.2s all;
  transform: scale(5);
  border-radius: 0%;
  background-color: #f7941d;
  animation: mymove 2s infinite;
  -webkit-animation: border-transform 2s linear infinite alternate forwards;
  animation: border-transform 5s linear infinite alternate forwards;
  border-radius: 100%;
}

/*
.scroll01-pointer, .scroll11-pointer{
	background-color:#fff !important;
}
*/
/*
.scroll02-pointer{
	background-color:#afa29b !important;
}
.scroll03-pointer{
	background-color:#b5957c!important;
}
.scroll04-pointer, .scroll13-pointer{
	background-color:#000 !important;
}
.scroll05-pointer{
	background-color:#fff !important;
}
.scroll06-pointer{
	background-color:#2d4654 !important;
}
.scroll07-pointer{
	background-color:#51a7c2 !important;
}
.scroll08-pointer{
	background-color:#ed9a40!important;
}
.scroll09-pointer{
	background-color:#1f3157 !important;
}
.scroll10-pointer{
	background-color:#5a8aa5 !important;
}
.scroll14-pointer{
	background-color:#ce131a !important;
}
.scroll15-pointer{
	background-color:#1b2751 !important;
}
.scroll16-pointer{
	background-color:#6294b1 !important;
}
*/

.scroll01-pointer::after, .scroll02-pointer::after, .scroll03-pointer::after, .scroll04-pointer::after, .scroll05-pointer::after, .scroll06-pointer::after, .scroll07-pointer::after, .scroll08-pointer::after, .scroll09-pointer::after, .scroll10-pointer::after, .scroll11-pointer::after, .scroll12-pointer::after, .scroll13-pointer::after, .scroll14-pointer::after, .scroll15-pointer::after, .scroll16-pointer::after {
	content: 'view';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-size: 4px;
	font-family: 'KabelMediumBT' !important;
	transition: all 0.5s ease;
	z-index: -1;
	/* animation: zoom-in-zoom-out 5s ease-out infinite; */
	margin: auto;
	text-align: center;
	line-height: 25px;
}


/*
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(2);
  }

 

  100% {
    transform: scale(2, 2);
  }

}
*/
/*
.scroll04-pointer::after, .scroll06-pointer::after, .scroll08-pointer::after, .scroll09-pointer::after, .scroll13-pointer::after, .scroll14-pointer::after, .scroll15-pointer::after, .scroll16-pointer::after{
	color: #fff;
}
*/
@-webkit-keyframes border-transform {
  0%,
  100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}
/*services_css*/

/*cursar_poniter-end*/
/*---------------------------------------------------------------------
                               Loader
-----------------------------------------------------------------------*/

.reload {
	 position: absolute;
	 font-family: 'Roboto', sans-serif;
	 top: 25px;
	 right: 25px;
	 color: #171717;
	 background-color: #f3f3f3;
	 padding: 15px 25px;
	 border-radius: 8px;
	 cursor: pointer;
}
 .loding_text .logo {
	 width: 100%;
	 height: auto;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 padding: 25px;
}
 .loding_text .logo .icon {
	 width: 50%;
	 max-width: 300px;
}
 .loding_text .logo .icon path {
	 color: #f3f3f3;
	 stroke-width: 3px;
	 stroke-dashoffset: -3000;
	 stroke-dasharray: 3000;
}
 .loding_text .logo .icon path.is-active {
	 animation-name: icon;
	 animation-duration: 4s;
	 animation-iteration-count: 1;
	 animation-fill-mode: forwards;
}
.loding_text .logo .text {
	max-width: 900px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto !important;
	top: 0;
	bottom: 0;
	width: 573px;
}
 .loding_text .logo .text text {
	 color: #f3f3f3;
	 stroke-width: 1px;
	 stroke-dashoffset: -800;
	 stroke-dasharray: 800;
}
 .loding_text .logo .text text.is-active {
	 animation-name: text;
	 animation-duration: 4s;
	 animation-iteration-count: 1;
	 animation-fill-mode: forwards;
}
 @keyframes icon {
	 50% {
		 stroke-dashoffset: 0;
		 fill: transparent;
	}
	 75% {
		 fill: transparent;
		 stroke-width: 3px;
	}
	 100% {
		 stroke-dashoffset: 0;
		 fill: #f3f3f3;
		 stroke-width: 0px;
	}
}
 @keyframes text {
	 50% {
		 fill: transparent;
	}
	 75% {
		 fill: transparent;
		 stroke-dashoffset: 0;
		 stroke-width: 1px;
	}
	 100% {
		 stroke-dashoffset: 0;
		 fill: #f3f3f3;
		 stroke-width: 0px;
	}
}

#loading { 
	width: 100%; 
	height: 100%; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: center; 
	position: fixed; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0; 
	background: #0e0f0f; 
	z-index: 9999; 
}
.loading-text ul { 
	margin: 0 auto; 
	padding: 0; 
	text-align: center; 
	width: 100%; 
	-webkit-animation: fade-in 1.2s ease-in-out both; 
	animation: fade-in 1.2s ease-in-out both; 

}
.loading-text ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #f7941d;
	font-size: 20px;
	letter-spacing: 2px;
	margin-top: 125px;
	
}

/*Preload Css Start*/
.preload {
	width: 100%;
	height: 100vh;
	background-color: #0c0c0c;
	top: 0;
	left: 0;
	position: fixed;
	z-index: 9999999;
}
.preload img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}
/*Preload Css End*/

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
@-webkit-keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}


/*===========================================
               TITLE_START
==============================================*/
.main_title_text span {
	padding-right: 102px;
}
.title_slider .item {
	position: relative;
}
.title_img02 {
	width: 50px !important;
	height: 69px;
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: 4%;
	right: 0;
	margin: auto;
}
.title_img01 {
	width: 105px !important;
	height: 73px;
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: -10%;
	right: 0;
	margin: auto;
}
.title_img {
	height: 65px;
	width: 90px !important;
	display: inline-block !important;
	position: absolute;
	top: 0;
	left: 22%;
	right: 0;
	margin: auto;
}
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}


/*==============================================
              END_TITLE
=================================================*/
/*==============================================
	banner_title_start
==================================================*/
.offiec_img{
	display: none;
	
}
.hello_there {
	font-size: 16px;
	color: #666666;
	font-family: 'KabelMediumBT' !important;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 23px;
}
/*-----------------------------line--------------------*/

.but_lear a, .main_title a {
	position: relative;
	text-decoration: none;
}
.but_lear a:hover::after, .main_title a:hover::after{
   transform: scaleX(1);
   transition: transform .5s .22s;
}

.but_lear a::after, .main_title a::after{
	transform: scaleX(0);
	transform-origin: 0 50%;
}
.but_lear a::after, .main_title a::after{
	border-top: 4px solid #f7941d;
	content: "";
	height: 0;
	left: 12px;
	position: absolute;
	top: calc(100% - 3px);
	width: 100%;
}
.but_lear a:active::after, .main_title a:active::after{
	border-top: 4px solid #0c0c0c;
}
.but_lear a::before, .main_title a::before {
	border-top: 4px solid #f7941d;
	content: "";
	height: 0;
	left: 12px;
	position: absolute;
	top: calc(100% - 3px);
	width: 100%;
}
.but_lear a::before, .main_title a::before{
	transform-origin: 100% 50%;
}
.but_lear a:hover::before, .main_title a:hover::before{
	transform: scaleX(0);
	transition: transform .5s;
}
/*-----------------------------line--------------------*/


/*==============================================
	banner_title_start
==================================================*/


/*---------------------------------------------------------------------
                        Mouse cursor
-----------------------------------------------------------------------*/
.theBall, .theBall-outer { 
	width: 20px; 
	height: 20px; 
}
.theBall-outer { 
	position: fixed; 
	top: -20px; 
	left: -20px; 
	z-index: 9999999999999999999; 
	pointer-events: none !important; 
}
.theBall { 
	position: absolute; 
	background-color: rgba(247, 148, 29, 0.8); 
	border-radius: 50%; 
	-webkit-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); 
	-moz-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); 
	-ms-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); 
	-o-transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); 
	transition: transform .2s cubic-bezier(.175, .885, .32, 1.275); 
	transform-origin: center center; 
}
.zooming.theBall{ 
	background-color: #f7941d; 
	-webkit-transform: scale(2); 
	-moz-transform: scale(2); 
	-ms-transform: scale(2); 
	-o-transform: scale(2); 
	transform: scale(2); 
}
.theBall.zooming.zoomout{ 
	background-color: #f7941d; 
	-webkit-transform: scale(0); 
	-moz-transform: scale(0); 
	-ms-transform: scale(0); 
	-o-transform: scale(0); 
	transform: scale(0); 
}

/*---------------------------------------------------------------------
                        Mouse Effect
-----------------------------------------------------------------------*/



.slider_container {
	height: 144px;
	overflow: hidden;
	text-align: center;
	
}
 .slider_container ul.v-slides {
	 list-style-type: none;
	 padding: 0;
	 margin: 0;
	 transform: translateY(-200%);
     animation: change 11s infinite;
    
}
@keyframes change {
  0% {
    transform: translateY(-200%);
  }
  3% {
    transform: translateY(-80%);
  }
  6% {
    transform: translateY(-105%);
  }
  9% {
    transform: translateY(-91%);
  }
  12% {
    transform: translateY(-99%);
  }
  15%, 30% {
    transform: translateY(-95%);
  }
  37% {
    transform: translateY(-15%);
  }
  40% {
    transform: translateY(-40%);
  }
  43% {
    transform: translateY(-26%);
  }
  46% {
    transform: translateY(-34%);
  }
  49%, 64% {
    transform: translateY(-30%);
  }
  99% {
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    opacity: 0;
  }
}
.v-slide {
	font-size: 48px;
	color: #161617;
	letter-spacing: 1px;
	width: 69%;
	margin: auto;
	line-height: 76px;
	
}
/*---------------------------------------------------
					Hello There
---------------------------------------------------------*/
/*new css*/

h1 {
  color: #333;
  font-family: tahoma;
  font-size: 3rem;
  font-weight: 100;
  line-height: 1.5;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width:100%;
}

h1 span {
  font-size: 40px;
  margin-left: 40px;
}

.message {
  background-color: #fff;
  color: #333;
  display: block;
  font-weight: 900;
  overflow: hidden;
  position: absolute;
  padding-left: 0.5rem;
  top: 0.2rem;
  left: 0px;
  animation: openclose 5s ease-in-out infinite;
}

.word1, .word2, .word3 {
  font-family: tahoma;
}

@keyframes openclose {
  0% {
    top: 0.2rem;
    width: 0;
  }
  5% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  30% {
    top: 0.2rem;
    width: 100%;
  }
  33% {
    top: 0.2rem;
    width: 0;
  }
  35% {
    top: 0.2rem;
    width: 0;
  }
  38% {
    top: -4.5rem;
    
  }
  48% {
    top: -4.5rem;
    width: 100%;
  }
  62% {
    top: -4.5rem;
    width: 100%;
  }
  66% {
    top: -4.5rem;
    width: 0;
    text-indent: 0;
  }
  71% {
    top: -9rem;
    width: 0;
    text-indent: 5px;
  }
  86% {
    top: -9rem;
    width: 100%;
  }
  95% {
    top: -9rem;
    width: 100%;
  }
  98% {
    top: -9rem;
    width: 0;
    text-indent: 5px;
  }
  100% {
    top: 0;
    width: 0;
    text-indent: 0;
  }
}
/*new css*/
.hello_sec {
	margin: 145px 0px;
	margin-bottom: 100px;
}
.hello_sec .main_title_text{
	color: #000;
	text-align: center;
	font-size: 48px;
	font-weight: 500;
	line-height: 63px;
	letter-spacing: 1px;
	width: 100%;
	margin: auto;
	
}
.hello_text_box {
	margin-top: 50px;
}
.hello_sec .typing{
	color: #111;
}
.owl-carousel {
	display: block;
}
.text_box {
	width: 90%;
	text-align: center;
	margin: 0 auto;
	position: relative;
	margin-bottom: 50px;
}
.introtext_main {
	padding-right: 25px;
	
}
.hello_title_section {
	background: #fff;
	z-index: 1;
	position: relative;
	text-align: center;
	border-radius: 10px;
	padding: 50px 80px;
}
.introtext_word {
	 
	font-size: 48px;
	color: #000;
	font-family: 'KabelMediumBT' !important;
	line-height: 62px;
	letter-spacing: 1px;
	font-weight: 500;
}

/*
.introtext_word {
  animation: slideLeft 1.5s forwards;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
*/
/*
@keyframes slideLeft {
  from {
    opacity: 0;
    transform: translateX(200px);
  } 
  to {
    opacity: 1;
    transform: translateX(0%);
  }
}
*/
.teblet_img {
	position: absolute;
	top: 0;
	right: 0;
	left: 26%;
	width: 90px;
	height: 65px;
	margin: auto;
}

.pc_img {
	position: absolute;
	top: 0;
	right: 13%;
	left: 0;
	margin: auto;
	width: 105px;
	height: 64px;
}
.border_line {
	position: relative;
}
.border_line::after {
	position: absolute;
	content: '';
	background: #f7941d;
	width: 18px;
	height: 2px;
	top: 10px;
	left: 0;
	right: 0;
	margin: auto;
}
.moblie_img .border_line::after {
	position: absolute;
	content: '';
	background: #f7941d;
	width: 18px;
	height: 2px;
	top: -11px;
	left: 0;
	right: 0;
	margin: auto;
}
.teblet_img .border_line::after {
	position: absolute;
	content: '';
	background: #f7941d;
	width: 2px;
	height: 18px;
	left: unset;
	right: 11px;
	margin: auto;
	top: -40px;
}
.moblie_img {
	position: absolute;
	top: 0;
	left: 5%;
	right: 0;
	height: 69px;
	width: 50px;
	margin: auto;
}

.hello_text p {
	font-size: 16px;
	text-align: justify;
	font-family: 'KabelMediumBT' !important;
	font-weight: 500;
	color: #666;
	letter-spacing: 0.30px;
	line-height: 30px;
}

.hello_fist p {
	font-size: 20px;
	padding-right: 13%;
	text-align: left;
	line-height: 38px;
}
.but_lear {
	text-align: left;
	padding-top: 63px;
}

.but_lear a {
	text-align: left;
	font-family: 'KabelITCbyBT-Medium';
	font-size: 32px;
	color: #000;
	text-decoration: none;
	font-weight: 500;
	letter-spacing: 0.50px;
	position: relative;
	padding-bottom: 6px;
}

/*-----------------------------line--------------------*/

.but_lear a{
	position: relative;
	text-decoration: none;
}
.but_lear a:hover::after{
   transform: scaleX(1);
   transition: transform .5s .22s;
}

.but_lear a::after{
	transform: scaleX(0);
	transform-origin: 0 50%;
}
.but_lear a::after{
	border-top: 2px solid #f7941d;
	content: "";
	height: 0;
	left: 0px;
	position: absolute;
	top: calc(100% - 3px);
	width: 100%;
}
.but_lear a:active::after{
	border-top: 4px solid #0c0c0c;
}
.but_lear a::before{
	border-top: 2px solid #f7941d;
	content: "";
	height: 0;
	left: 0px;
	position: absolute;
	top: calc(100% - 3px);
	width: 100%;
}
.but_lear a::before{
	transform-origin: 100% 50%;
}
.but_lear a:hover::before{
	transform: scaleX(0);
	transition: transform .5s;
}
/*-----------------------------line--------------------*/
/*=====================img======*/
.hello_text{
	position: relative;
}
.hello_text span img {
	position: absolute;
	inset: 0px;
	box-sizing: border-box;
	padding: 0px;
	border: medium none;
	margin: auto;
	display: block;
	width: 0px;
	height: 0px;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	object-fit: cover;
	transform: scale(0);
	transition: all 0.5s ease;
}
.hello_text:hover img {
	transform: scale(1);
}
/*---------------------------------------------------
					Hello There
---------------------------------------------------------*/

/*------------------------------------------------------------
		design_01_start
-------------------------------------------------------------*/

.design {
	position: relative;
}
.service_01 {
	font-family: 'KabelMediumBT' !important;
	font-size: 52px;
	font-weight: 500;
	color: #fff;
	line-height: 62px;
	letter-spacing: 0.50px;
}

.service_01 span {
	display: block;
	color: #828282;
	font-size: 32px;
 }
.design_text p {
	font-size: 24px;
	color: #dddddd;
	letter-spacing: 1px;
	line-height: 38px;
	padding-right: 20px;
	font-weight: 500;
	margin-bottom: 62px;
	margin-top: 75px;
}
.design_btn a {
	font-size: 16px;
	color: #ddd;
	letter-spacing: 2px;
	line-height: normal;
	text-decoration: none;
	font-weight: 500;
	text-transform: uppercase;
}
.design_btn a {
	font-size: 16px;
	color: #ddd;
	letter-spacing: 2px;
	line-height: normal;
	text-decoration: none;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 35px;
	transition: all 0.5s ease;
	padding: 12px 2px;
}
.design_btn a:hover {
	color: #000;
}
.design_btn:hover a{
	color:#000;
} 
/*------------------------------------------------------------
		design_01_start
-------------------------------------------------------------*/
/*===========button==========*/

.design_btn {
	display: inline-block;
	margin: 50px 0px;
	overflow: hidden;
	position: relative;
	padding: 12px 24px;
	border-radius: 30px;
	cursor: pointer;
	border: none;
	transition: all 0.5s ease-in-out;
	z-index: 1;
	color: #ddd;
/*	box-shadow: inset 0px 0px 1px #ddd;*/
	border: 1px solid #ddd;
}
.design_btn::before {
	content: '';
	display: inline-block;
	transform: translateY(50%);
	left: 0;
	position: absolute;
	width: 180px;
	height: 180px;
	border-radius: 50%;
	background-color: #f7941d;
	z-index: -1;
	transition: transform ease 1s;
	border: none;
/*	box-shadow: rgb(28, 28, 30) 0px 0px 0px 3px, rgb(15, 15, 15) 0px 0px 0px 6px, rgb(255, 255, 255) 0px 0px 0px 9px, rgb(247, 148, 29) 0px 0px 0px 12px, rgb(247, 148, 29) 0px 0px 0px 15px;*/
}
.design_btn:hover {
    color: white;
    transition: color 0.1s ease;
    transition-delay: 0.2s;
	border: 1px solid transparent !important;
}
.design_btn:hover:before {
    transform: translateY(-45%);

}


/*====================dezign_brain_wraper==================*/
.stra_01{
	margin-bottom: 0px !important;
}
.dezign_title {
	font-size: 34px;
	color: #fff;
	font-weight: 500;
	line-height: 48px;
	letter-spacing: 1px;
	padding-bottom: 30px;
}
.dezign_brain_wraper p {
	font-weight: 500;
	color: #bbbbbb;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.30px;
	padding-right: 21%;
}


.dezign_brain_wraper{
	position: relative;
}
.dezign_brain_wraper span img {
	position: absolute;
	inset: 0px;
	box-sizing: border-box;
	padding: 0px;
	border: medium none;
	margin: auto;
	display: block;
	width: 0px;
	height: 0px;
	min-width: 100%;
	max-width: 100%;
	min-height: 100%;
	max-height: 100%;
	object-fit: cover;
	transform: scale(0);
	/* opacity: 0; */
	transition: all 0.5s ease;
	margin-right: 10px;
	padding-right: 50px;
}
.dezign_brain_wraper:hover img {
	transform: scale(1);
/*	opacity: 1;*/
}
.dezign_brain_wraper {
	position: relative;
	min-height: 300px;
	box-sizing: border-box;
	margin-bottom: 50px;
}


/*====================dezign_brain_wraper==================*/

.sticky-nav-tab {
	padding: 20px 0;
	display: block;
	text-align: left;
	opacity: 0.2;
}
.sticky-nav-tabs-container.sticky-nav-tabs-container--top-secondb .sticky-nav-tab{
	opacity: 1;
}
.revi_name {
	font-size: 17px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.30px;
	text-decoration: none;
	color: #fff;
	margin-top: 20px;
	text-align: center;
}
.revi_img {
	position: relative;
	height: 60px;
	width: 60px;
	line-height: 60px;
	text-align: center;
	margin: 0 auto;
	/* margin-left: 102px; */
}
.revi_img::after {
	position: absolute;
	top: 0px;
	left: 0px;
	right: unset;
	bottom: 0px;
	margin: auto;
	width: 60px;
	height: 60px;
	content: "";
	border: 3px solid #f7941d;
	transition: all .3s;
	border-radius: 50%;
	box-sizing: border-box;
	opacity: 0;
}
.sticky-nav-tab:hover .revi_img::after {
	opacity: 1;
}
.sticky-nav-tab.active:active .revi_img::after {
	opacity: 1;
}
.sticky-nav-tab.active .revi_img::after{
  opacity:1;
}
.sticky-nav-tab.active:hover .revi_img::after {
	opacity: 1;
}
.star {
	display: inline-block;
	padding-right: 30px;
	border-right: 1px solid #333;
}
.icon_star span {
	color: #dddddd;
	font-size: 32px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 30px;
	padding-left: 30px;
}
.revi_text p {
	font-size: 34px;
	color: #ddd;
	line-height: 45px;
	letter-spacing: 0.50px;
	font-weight: 500;
}
.icon_star {
	margin-bottom: 30px;
	display: flex;
	text-align: center;
}
.spa-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 2em;
  height: 75px;
  z-index: 2;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.spa-header--scrolled {
/*
  background: #fafafa;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
*/
}

.spa-header--move-up {
  -webkit-transform: translateY(-75px);
  transform: translateY(-75px);
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.spa-header__logo { color: #000; }

.spa-header__link {
  margin-left: 1em;
/*  color: #000;*/
}
.reviews {
	position: relative;
	margin-top: 80px;
	margin-bottom: 100px;
}
.sticky-nav-tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: sticky;
	top: 200px;
}

.spa-slide {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	/* height: calc(120vh + 50px); */
	position: relative;
	/* background: #eee; */
	text-align: left;
	padding: 0px 1em;
	/* display: -webkit-box; */
	/* display: -webkit-flex; */
	/* display: -ms-flexbox; */
	display: flex;
	/* -webkit-box-align: center; */
	-webkit-align-items: center;
	/* -ms-flex-align: center; */
	/* align-items: center; */
	height: 100vh;
}


.sticky-nav-tabs-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	position: sticky;
	top: 0%;
	height: auto;
	/* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */
	/* background: #fafafa; */
	z-index: 1;
	-webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
	transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}

.sticky-nav-tabs-container--top-first, .sticky-nav-tabs-container--top-second{
  position: sticky;
  top: 0%;
  -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}


.sticky-nav-tab {
	/* display: -webkit-box; */
	/* display: -ms-flexbox; */
	display: block;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #000;
	letter-spacing: 0.1rem;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-size: 0.8rem;
	/* opacity: 0.5; */
	text-decoration: none;
}
.sticky-nav-tab:hover {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 1;
	text-decoration: none;
} 
.revi_text {
	 
}

/*========== button==========*/

/*
.design_btn_1 {
	display: inline-block;
	margin: 50px 0px;
	overflow: hidden;
	position: relative;
	 width: 214px; 
	padding: 15px 0;
	border-radius: 30px;
	cursor: pointer;
	border: none;
	transition: all 0.5s ease-in-out;
	z-index: 1;
	color: #ddd;
	 box-shadow: inset 0px 0px 1px #ddd; 
	border: 1px solid #ddd;
}
*/
/*
.design_btn_1::before {
	content: '';
	display: inline-block;
	transform: translateY(50%);
	left: 0;
	position: absolute;
	width: 216px;
	height: 180px;
	border-radius: 50%;
	background-color: #f7941d;
	z-index: -1;
	transition: transform ease 1s;
	border: none;
}
.design_btn_1:hover {
    color: white;
    transition: color 0.1s ease;
    transition-delay: 0.2s;
	border: 1px solid transparent !important;
}
.design_btn_1:hover:before {
    transform: translateY(-45%);
}

.design_btn_1 a {
	font-size: 16px;
	color: #ddd;
	letter-spacing: 2px;
	line-height: normal;
	text-decoration: none;
	font-weight: 500;
	text-transform: uppercase;
	padding: 18px 24px;
	border-radius: 35px;
}
*/

/*=============================================
				Video Section Css start
==============================================*/
#all {
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	/* min-height: 100vh; */
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
#play-video {
	border-radius: 50%;
/*	background: #FFF;*/
	font-size: 24px;
	color: #fff;
	height: 67px;
	width: 67px;
	display: inline-block;
	vertical-align: middle;
	transition: all 0.3s ease !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	cursor: pointer;
	text-align: center;
	line-height: 60px;
	position: relative;
}
#play-video .fa-solid.fa-play {
	z-index: 2;
	position: relative;
	font-size: 24px;
	vertical-align: middle;
	text-align: center;
	margin: 0 auto;
}
/*
#play-video::before {
	content: "";
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 87px;
	height: 87px;
	background: #fff;
	border-radius: 50%;
	animation: pulse-border 1500ms ease-out infinite;
	z-index: 1;
}
*/
#play-video::after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 49%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 60px;
	height: 60px;
	/* border: 2px solid #000; */
	background: #000;
	border-radius: 50%;
	transition: all 200ms;
}
.video_box:hover #play-video::after {
	background: #F6931C;
	transition: all 0.5s ease;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
#play-video i {
    transition: all 0s ease !important;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    line-height: 0;
}
#close-video {
    border: 4px solid;
    border-radius: 50%;
    background: transparent;
    font-size: 26px;
    color: #FFF;
    height: 56px;
    width: 56px;
    text-align: center;
}
.click_button a {
	background: #f7941d;
	padding: 23px 10px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 2px;
	text-decoration: none;
	font-weight: 500;
	text-transform: uppercase;
	transition: all 0.5s ease;
	border-radius: 50px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.click_button {
	z-index: 1;
	position: absolute;
	left: 0;
	right: 60px;
	top: 0;
	bottom: 0;
	margin: auto;
	line-height: 276px;
	text-align: center;
	font-size: 20px;
	letter-spacing: 0.50px;
	display: inline-block;
	transform: scale(0);
	transition: all 1s ease;
}
.dezign_brain_wraper:hover .click_button {
	/* opacity: 1; */
	transform: scale(1);
}
.youtube-video .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    padding: 0 15px;
    height: 100%;
    max-width: 1000px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
iframe#youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.youtube-video .modal-footer {
    border: none;
    text-align: center;
    display: block;
    padding: 0;
}
.youtube-video .modal-content {
    background: none !important;
    border: none;
}
.modal-body {
  position: relative;
  padding: 0px;
}
.youtube-video .close {
  position: absolute;
  right: -30px;
  top: 0;
  z-index: 999;
  font-size: 2rem;
  font-weight: normal;
  color: #fff;
  opacity: 1;
}

.video_box {
	position: relative;
}

.video_img {
	z-index:1;
	position: relative;
}
.video_img img {
	width: 100%;
}
.video_name_icon {
	text-align: center;
	margin-top: 20px;
}
.video_icon {
	display: inline-block;
	padding-right: 10px;
}
.video_name {
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
	color: #dedede;
	line-height: 30px;
	letter-spacing: 0.30px;
}
.reviews_video {
	margin-bottom: 150px;
}
.reviews_video {
	display: none;
}
/*=================================
        Video Section Css End
====================================*/
/*===================================
		time_line_start
====================================*/
.timeline_sec {
	z-index: 1;
	position: relative;
	overflow: hidden;
}
.project_text_res{
	display: none;
}
.timeline_img {
	display: inline-block;
	position: relative;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
	margin-right: 35px;
}
.header__right span  {
	font-size: 250px;
	color: #262626;
	font-weight: 500;
	letter-spacing: 0.10px;
	line-height: normal;
}
.timeline_img img {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	top: 0;
	bottom: 0;
}
.timeline_img::after {
	content: '';
	position: absolute;
	background: url("../images/timeline_img_1.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 144px;
	height: 145px;
	left: -30px;
	right: 0px;
	top: 0;
	bottom: 0;
	margin: auto;
	 animation: spin 10s infinite reverse linear;
} 

@keyframes spin {
   100% {
    transform: rotate(1turn);
   }
}
.spacer {
	width: 100%;
	height: 335px;
	display: inline-flex;
	justify-content: start;
	align-items: start;
	overflow: hidden;
	text-align: left;
}
.project_text {
	padding-left: 54px;
}
.spacer > span {
	position: absolute;
	font-size: 230px;
	font-weight: 500;
	top: 0;
	bottom: 0;
	left: -100% !important;
	right: -100%;
	margin: auto;
	text-align: center;
	color: #262626;
	/* -webkit-text-stroke-width: 1px; */
	/* -webkit-text-stroke-color: white; */
}
.imageWrapper{
  position:absolute;
  width:250px;
  height:350px;
  background-color:transparent;
  overflow:hidden;
  left:10%;
  margin-top:0%;

}


.spacer:nth-child(even){
  background-color:#121212
  
}
/*===================================
		time_line_start
====================================*/

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

	latest_project_sec_start

=================================*/
.latest_project_sec .design_btn_1 {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: 30px;
	width: 13%;
	text-align: center;
	border: 1px solid #ddd;
	padding: 14px 24px;
	border-radius: 30px;
	overflow: hidden;
	color: #fff;
}
.latest_project_sec .design_btn_1 a {
	font-size: 16px;
	color: #ddd;
	letter-spacing: 2px;
	line-height: normal;
	text-decoration: none;
	font-weight: 500;
	text-transform: uppercase;
	border-radius: 35px;
}
.latest_project_sec .design_btn_1:hover{
	color: white;
	transition: color 0.1s ease;
	transition-delay: 0s;
	transition-delay: 0.2s;
	border: 1px solid transparent !important;
}
.latest_project_sec .design_btn_1::before {
	content: '';
	display: inline-block;
	transform: translateY(50%);
	left: 0;
	position: absolute;
	width: 100%;
	height: 180px;
	border-radius: 50%;
	background-color: #f7941d;
	z-index: -1;
	transition: transform ease 1s;
	border: none;
/*	box-shadow: rgb(28, 28, 30) 0px 0px 0px 3px, rgb(15, 15, 15) 0px 0px 0px 6px, rgb(255, 255, 255) 0px 0px 0px 9px, rgb(247, 148, 29) 0px 0px 0px 12px, rgb(247, 148, 29) 0px 0px 0px 15px;*/
}
.design_btn_1 a:hover {
	color: #000;
}
.latest_project_sec .design_btn_1:hover::before {
    transform: translateY(-45%);
}

.let_pro_box {
	position: relative;
}
.latest_project_sec .design_btn_1 a {
	padding: 18px 38px;
}
.let_pro_box:hover .project_icon_scroll img {
	transform: scale(1.2);
}
.project_box {
	overflow: hidden;
	position: relative;
}
.main_img_box img {
	width: 100%;
}
.project_box .main_img_box.active .temples_box{
	opacity: 1;
}
.temples_box {
	top: 0;
	bottom: auto;
	width: 100%;
	overflow: hidden;
	position: absolute;
	margin: 0 auto;
	opacity: 1;
	-webkit-transition: top 11s;
	-moz-transition: top 11s;
	-ms-transition: top 11s;
	-o-transition: top 11s;
	transition: top 11s;
	transform: translateY(calc(100% + 0px));
}
.temples_box img {
	max-width: 100%;
/*
	-webkit-transition: top 11s;
	-moz-transition: top 11s;
	-ms-transition: top 11s;
	-o-transition: top 11s;
	transition: bottom 5s;
*/
}
.main_img_box.active .temples_box {
	transform: translateY(calc(0% + 0px));
	top: auto;
	bottom: 0;
	-webkit-transition: all 8s;
	-moz-transition: all 8s;
	-webkit-transition: all 8s;
	-ms-transition: all 8s;
	-o-transition: all 8s;
	transition: all 8s;
	z-index: 1;
}
.project_box::after {
	content: 'Content - Websites';
	position: absolute;
	top: 40px;
	left: 20px;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.50px;
}

.latest_project_sec {
	margin-bottom: 270px;
	z-index: 1;
	position: relative;
}
.pro_text_box {
	position: absolute;
	bottom: 40px;
	left: 20px;
}
.pro_text_box .year {
	font-size: 17px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.50px;
	line-height: 30px;
}
.pro_text_box .year_title {
	font-size: 44px;
	color: #fff;
	font-weight: 700;
	line-height: 45px;
	letter-spacing: 0.10px;
}
.project_icon_scroll .let_pro_video {
	position: absolute;
	z-index: 1;
	transform: scale(0);
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
}

.project_icon_scroll {
	transition: all 0.5s ease;
	position: absolute;
	top: 40px;
	right: 20px;
	z-index: 2;
	animation: zoom-in-zoom-out 2s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}

.project_icon_scroll:hover img {
	object-fit: cover;

}
.latest_project_sec .row {
	margin-bottom: 30px;
}

.project_icon_scroll:hover .let_pro_video {
	transform: scale(1);
	transition: all 0.5s ease;
}

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

	latest_project_sec_start

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



/*==============================
		our_team_start
==============================*/
.owl-carousel.owl-theme.gallery_slider .owl-nav {
	display: none;
}
/*
.owl-carousel.owl-theme.gallery_slider .owl-dots {
	position: absolute;
	top: -26%;
	left: -18%;
	right: 0;
	margin: auto;
}
*/
.gallery_slider .owl-dots {
	display: none;
}
/*
.gallery_slider.owl-carousel.owl-theme.gallery_slider .owl-nav {
	display: block;
}
*/
/*
.owl-carousel.owl-theme.gallery_slider .owl-next span {
	background: url("../images/relod.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
	display: inline-block;
	font-size: 0px;
}
*/
.owl-carousel.owl-theme.gallery_slider .owl-prev span {
	font-size: 0px;
}

/*
.owl-carousel.owl-theme.gallery_slider .owl-next {
	position: relative;
	top: -24px;
	background: #1c1c1c;
	padding: 2px 17px !important;
	border-radius: 100%;
	padding-bottom: 13px !important;
}
*/
.gallery_box {
	margin-bottom: 5%;
}
.team_box_text {
	z-index: 9;
	position: relative;
}
.main_slide_box {
	
	position: relative;
}
.team_img_box {
	margin-bottom: 500px;
}
.team_box_text {
	padding: 12% 0px 15%;
}
.slider.slider01 {
	position: relative;
}
.text_team p {
	color: #fff;
	font-size: 59px;
	line-height: 64px;
	letter-spacing: 0.30px;
}
.slider {
	width: auto;
	height: 441px;
	margin: 0 auto;
	position: relative;
}
.gallery_slider .owl-stage-outer .owl-stage .owl-item:nth-child(2n) {
	margin-top: 100px;
}
.gallery_slider .owl-stage-outer {
	height: 700px;
}
.text_team {
	position: relative;
	margin-bottom: 10%;
}
/*
.gallery_slider .owl-nav.disabled {
	display: block;
	position: absolute;
	top: -7%;
	left: 0;
	margin: auto;
}
*/

/* to remove slide effect  css */
/*
 .animated  {
      -webkit-animation-duration : 0 ms  !important;
      animation-duration : 0 ms  !important;
      -webkit-animation-fill-mode : both  !important;
      animation-fill-mode : both  !important;
    }  
    
    
    .fadeOut  {
      -webkit-animation-name : fadeOut  ;
      animation-name : fadeOut  ;
    }  
    @-webkit-keyframes  fadeOut  {
      0% {
        opacity : 0   ;
      }  
      100% {
        opacity : 0   ;
      }  
    }
    @keyframes  fadeOut  {
      0% {
        opacity : 0   ;
      }  
      100% {
        opacity : 0   ;
      }  
    }
*/



.slide .team_name {
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
}
.slide .work {
	color: #fff;
	font-size: 16px;
}
.name_box {
	margin-top: 10px;
}
/*
.slide img {
	width: 293px;
	height: 441px;
}
*/
.slide {
  position: absolute;
  top: 0;
  left: 0;
/*  opacity: 0;*/
/*  animation: fade 20s infinite;*/
}
/*
.slide:nth-child(1) {
}
.slide:nth-child(2) {
  animation-delay: 5s;
}
.slide:nth-child(3) {
  animation-delay: 10s;
}
.slide:nth-child(4) {
  animation-delay: 15s;
}
*/

/*
@keyframes fade {
  0% { opacity: 0; }
  5% { opacity: 1; }
  25% { opacity: 1; }
  30% { opacity: 0; }
}
*/
/*==============================
		our_team_end
==============================*/
/*=============================
		title_agency_start
===============================*/
.title_agency {
	z-index: 1;
	position: relative;
}
.typing {
	color: #ffff;
	text-align: center;
	font-size: 126px;
	font-weight: 600;
	letter-spacing: 0.50px;
	line-height: 150px;
}
.title_agency .typing {
	font-size: 90px;
	line-height: 93px;
	width: 80%;
	margin: auto;
	margin-bottom: 50px;
	font-weight: 500;
}
 /*=============================
		title_agency_end
===============================*/
/*================================
		instagram_slider_start
================================*/

.instagram {
	margin: 90px 0px 225px;
	z-index: 1;
	position: relative;
	overflow: hidden;
}
.strip-cover {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	z-index: 999;
	height: 30px;
	margin: auto;
	bottom: 0;
	opacity: 0;
	transition: all 0.5s;
	transform: scale(1);
}
.instagram_slider.owl-grab + .strip-cover {
	transform: scale(1.3);
	opacity: 1;
	transition: all 0.8s;
}

.instagram_slider.owl-grab .item {
	transform: scale(0.9);
	transition: all 0.8s;
	opacity: 0.7;
	transition: all 0.8s;
}
.item.instagram_box{
	margin-top: 35px;
}
.item.instagram_box_1 {
	margin-bottom: 40px;
}
.strip-cover__title, .strip-cover__subtitle {
	font-size: 42px;
	color: #fff;
	letter-spacing: 2px;
	font-weight: bold !important;
	padding: 10px;
	padding-right: 0px;
}
.strip-cover__subtitle {
	padding-right: 10px;
	padding-left: 0px;
}
.strip-covers {
	display: none;
	text-align: center;
}
.strip-covers .strip-cover__title,.strip-covers .strip-cover__subtitle {
	font-size: 32px;
	color: #fff;
	letter-spacing: 2px;
	font-weight: 500;
	display: inline-block;
	padding-bottom: 40px;
}

/*================================
		instagram_slider_start
================================*/
/*==============================
		footer_start
===============================*/
.footer {
	z-index: 1;
	position: relative;
	padding-bottom: 100px;
}
.icon_right_box {
	padding-left: 50px !important;
}
.contact_text {
	color: #bbbbbb;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.50px;
	line-height: 30px;
	margin-bottom: 20px;
}
.footer_title span {
	font-size: 52px;
	color: #fff;
	line-height: 62px;
	letter-spacing: 0.50px;
	font-weight: 500;
	padding-bottom: 20px;
}
.underlined_waved {
	position: relative;
	text-decoration: none;
}
.underlined_waved::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	top: 40px;
	height: 9px;
	width: 100%;
	background: url("../images/underline.png");
	-webkit-animation: slide 80s linear infinite;
	background-repeat: repeat-x;
}

@-webkit-keyframes slide {
    from { background-position: 0 0; }
    to { background-position: -3000px 0; }
}

/*
.underlined_waved:hover::after {
	background: url("../images/underline_hover.png");
	-webkit-animation: slide 80s linear infinite;
	background-repeat: repeat-x;
}
*/
.footer_number a:hover {
	color: #f7941d;
}
.footer_main_text {
	margin-bottom: 100px;
}
.footer_title {
	color: #ffff;
	font-size: 24px;
	line-height: 38px;
	letter-spacing: 0.50px;
	font-weight: 500;
	margin-bottom: 20px;
}
.footer_number a {
	color: #bbbbbb;
	text-decoration: none;
}
.footer_01 .footer_title {
	font-size: 18px;
	margin-bottom: 0px;
}
.footer_box.footer_1 {
	margin-bottom: 35px;
}
.footer_number {
	color: #fff !important;
	letter-spacing: 1px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 500;
}
.footer_menu {
	display: flex;
}
.footer_2 .footer_menu ul li a {
	line-height: 38px;
}
.footer_menu ul li a {
	color: #bbbbbb;
	font-size: 16px;
	font-weight: 500;
	line-height: 43px;
	letter-spacing: 1px;
	transition: all 0.8s;
	text-decoration: none;
}
.footer_3 ul li a {
	border-bottom: 1px solid #bbb;
	transition: all 0.8s;
}
.footer_3 ul li a:hover {
	border-bottom: 1px solid #f7941d;
}
.footer_menu ul li a:hover{
	color: #f7941d;
}

/*==============================
		footer_end
===============================*/
/*=============================
	footer_sec_start
=============================*/
.footer_logo img {
	width: 40%;
	margin-bottom: 20px;
}
.footer_box.footer_3 {
	padding-left: 75px;
}
.footer_sec{
	position: relative;
	z-index: 2;
}

.foooter_text {
	color: #bbb;
	font-size: 16px;
	line-height: 25px;
	letter-spacing: 1px;
	font-weight: 500;
	text-align: center;
	padding: 28px 0px;
	border-top: 1px solid #262626;
}
/*=============================
	footer_sec_end
=============================*/
.sticky-nav-tab.active{
	opacity: 1;
}

/*TOP ARROW CSS START*/
.circular-text {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 100px;
	position: fixed;
	top: calc(100vh - 154px);
	right: 20px;
	bottom: 20px;
	z-index: 9;
}
.text_top {
	font-weight: 700;
	font-size: 9px;
	text-transform: uppercase;
	color: #fff;
	font-family: 'KabelMediumBT';
}

#return-to-top::after {
	content: 'top';
	position: absolute;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1;
	font-weight: 900;
	font-family: 'KabelMediumBT';
}
/*TOP ARROW CSS END*/

/*===================================================================================================================================
									   					contact_peges_start
=====================================================================================================================================*/
.form-messege.success {
	background: #024b07;
	color: #fff;
	padding: 10px !important;
	letter-spacing: 1px;
	position: absolute;
	bottom: -65px;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	display: inline-table;
}
.form-messege.error {
	background: #f00;
	color: #fff;
	padding: 10px !important;
	letter-spacing: 1px;
	position: absolute;
	bottom: -65px;
	left: 0;
	right: 0;
	margin: 0 auto !important;
	display: inline-table;
}
.contact_main_text {
	text-align: center;
}
.contact_main_text {
	z-index: 1;
	position: relative;
	margin-top: 100px;
}
.contact_pg_text {
	text-align: center;
	font-size: 34px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.90px;
	line-height: 45px;
	margin-top: 80px;
	margin-bottom: 50px;
}
.contact_main_text p {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.50px;
	line-height: 38px;
}
.contact_main_text p a:hover {
	color: #f7941d;
	border-bottom: 1px solid #f7941d;
}
.contact_main_text p a{
	border-bottom: 1px solid #fff;
	transition: all 0.5s ease;
}
.title_agency01 {
	z-index: 1;
	position: relative;
	text-align: center;
}
.typing_01 {
	color: #ffff;
	text-align: center;
	font-size: 126px;
	font-weight: 500;
	line-height: 130px;
	letter-spacing: 0.10px;
	margin: 280px 0px;
}
.contact_main_text .footer_title span {
	font-size: 92px;
	color: #fff;
	line-height: 95px;
	letter-spacing: 0.10px;
	font-weight: 500;
	padding-bottom: 20px;
}

.conatct_form_wapper.gapTB_60 {
	position: relative;
	z-index: 1;
	margin: 90px 0px;
	padding-bottom: 30px;
	margin-bottom: 150px;
}
.input_text input, .input_text textarea {
	width: 100%;
	padding: 15px 20px;
	margin-bottom: 30px;
	background: #323232;
	border: none;
	color: #ffff;
	font-size: 18px;
	letter-spacing: 1.50px;
	text-transform: capitalize;
	border-bottom: 2px solid #fff;
}
.conatct_form_btn button {
	padding: 15px 40px;
	font-size: 18px;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 700;
	transition: all 0.5s ease;
	position: relative;
	left: 0;
	right: 0;
	margin: auto;
	overflow: hidden;
}
.conatct_form_btn button::after {
	content: '';
	display: inline-block;
	transform: translateY(50%);
	left: -10px;
	position: absolute;
	width: 200%;
	height: 180px;
	border-radius: 50%;
	background-color: #f7941d;
	z-index: -1;
	transition: transform ease 1s;
	border: none;
}
.conatct_form_btn button:hover {
	border: 1px solid #0c0c0c;
}
.conatct_form_btn button:hover:after {
transform: translateY(-45%);
}
.input_text .in_select {
	width: 100%;
	padding: 18px 20px;
	margin-bottom: 30px;
	background: #333;
	border: none;
	color: #a1a1a1;
	font-size: 18px;
	letter-spacing: 1.50px;
	text-transform: capitalize;
	border-bottom: 2px solid #fff;
}
.conatct_form_btn {
	text-align: center;
}
.input_text input:focus-visible, .input_text textarea:focus-visible {
	outline: unset;
}
/*===================================================================================================================================
									   					contact_peges_start
===================================================================================================================================*/
/*===================================================================================================================================
									   					service_peges_start
===================================================================================================================================*/
.service_pages {
	margin-top: 190px;
}
.ser_pages {
	margin: 150px 0px 290px;
}
.service_page p {
	margin-top: 60px;
	margin-bottom: 120px !important;
}
.ser_dezin_section {
	margin-bottom: 140px;
}
.service_text {
	margin-bottom: 0px !important;
}
.ser_dezin_section img {
	max-width: 100%;
}
.ser_typing_text {
	margin: 0px 0px 50px 0px;
}
.ser_pages p {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.50px;
	line-height: 38px;
}
.ser_pages p a {
	border-bottom: 1px solid #fff;
	transition: all 0.5s ease;
	color: #fff;
	text-decoration: none;
}
.ser_pages p a:hover {
	color: #f7941d;
	border-bottom: 1px solid #f7941d;
}
/*===================================================================================================================================
									   					service_peges_start
===================================================================================================================================*/
/*==================================================================================================================================
														work_pages_start
===================================================================================================================================*/
.let_pro_box {
	position: relative;
}
.project_box::after {
	content: 'Content - Websites';
	position: absolute;
	top: 40px;
	left: 20px;
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.50px;
}
.main_img_box img {
	width: 100%;
}
.temples_box {
	top: 0;
	bottom: auto;
	width: 100%;
	overflow: hidden;
	position: absolute;
	margin: 0 auto;
	opacity: 1;
	-webkit-transition: top 0.8s;
	-moz-transition: top 0.8s;
	-ms-transition: top 0.8s;
	-o-transition: top 0.8s;
	transition: top 0.8s;
	transform: translateY(calc(100% + 0px));
}
.temples_box img {
	max-width: 100%;
	/* -webkit-transition: top 11s; */
	/* -moz-transition: top 11s; */
}
/*===============date_title==============*/
.work_project {
	position: relative;
	margin-top: 190px;
}
.pro_text_box .year {
	font-size: 17px;
	color: #fff;
	font-weight: 500;
	letter-spacing: 0.50px;
	line-height: 30px;
}
.work_text_box .year {
	font-size: 17px;
	color: #989898;
	font-weight: 500;
	letter-spacing: 0.50px;
	line-height: 30px;
}
.work_text_box .year_title {
	font-size: 44px;
	color: #fff;
	font-weight: 500;
	line-height: 45px;
	letter-spacing: 1.1px;
}
.work_text_box {
	margin-top: 20px;
	margin-bottom: 138px;
}
.work_box .project_box::after {
	content: none;
}
/*===============date_title==============*/
/*==================================================================================================================================
														work_pages_end
===================================================================================================================================*/
/*=============================================================================================================================
															about_us_start
================================================================================================================================*/
.about_pg_title .typing {
	font-size: 126px;
	line-height: 150px;
}
.about_specialize_text p {
	color: #fff;
	font-size: 16px;
	text-align: justify;
	font-family: 'KabelMediumBT' !important;
	font-weight: 500;
	letter-spacing: 0.30px;
	line-height: 30px;
	margin-bottom: 40px !important;
}
.belive_title {
	font-size: 16px;
	color: #fff;
	font-family: 'KabelMediumBT' !important;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 23px;
	text-align: left;
}
.conquer_title {
	color: #fff;
	font-size: 52px;
	text-align: left;
	font-family: 'KabelMediumBT';
	line-height: 75px;
	letter-spacing: 0.50px;
	font-weight: 700;
}
.but_con.menu-icon {
	position: relative;
}
.but_con::before {
	content: "";
	height: 0;
	left: 0px;
	position: absolute;
	top: calc(100% - -8px);
	width: 100%;
	border-top: 4px solid #f7941d;
}

.but_con::before{
	transform-origin: 100% 50%;
}
.but_con::after{
	transform: scaleX(0);
	transform-origin: 0 50%;
}
.but_con::after {
	border-top: 4px solid #f7941d;
	content: "";
	height: 0;
	left: 0px;
	position: absolute;
	top: calc(100% - -8px);
	width: 100%;
}
.but_con:hover::before{
	transform: scaleX(0);
	transition: transform .5s;
}
.but_con:hover::after{
	transform: scaleX(1);
	transition: transform .5s .22s;
}
.but_con:hover {
	color: #fff;
}
.about_pg_title p {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.50px;
	line-height: 38px;
	text-align: center;
}
.about_pg_title p a {
	border-bottom: 1px solid #fff;
	transition: all 0.5s ease;
	color: #fff;
	text-decoration: none;
}
.about_pg_title p a:hover {
	color: #f7941d;
	border-bottom: 1px solid #f7941d;
}
/*===============skill_section_start==============*/
.skill_section{
position: relative;
	z-index: 1;
	
}
.ms-animated {
	color: #fff;
	font-size: 60px;
	letter-spacing: 0.50px;
	line-height: 95px;
	font-family: 'Kabel Dm BT';
}
.skill_text {
	color: #fff;
	font-size: 24px;
	font-weight: 500;
	letter-spacing: 0.50px;
	line-height: 38px;
	font-family: 'KabelMediumBT' !important;
}
.skill_sec_bg {
	background: #111;
	padding: 16px 0px;
	border-radius: 10px;
	margin: 200px 0px;
}
.what_we_section {
	z-index: 1;
	position: relative;
	text-align: center;
	margin-bottom: 210px;
	margin-top: 200px;
}
.what_small_text {
	color: #cecece;
	font-size: 16px;
	font-family: 'KabelMediumBT' !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 40px;
}
.what_text p {
	color: #fff;
	font-size: 34px;
	line-height: 48px;
	letter-spacing: 3.10px;
}
/*======================strategy_section===========================*/
.strategy_section {
	position: relative;
}
.str_small_title {
	font-size: 16px;
	font-weight: 600;
	color: #cecece;
	letter-spacing: 2px;
	line-height: normal;
	text-transform: uppercase;
	margin-bottom: 30px;
}
.str_big_title {
	color: #fff;
	font-size: 34px;
	line-height: 45px;
	letter-spacing: 1px;
	margin-bottom: 30px;
}
.stra_text p {
	color: #ddd;
	line-height: 30px;
	letter-spacing: 0.30px;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 119px !important;
	width: 79%;
}
.stra_text + .stra_text p {
	margin-bottom: 0px !important;
}
.secon_sec{
	margin-left: 150px;
}
.secon_sec{
	width: auto;
}
.clients_text p {
	width: 91%;
	text-align: center;
	margin: auto;
}
/*======================strategy_section===========================*/
/*========================logos_section===============================*/
.logos_section {
	position: relative;
	margin: 50px 0px 290px;
}
.log_img ul li {
	display: inline-block;
	text-align: center;
	margin: 0% 5%;
}
.log_img ul {
	margin: auto;
	justify-content: center;
	display: flex;
}
.logo_sec {
	margin-top: 208px !important;
}
.log_img img {
	filter: grayscale(100%);
	opacity: 0.6;
	transition: all 0.5s ease;
	max-width: 100%;
}
.stra_img img {
	max-width: 100%;
}
.log_img img:hover {
	filter: grayscale(0%);
	opacity: 1;
}
.about_pg_title {
	margin-bottom: 290px;
}
/*========================logos_section===============================*/
/*=============================================================================================================================
															about_us_end
================================================================================================================================*/
.team_box {
	background: #131010;
	width: 100%;
	height: 100%;
	padding: 10px;
}
.team_section {
	position: relative;
	margin: 250px 0px;
}
.gall_text p {
	margin: auto !important;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	font-size: 100px;
	font-weight: 500;
	line-height: 95px;
	letter-spacing: 0.10px;
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
	text-align: center;
}
.gall_text {
	background: #191919;
	width: 100%;
	height: 100%;
}

.gall_text0::after {
	content: '';
	position: absolute;
	background: url("../images/head_shep.png");
	width: 37px;
	height: 37px;
	top: -21%;
	right: 13%;
	animation: zoom-in-zoom-out 2s ease-out infinite;
}
.gall_text01::after {
	content: '';
	position: absolute;
	background: url("../images/head_shep.png");
	width: 37px;
	height: 37px;
	bottom: -9px;
	right: 13%;
	transform: rotate(-21deg);
	animation: zoom-in-zoom-out 2s ease-out infinite;
}
.gall_text02::after {
	content: '';
	position: absolute;
	background: url("../images/head_shep.png");
	width: 37px;
	height: 37px;
	top: -14%;
	right: 24%;
	transform: rotate(-39deg);
	animation: zoom-in-zoom-out 2s ease-out infinite;
}
.gall_text03::after {
	content: '';
	position: absolute;
	background: url("../images/head_shep.png");
	width: 37px;
	height: 37px;
	top: -22%;
	right: 20%;
	animation: zoom-in-zoom-out 2s ease-out infinite;
}
.gall_text04::after {
	content: '';
	position: absolute;
	background: url("../images/head_shep.png");
	width: 37px;
	height: 37px;
	top: -20%;
	right: 29%;
	transform: rotate(-48deg);
	animation: zoom-in-zoom-out 2s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(0.5, 0.5);
  }
  50% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(0.5, 0.5);
  }
}
/*
.name_box {
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	opacity: 0;
	z-index: 1;
	transform: translate(0%, 83%);
	transition: all 0.2s ease-out;
	transition: all 0.5s ease;
	bottom: 12px;
	margin: auto;
}
*/
.team_name {
	font-size: 30px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.work {
	font-size: 18px;
	letter-spacing: 2px;
}
.team_img:hover .name_box {
	transform: translate(0px, 0px);
	/* transition-delay: 0.2s; */
	opacity: 1;
}
.team_img {
	position: relative;
	text-align: center;
	perspective: 50em;
	overflow: hidden;
}
.team_img img{
   width: 100%;
}
.team_img::after {
	content: "";
	display: block;
	background: #f7941d;
	position: absolute;
	left: 0;
	bottom: 0px;
	right: 0;
	opacity: 0;
	/* transform: rotateX(0deg); */
	/* transform-origin: 0px 0px; */
	transition: all 0.8s;
	transform: scale(0);
	height: 95px;
	transform: translate(0%, 100%);
}
.team_img:hover::after {
	transform: rotateX(0);
	opacity: 0.9;
	/* transform: scale(1); */
}

.mobile_screen {
	display: none;
}
/*=============================================================team_sec_start===========================================*/
.all_team_sec {
	position: relative;
}
/*new_galler_css*/
section.res__gallery {
  padding: 20px;
  width: 100%;
  display: flex;
  justify-self: center;
  align-items: center;
  flex-direction: column;
  margin: 40px auto;
}
section.res__gallery ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 20px !important;
	z-index: 1;
}
section.res__gallery ul li {
	list-style: none;
	background-color: #fff;
	color: #000;
	font-size: 20px;
	padding: 12px 40px;
	margin: 13px;
	letter-spacing: 1px;
	cursor: pointer;
	-ms-user-select: None;
	-moz-user-select: None;
	-webkit-user-select: None;
	user-select: None;
	border-radius: 30px;
	font-weight: 600;
}
section.res__gallery ul li.active {
  background-color:#f7941d;
  color:#fff;
}
/*
.product {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  -ms-user-select: None;
  -moz-user-select: None;
  -webkit-user-select: None;
  user-select: None;
}
*/
.product .itembox {
	position: relative;
	margin: 5px;
	display: block;
	width: 650px;
	height: 275px;
	 -webkit-animation: fadeInScale 0.8s ease-in-out;
  -moz-animation: fadeInScale 0.8s ease-in-out;
  animation: fadeInScale 0.8s ease-in-out;
}
@keyframes fadeInScale {
  0% {
  	transform: scale(0.9);
  	opacity: 0;
  }
  
  100% {
  	transform: scale(1);
  	opacity: 1;
  }
}
.product .itembox.hide {
  display: none;
}

.product .itembox img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*
a[data-fancybox] img {
  cursor: zoom-in;
}
*/
.fancybox__thumbs .carousel__slide .fancybox__thumb::after {
	content: "";
	border-width: 1px!important;
	border-color: var(--fancybox-accent-color, rgb(255, 255, 255))!important;
	border-radius: var(--fancybox-thumbs-border-radius, 1px)!important;
}
.fancybox__thumb {
	border-radius: var(--fancybox-thumbs-border-radius, 1px)!important;
}
.fancybox__progress {
	background: var(--fancybox-accent-color, rgb(255, 255, 255)) !important;
	height: 1px !important;
}
.fancybox__carousel {
	position: relative;
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
	z-index: 999 !important;
}
.days_name_box {
	position: relative;
	z-index: 1;
	top: 50%;
	text-align: center;
}
.inner_box {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	background-color: rgba(0,0,0,0.63);
	padding: 20px 0px;
}
.celebration_name {
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	left: 0;
	position: relative;
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
}
.celebration_year {
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	position: absolute;
	right: 0;
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
}
.days_name_box {
	opacity: 0;
	transition: all 0.5s ease;
}
.itembox:hover .days_name_box {
	opacity: 1;
}
.itembox:hover .celebration_year {
	opacity: 1;
	right: 43%;
}
.itembox:hover .celebration_name {
	opacity: 1;
	left: 50%;
}
/*================================================================team-sec_end=========================================================*/