/*----------- Fonts ------------*/

	@font-face {
	   font-family: 'mikafont';
	   src: url('font/typo.ttf');
	}
	@font-face {
	   font-family: 'elnesfont';
	   src: url('font/Century Gothic 400.ttf');
	}

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


/*------------- Body --------------*/

	body {
	    font-family: 'elnesfont' !important;
	}

	p {
	    font-size: 1.15rem;
	}
	.text-orange {
		color: #FFCC00 !important;
	}
	.text-blue {
		color: #11556C !important;
	}
	.bg-orange {
		background-color: #FFCC00 !important;
	}
	.bg-blue {
		background-color: #11556C !important;
	}
/*--------------------------------*/

/*----------- Scrollspy ------------*/

#services {
	padding-top: 4.6% !important;
}
#projects {
	padding-top: 4.6% !important;
}
#clients {
	padding-top: 4.6% !important;
}
#team {
	padding-top: 4.6% !important;
}
#contact {
	padding-top: 4.6% !important;
}
/*---------------------------------------*/

/*----------- Carousel Style ------------*/

/*	.carousel-item {
	
	  background: no-repeat center center scroll;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}*/

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



/*--------------- Banner ----------------*/

	.banner {
	    margin-bottom: 0;
	}
	.banner:before {
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 200px;
	    background: -webkit-linear-gradient(rgba(255,204,0) ,transparent);
	    background: -o-linear-gradient(rgba(255,204,0) ,transparent);
	    background: -moz-linear-gradient(rgba(255,204,0) ,transparent);
	    background: linear-gradient(rgba(255,204,0) ,transparent);
	    pointer-events: none;
	}

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



/*------------ Navigation -------------*/

	.upper-head {
	    position: relative;
	/*	    z-index: 1000000;
	*/	}
	.navbar {
	    position: fixed;
	    background: #fff !important;
	    transition: 1s;
	    padding: 0px !important;
	}

	.hide-scr {	/*	Logo Style	*/
	    width: initial; /* 75px */
	    height: 100px;
	    visibility: visible !important;
	    display: inline-flex !important;
	}

	.navbar > div > .collapse > ul > li > .nav-links { /*	Nav Links color	*/
		font-weight: bold;
	    color: #979797 !important;
	}
	.navbar > div > .collapse > ul > li > .nav-links:hover { /*		Nav Links on hovers 	*/
	    color: #FFCC00 !important;
	} 


	.navbar-expand-lg .navbar-nav .nav-link {
	    padding-right: .5rem;
	    padding-left: .5rem;
	}

	nav.stroke ul li a { /*  Links that are Underlined with #FFCC00 Color like this _____ */
	  position: relative;
	}
	nav.stroke ul li a:after {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  margin: auto;
	  width: 0%;
	  content: '.';
	  color: transparent;
	  background: #FFCC00; /* #C9FA30*/
	  height: 1px;
	  transition: 0.7s;
	}
	nav.stroke ul li a:hover:after {
	  width: 100%;
	  transition: 0.7s;
	}
	.dropdown-toggle::after {
		border: none !important;
	}
	.dropdown-item.active, .dropdown-item:active {
		background: #fff;
		color: #000;
	}
/*------------------------*------------*/



/*------------ Header ------------*/


	.text-insideh1 {
	    font-size: 60px;
	    font-weight: 600;
	    text-align: left;
	    display: table-cell;
	  /*  display:table-cell;
	    vertical-align: middle;
	    text-align:center;*/
	}
	.text-inside {
	    font-size: 20px;
	}
	.work-done {
	    font-size: 60px !important;
	}
	.header-container{
	    padding-top: 0px  !important;
	    bottom: 5% !important;
	}
	.span-elnes:hover {
	    color: #fff !important;
	}
	.span-consultancy:hover {
	    color: #fff !important;
	}
	.span-marketing:hover {
	    color: #fff !important;
	}
