@font-face {
    font-family: 'basis_grotesque_proregular';
    src: url('../../../portfolio/webfonts/fontsfree-net-basisgrotesquepro-regular-webfont.woff2') format('woff2'),
         url('../../../portfolio/webfonts/fontsfree-net-basisgrotesquepro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'basis_grotesque_promedium';
    src: url('../../../portfolio/webfonts/fontsfree-net-basisgrotesquepro-medium-webfont.woff2') format('woff2'),
         url('../../../portfolio/webfonts/fontsfree-net-basisgrotesquepro-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
  background-color: #001125;
}
.logo-img {opacity:.9;}
.eyebrow {
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  color: #fff;
}

h1 {
  color: #48FFF2;
  font-weight: 700 !important;
}

h1, h2 {
  font-family: "Sofia Sans", sans-serif;
}

h2 {
  font-weight: 600;
  color: #fff;
}

.subtitle {
  font-size: 25px;
  color: #ebebeb;
  font-weight: 200;
  max-width: 550px;
  margin-right: auto;
  margin-left: auto;
}

p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  color: #d6d6d6;
  font-weight: 300;
}

.service-card {
  border: 1px solid #1B5262;
  border-radius: 20px;
}
.service-card img {
  max-width: 170px;
}
.service-card:hover {
  background: linear-gradient(160deg, #004944 0%, #391246 100%) !important;
}
.service-card:nth-child(2) {
  background: radial-gradient(at center center, #001125 80%, #23DACC 100%);
}
.service-card:nth-child(4) {
  background: linear-gradient(200deg, #001125 89%, #AE23DA 100%);
}
.service-card:nth-child(6) {
  background: linear-gradient(300deg, #001125 80%, #23DACC 100%);
}
.service-card .blue-line {
  width: 100%;
  border-top: 1px solid #1B5262;
}

.service-card-2:nth-child(1) {
  background: linear-gradient(170deg, #001125 90%, #AE23DA 100%);
}
.service-card-2:nth-child(2) {
  background: linear-gradient(170deg, #001125 60%, #23DACC 100%);
}
.service-card-2:nth-child(3) {
  background: radial-gradient(at center center, #001125 75%, #23DACC 100%);
}
.service-card-2:nth-child(4) {
  background: none;
}
.service-card-2:nth-child(6) {
  background: linear-gradient(41deg, #001125 94%, #23DACC 100%);
}
.service-card-2 .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  background-color: #0B243E;
  border: 1px solid #48FFF2;
  border-radius: 50%;
}
.service-card-2 .icon i {
  color: #48FFF2;
  font-size: 30px;
}

.service-card h2 {opacity:.85;}
.service-card:hover h2 {opacity:1;}

.grid-3 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 991px) {
  .grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .grid-3 {
    grid-template-columns: 1fr;
  }
}

.big-card {
  border: 2px solid #1B5262;
  background: linear-gradient(160deg, #0B243E 46%, #004944 100%);
  border-radius: 20px;
}

.socials a {
  padding: 4px 8px;
  border-radius: 3px;
  text-decoration: none;
  transition: ease 0.3s;
  font-size: 18px;
  font-family: "Inter", sans-serif;
  font-weight: 300;
}
.socials a:hover {
  color: #fff !important;
}
.socials a.fb {
  color: #3b5998;
}
.socials a.fb:hover {
  background-color: #3b5998;
}
.socials a.tw {
  color: #1da1f2;
}
.socials a.tw:hover {
  background-color: #1da1f2;
}
.socials a.wa {
  color: #19B206;
}
.socials a.wa:hover {
  background-color: #19B206;
}
.socials a.tg {
  color: #12BBDD;
}
.socials a.tg:hover {
  background-color: #12BBDD;
}

#main_menu li a{
	color:#ebebeb;
	padding:5px 15px;
	text-decoration:none !important;
	font-family: 'basis_grotesque_promedium', sans-serif;
		font-weight: 400;
		text-transform: uppercase; 
font-size:14px;
}
#main_menu li.active a {color:#48fff2;}


#lang_nav li a{
	color:#fff;
	padding:5px;
	text-transform:uppercase;
	text-decoration:none !important;
}
#lang_nav li.active a {color:#48fff2;}



/*--------------------------------------------------
	03. Page Preloader
---------------------------------------------------*/	
	
	.disable-ajaxload .preloader-wrap {
		display:none;
	}
	
	.preloader-wrap {
		width: 100%;
		height:100%;
		position: fixed;
		top: 0; 
		bottom: 0;
		background: #000;
		z-index : 1800;
		text-align:center;
	}
	
	.preloader-wrap .outer {
		padding: 0px;
		box-sizing:border-box;
	}
	
	.preloader-wrap .inner {
		vertical-align:middle;
		box-sizing:border-box;
	}
	
	.percentage-wrapper {
		height: 20px;
		position:absolute;
		margin-bottom: 20px;
		right:-40px;
		top:0;
		overflow:hidden;
	}
	
	.percentage {
		opacity: 1;
		font-size: 12px;
		font-weight: 500;
		line-height: 20px;
		width:30px;
		height: 20px;
		color:rgba(255,255,255,0.6);
		display: table;
		margin: 0 auto;
	}
	
	.percentage::after {
		content: "%";
		width: 20px;
		height: 20px;
		font-size: 12px;
		line-height: 20px;
		color:rgba(255,255,255,0.6);
	}
	
	.percentage-intro {
		height: 20px;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		color:rgba(255,255,255,0.6);
		position: absolute;
		bottom: 60px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	
	.trackbar {
		width: auto;
		height: auto;
		margin:0 auto;
		display:table;
		position: relative;
		padding:0px;
		opacity: 1;
	}
	
	.loadbar {
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.8);
		position: absolute;
		top: 0px;
		right: 0;
		overflow: hidden;
	}
	
	.hold-progress-bar {
		width: 0%;
		height: 0px;
		background: rgba(0,0,0,1);
		position: absolute;
		top: 0px;
		left: 0;
		right:0;
		overflow: hidden;
	}
	
	.preloader-intro {
		font-weight:500;
		position: relative;
		display:block;
		font-size: 5vw;
		line-height:6vw;
		color:#fff;
		overflow:hidden;
		margin:0;
	}
	
	.preloader-intro span {
		position: relative;
		display:block;
	}
	
	.uppercase-text .preloader-wrap {
		text-transform:uppercase;
	}


	body:not(.light-theme) .footer-information img {filter: brightness(0) invert(1);}

	@media (max-width: 767px) {
		#bottom_menu li a {font-size:1.1rem  !important; padding: 5px 0 !important; display:inline-block  !important;}
	}