/*--------------------------------*/



/*----------- Seciton ------------*/



	/*----------- Seciton 1 (WELCOME) ------------*/

		.sec1 {
		    padding: 50px 0;
		    background: rgb(255, 255, 255);
		}
		.wel-box {
		    color: #11556C;
		    padding: 15% 5% 15% 5%;
		}
		.wel-txt {
			font-weight: bold;
		    text-align: center;
		}

		.wel2-box {
		    color: #979797;
		    padding: 5%;
		}
		.wel2-txt {
		    font-size: 12.39pt;
		    font-weight: 300;
		}
	/*--------------------------------*/



	/*----------- Seciton 2 (SERVICE)------------*/ 

		.con-one {
			padding-left: 15%;
			padding-right: 17%;
			/*	font-weight: 599;*/
		}
		.sec2 {
		    position: relative;
		}
		.service-txt {
			/*padding-left: 2%;*/
			color: #11556C;
			text-align: center;
			/*margin-bottom: 1.5%;*/
		}
		.orange-line-short {
			background-color: #f7a821;
			height: 3px;
			margin: 1% 25% 20px 25%;
		}
		.orange-line-vshort {
			background-color: #f7a821;
			height: 3px;
			margin: -2% 48% 3% 48%;
		}
		.orange-line-long {
			background-color: #f7a821;
			height: 3px;
			margin: 1% 25% 2% 25%;
		}
		.orange-span {
			color: #f7a821;
		}
		.s-img,.ser-img {
			width: 100%;
			max-height: 100%;
			background-color: #fff;
			transition: all 0.4s ease;
			background-size: cover;	
			cursor: pointer;
			display: block;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 10%;
		}
		.ser-img:hover {
			perspective: 30px;
		}
		.ser-sub {
			color: #11556C;
			text-align: center;
			font-weight: normal;
			word-spacing: -1px;
		}
		.ser-det {
			padding: 0px 35px;
			color: #979797;
			font-size: 16px;
  			text-align: justify;
		}
		.squarer {
			width: 30px;
			height: 30px;
			background: #fff;
			margin: 0 auto;
			-ms-transform: rotate(45deg);
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			position: absolute;
			left: 50%;
			margin-top: -.8%;
		}
		.about-us {
			padding: 40px 0 30px 0;
			width: 50%;
			margin-left: auto;
			margin-right: auto;
		}
	/*--------------------------------*/



	/*----------- Seciton 3 (PROJECTS) ------------*/

		.sec3 {
		    position: relative;
		    margin-bottom: 3%;
		}
		.proj {
			color: #11556C;
			text-align: center;
		}
		
		.pro-list {
			margin-left: auto;
			margin-right: auto;
			width: 900px;
			color: #979797;
			text-align: center;
			margin-bottom: 30px;
		}
		a.item {
			text-align: center;
			color: #979797 !important;
/*			font-weight: bold;
*/			text-decoration: none;
		}
		a.item:hover {
			transition: all 0.4s ease;
			color: #f7a821 !important;
		}
		.pro-list > div > div > div {
			text-align: center;
			border-right: 1px solid #979797;
		}
		.pro-list > div > div > div:last-child {
			text-align: center;
			border: none;
		}

		.pro-list1 {
			margin-left: auto;
			margin-right: auto;
			width: 900px;
			color: #979797;
			text-align: center;
			margin-bottom: 30px;
		}
		.pro-list1 > div > div > div {
			text-align: center;
			border-right: 1px solid #979797;
		}
		.pro-list1 > div > div > div:last-child {
			text-align: center;
			border: none;
		}
	/*--------------------------------------------*/










	/*----------- Seciton 4 (CLIENTS) ------------*/
		.sec4 {
		/*		background-color: #11556c;
		*/		padding: 70px 0px;
		}
		.clin {
			color: #fff;
			text-align: center;
		}
		.clients-list {
			padding-left: 17%;
			padding-right: 17%;
		}
		.clients {
			margin-left: 20px;
			margin-right: 20px;
		}
		.client {
			width: 100%;
			height: 100%;
			background-position: center;
			background-size: cover; 
		}
	/*-------------------------------------------*/





	/*----------- Seciton 5 (TEAM) ------------*/
		.sec5 {
			padding: 90px 12%;
		}
		.team {
			color: #11556C;
			text-align: center;
		}
		.t-img {
			border-radius: 5px;
			background-color: #f6f6f6;
			margin-top: 5%;
			height: 100%;
			width: 100%;
		}

		.t-name {
			padding-top: 15px;
			color: #979797;
			line-height: 1;
			letter-spacing: 1px;
			font-size: 15px;
			font-weight: 500;
		}

		.t-title {
			line-height: 1.6;
			color: #979797;
			font-size: 14px;
			font-weight: 500;
		}
	/*----------------------------------------*/



  .imgee {
    color: #fff;width:max-content;text-decoration: none;background-color: transparent;position: absolute; bottom: 50%; right: 50%;
  }
  .imgee:hover {
  	color: #fff;
  }
  .hedenal {
  	transition: all 0.7s ease;
  }
  .hedenal:hover {
	transition: all 0.7s ease;
  	font-size: 20px !important;
  }

	/*----------- Seciton 6 (Contact) ---------*/
		.sec6 {
			padding: 0px 0px 2.4% 0px;
		}
		.contact {
			color: #fff;
			text-align: center;
		}
		.contact-inp {
			width: 100%;
			height: 40px;
			margin-top: 10px;
			border-radius: 3px;
		}
		.contact-tarea {
			width: 100%;
			height: 100px;
			margin-top: 10px;
			border-radius: 3px;
		}
		.cont-box {
			position: relative;
			margin-top: 2.4%;
		}
		.mar-100 {
			margin-top: 8%;
		}
		.c-map {
			border:0;
			border-radius: 5px;
			width: 100% !important;
			height: 100% !important;
		}
		.c-svg {
			margin: 0;
			padding: 0;
			position: absolute;
		}
		.c-path {
			transition: all 0.7s ease;
		    stroke: #00556C;
		    animation-name: elnes-path;
		    animation-duration: 5s;
		    animation-timing-function: linear;
		    animation-delay: 0s;
		    animation-iteration-count: infinite;
		    animation-play-state: running;
		}
		@keyframes elnes-path {
		    0%   {stroke: #FFCC00;}
		    25%  {stroke: #00556C;}
		    50%  {stroke: #091d22;}
		    75%	 {stroke: #288d90}
		    100% {stroke: #F7A821;}
		}
	/*----------------------------------------*/
/*------------------------------------*/



/*----------Image List-------------*/
	.con-two {
		padding-left: 15%;
		padding-right: 17%;
		min-height: 200px;
	}
	.port-image {
		position: relative;
	    width: 100%;
	    height: 100%;
	    cursor: pointer;
	    transition: all 0.4s ease;
	}
	.el-svg {
		background-color: #091d22;
		height: 100%;
		width: 100%;
		position: absolute;
		visibility: hidden;
	}
	.port-image:hover {
		opacity: .1;
		transform: scale(1.5);
	}

	.filter {
	    margin-bottom: 50px;
	}
	.each-item {
	    position:relative;
	    overflow:hidden;
	}
	.each-item:hover .el-svg {
	    visibility: visible;
	    transition: all 0.4s ease;
	}
	

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




/*----------- Fotters -------------------*/
.site-footer {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
  background-color: #091d22;
  padding:45px 0 20px;
  font-size:15px !important;
  line-height:24px;
  color:#fff;
}
.worer {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" !important;
  font-size:1rem !important;
}
.site-footer hr
{
  border-top-color:#bbb;
  opacity:0.5
}
.site-footer hr.small
{
  margin:20px 0
}
.site-footer h6
{
  color:#fff;
  font-size:16px;
  text-transform:uppercase;
  margin-top:5px;
  letter-spacing:2px
}
.site-footer a
{
  color:#737373;
}
.site-footer a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links
{
  padding-left:0;
  list-style:none
}
.footer-links li
{
  display:block
}
.footer-links a
{
  color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
  color:#3366cc;
  text-decoration:none;
}
.footer-links.inline li
{
  display:inline-block
}
.site-footer .social-icons
{
  text-align:right
}
.site-footer .social-icons a
{
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:#33353d
}
.copyright-text
{
  font-size: 1rem;
  margin:0
}
@media (max-width:991px)
{
  .site-footer [class^=col-]
  {
    margin-bottom:30px
  }
}
@media (max-width:767px)
{
  .site-footer
  {
    padding-bottom:0
  }
  .site-footer .copyright-text,.site-footer .social-icons
  {
    text-align:center
  }
}
.social-icons
{
  padding-left:0;
  margin-bottom:0;
  list-style:none
}
.social-icons li
{
  display:inline-block;
  margin-bottom:4px
}
.social-icons li.title
{
  margin-right:15px;
  text-transform:uppercase;
  color:#96a2b2;
  font-weight:700;
  font-size:13px
}
.social-icons a{
  background-color:#eceeef;
  color:#818a91;
  font-size:16px;
  display:inline-block;
  line-height:44px;
  width:44px;
  height:44px;
  text-align:center;
  margin-right:8px;
  border-radius:100%;
  -webkit-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear
}
.social-icons a:active,.social-icons a:focus,.social-icons a:hover
{
  color:#fff;
  background-color:#29aafe
}
.social-icons.size-sm a
{
  line-height:34px;
  height:34px;
  width:34px;
  font-size:14px
}
.social-icons a.facebook:hover
{
  background-color:#3b5998
}
.social-icons a.twitter:hover
{
  background-color:#053eff;
}
.social-icons a.linkedin:hover
{
  background-color:#007bb6
}
.social-icons a.dribbble:hover
{
  background-color:#ea4c89
}
@media (max-width:767px)
{
  .social-icons li.title
  {
    display:block;
    margin-right:0;
    font-weight:600
  }
}
.wrap {
  height: 60px;
  position: relative;
  top:50%;
  transform: translateY(-50%);
}

.box {
  padding: ;
  height: 60px;
  text-align: right;
}

.tmbutton {
  height: 50px;
  background: #11556C;
  cursor:pointer;
  position: relative;
  border-radius:6px;
  border: 0px;
}

.tmbutton a {
  color: #fff;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* let's shape */

.tmbutton span.shape {
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.tmbutton span span {
  transition: all 0.4s ease;
  content:"";
  position: absolute;
  margin: auto;
  height: 8px;
  width: 2px;
  background: #11556c;
  opacity: 0;
}

.tmbutton span span:nth-of-type(1) {
  top: -20px;
  left: 0;
  right: 0;
}

.tmbutton span span:nth-of-type(2) {
  bottom: -20px;
  left: 0;
  right: 0;
}

.tmbutton span span:nth-of-type(3) {
  top:0;
  bottom: 0;
  left: -10px;
}

.tmbutton span span:nth-of-type(4) {
  top:0;
  bottom: 0;
  right: -10px;
}

.tmbutton span span:nth-of-type(5) {
  top: -20px;
  left: -70%;
  right: 0;
  transform:rotate(-30deg);
}

.tmbutton span span:nth-of-type(6) {
  top: -20px;
  left: 0;
  right: -70%;
  transform:rotate(30deg);
}
.tmbutton span span:nth-of-type(7) {
  bottom: -20px;
  right: 0;
  left: -70%;
  transform:rotate(30deg);
}
.tmbutton span span:nth-of-type(8) {
  bottom: -20px;
  left: 0;
  right: -70%;
  transform:rotate(-30deg);
}



/* let's animate this */

@keyframes bounce {
  0%{transform: scale(1);}
  50%{transform: scale(1.1);}
  100%{transform: scale(1);}
}

.tmbutton.active {
  animation: bounce 0.3s ease-out 1;
}

.tmbutton.active span span:nth-of-type(1) {
  animation: anim1 0.4s ease-out 1;
}
.tmbutton.active span span:nth-of-type(2) {
  animation: anim2 0.4s ease-out 1;
}
.tmbutton.active span span:nth-of-type(3) {
  animation: anim3 0.4s ease-out 1;
}
.tmbutton.active span span:nth-of-type(4) {
  animation: anim4 0.4s ease-out 1;
}
.tmbutton.active span span:nth-of-type(5) {
  animation: anim5 0.4s ease-out 1;
}
.tmbutton.active span span:nth-of-type(6) {
  animation: anim6 0.4s ease-out 1;
}
.tmbutton.active span span:nth-of-type(7) {
  animation: anim7 0.4s ease-out 1;
}
.tmbutton.active span span:nth-of-type(8) {
  animation: anim8 0.4s ease-out 1;
}


@keyframes an\4im1 {
  0%{transform: scaleY(0.5);opacity: 0;}
  50%{transform: translateY(-10px) scaleY(1.4); opacity: 1;}
  100%{transform: translateY(-20px) scaleY(0.5);opacity: 0;}
}
@keyframes anim2 {
  0%{transform: scaleY(1);opacity: 0;}
  50%{transform: translateY(10px) scaleY(1.4); opacity: 1;}
  100%{transform: translateY(20px) scaleY(0.5);opacity: 0;}
}
@keyframes anim3 {
  0%{transform: rotate(90deg) scaleX(0.5);opacity: 0;}
  50%{transform: rotate(90deg) translateY(10px) scaleX(1.4); opacity: 1;}
  100%{transform: rotate(90deg) translateY(20px) scaleX(0.5);opacity: 0;}
}
@keyframes anim4 {
  0%{transform: rotate(90deg) scaleX(0.5);opacity: 0;}
  50%{transform: rotate(90deg) translateY(-10px) scaleX(1.4); opacity: 1;}
  100%{transform: rotate(90deg) translateY(-20px) scaleX(0.5);opacity: 0;}
}
@keyframes anim5 {
  0%{transform: rotate(-30deg) scaleY(0.5);opacity: 0;}
  50%{transform: rotate(-30deg) translateY(-8px) scaleY(1.4); opacity: 1;}
  100%{transform: rotate(-30deg) translateY(-16px) scaleY(0.5);opacity: 0;}
}
@keyframes anim6 {
  0%{transform: rotate(30deg) scaleY(0.5);opacity: 0;}
  50%{transform: rotate(30deg) translateY(-8px) scaleY(1.4); opacity: 1;}
  100%{transform: rotate(30deg) translateY(-16px) scaleY(0.5);opacity: 0;}
}
@keyframes anim7 {
  0%{transform: rotate(30deg) scaleY(0.5);opacity: 0;}
  50%{transform: rotate(30deg) translateY(8px) scaleY(1.4); opacity: 1;}
  100%{transform: rotate(30deg) translateY(16px) scaleY(0.5);opacity: 0;}
}
@keyframes anim8 {
  0%{transform: rotate(-30deg) scaleY(0.5);opacity: 0;}
  50%{transform: rotate(-30deg) translateY(8px) scaleY(1.4); opacity: 1;}
  100%{transform: rotate(-30deg) translateY(16px) scaleY(0.5);opacity: 0;}
}

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





/*-------- Screen Loader ---------*/
	.ec-loader {
	    padding-top: 15%;
	    position:fixed;
	    left: 0px;
	    top: 0px;
	    bottom: 0px;
	    right: 0px;
	    z-index: 9999;
	    background: #fff;
	    width: 100%;
	    height: 100%;
	}
	.loader {
	    transition: all 0.4s ease;
	    background-color: #043949;
	    width: 20%;
	    height: 3px;
	    animation-name: ELNESER;
	    animation-duration: 5s;
	    animation-timing-function: linear;
	    animation-delay: 0s;
	    animation-iteration-count: infinite;
	    animation-play-state: running;
	}
	@keyframes ELNESER {
	    0%   {margin-left: 0%;width: 5%;background-color: #270823;}
	    25%  {margin-left: 35%;width: 20%;background-color: #270823;}
	    50%  {margin-left: 65%;width: 10%;background-color: #ffcc00;}
	    100% {margin-left: 100%;width: 3%;background-color: #ffcc00;}
	}
	.elnes-loader {
	    width: 50px;
	    height: 50px;
	    border-radius: 50%;
	    animation-name: ELNES;
	    animation-duration: 2s;
	    animation-timing-function: linear;
	    animation-delay: 0s;
	    animation-iteration-count: infinite;
	    animation-play-state: running;
		transition: all 0.4s ease !important;
	}
	@keyframes ELNES {
	    0%   {transition: all 0.7s ease !important;margin-top: 0px;transform: rotateZ(0deg);border-top:  16px solid #ffcc00;border-bottom:  16px solid #ffcc00;border-left: 16px solid #ffcc00;border-right: 16px solid #ffcc00;}
	    25%  {transition: all 0.1s ease !important;margin-top: 200px;transform: rotateZ(90deg);border-top: 16px solid #193152;border-bottom: 16px solid #193152;border-left: 16px solid #193152;border-right: 16px solid #193152;}
	    50%  {transition: all 0.1s ease !important;margin-top: 100px;transform: rotateZ(180deg);border-top:  16px solid #193152;border-bottom:  16px solid #193152;border-left: 16px solid #193152;border-right: 16px solid #193152;}
	    75%  {transition: all 0.1s ease !important;margin-top: 200px;transform: rotateZ(270deg);border-top: 16px solid #193152;border-bottom: 16px solid #193152;border-left: 16px solid #193152;border-right: 16px solid #193152;}
	    100% {transition: all 0.7s ease !important;margin-top: 0px;transform: rotateZ(360deg);border-top:  16px solid #ffcc00;border-bottom:  16px solid #ffcc00;border-left: 16px solid #ffcc00;border-right: 16px solid #ffcc00;}
	}

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


/*-------- Gallery ---------*/
.con-new{
	padding-left: 10%;
	padding-right: 10%;
}
.text-container {
	background: #fff;
	padding: 29px 26px;
/*	margin-right: 10%;
	margin-left: 9.5%;*/
}



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


/*-------- Mobile Version ---------*/
	@supports not (-webkit-touch-callout: none) {
	  .safari {
	  	background-size: cover !important;
	  	background-repeat: no-repeat !important;
	  	background-attachment: fixed !important;
	  }
	}
	@supports (-webkit-touch-callout: none) {
  		.safari {
		  	background-position: center !important;
		    background-repeat: no-repeat !important;
  		}
	}


  /*  @media (max-width: @iphone-screen) {
        .sliders-img {
        	width: 100px !important;
    	}
  	}*/
	@media (min-width: 992px) {
	    .navbar-expand-lg .navbar-nav .nav-link {
	        padding-right: 1rem;
	        padding-left: 1rem;
	    }
	}
	@media (max-width: 1500px) {
		.about-us {
			width: 80%;
		}
	}
	@media (max-width: 992px) {
	    .navbar-light .navbar-toggler {
	        background: #fff;
	        border-radius: 0;
	    }
	    .banner {
	        min-height: 100vh;
	        padding: 100px 0;
	    }
	    .contentBox h1 {
	        font-size: 2rem;
	    }
	    .pro-list {
	    	width: 100%;
	    }
	}
	@media (max-width: 1400px) {
	    .navbar {
	        padding: 0rem .5rem;
	    }
	    .text-insideh1 {
	        font-size: 25px !important;
	        width: 258px;
	    }
	    .nav-link {
	        font-size: 11px;
	        font-weight: 600;
	    }
	    .hide-scr {
	        margin-top: 5px;
	        width: initial;
	        height: 45px;
	        visibility: visible !important;
	        display: inline-flex !important;
	    }
	    .pro-list {
	    	margin-left: auto;
			margin-right: auto;
			text-align: center;
	    }
	    .ser-det {
			padding: 0px 10px !important;
			font-size: 11px !important;
		}
	}
	@media (max-width: 1720px) {
		.ser-det {
			padding: 0px 15px;
			font-size: 12px;
		}
	}
	@media screen and (max-width: 398px) {
	    .navbar-brand {
	        font-size: 25px !important;
	    }
	    .navbar-brand > img {
	    	width: auto;
			height: 41px;
	        /* width: 30px;  50px */
	        /* height: 30px;  60px */
	    }
	}	
/*		@media screen and (min-width: 1000px) {
			.carousel-item {
				height: 100vh;
		  		min-height: 350px;
			}
		}*/

	@media screen and (max-width: 767px) {
		.alsm {
			margin-top: 5%;
		}
	    .text-inside {
	        font-size:  15px !important;
	    }
/*	    .carousel-item {
	    	width: 100% !important;
	    	height: 100vh !important;
	    	min-height: 350px;
	    }*/
	    .imgun {
	    	width: 100% !important;
	    	padding-right: 0px !important;
	    }
	    .header-container {
	        margin-top: 0px !important;
		/*	        bottom: 150px !important;
		*/	    }
	    .work-done {
	        padding-top: 10px !important;
	        font-size: 30px !important;
	        color: #000 !important;
	    }
	    .work-text {
	        font-size: 15px !important;
	        color: #000 !important;
	    }
	    .cpryt {
	        font-size: 12px !important;
	        padding-left: 5% !important;
	    }
	    .cpty {
	        font-size: 13px !important;
	    }
	    .ser-det {
			padding: 0px 10px !important;
			font-size: 14px !important;
			margin-bottom: 20px;
		}
	}

/**********************************/






/************ W3 Styles ************/

	.w3-animate-fading{-webkit-animation:fading 10s infinite;animation:fading 10s infinite}
	@-webkit-keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
	@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
	.w3-animate-opacity{-webkit-animation:opac 4s;animation:opac 4s}
	@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}
	@keyframes opac{from{opacity:0} to{opacity:1}}
	.w3-animate-top{position:relative;-webkit-animation:animatetop 1.4s;animation:animatetop 1.4s}
	@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
	@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
	.w3-animate-left{position:relative;-webkit-animation:animateleft 1.4s;animation:animateleft 1.4s}
	@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
	@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
	.w3-animate-right{position:relative;-webkit-animation:animateright 2.4s;animation:animateright 2.4s}
	@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
	@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
	.w3-animate-bottom{position:relative;-webkit-animation:animatebottom 2.4s;animation:animatebottom 2.4s}
	@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
	@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
	.w3-animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
	@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
	@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
	.w3-animate-bottomone{position:relative;-webkit-animation:animatebottomone 1.4s;animation:animatebottomone 1.4s}
	@-webkit-keyframes animatebottomone{from{bottom:-280px;opacity:0} to{bottom:0px;opacity:1}}
	@keyframes animatebottomone{from{bottom:-280px;opacity:0} to{bottom:0;opacity:1}}
	.w3-animate-bottomtwo{position:relative;-webkit-animation:animatebottomtwo 2.4s;animation:animatebottomtwo 2.4s}
	@-webkit-keyframes animatebottomtwo{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
	@keyframes animatebottomtwo{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

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












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