/**@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&family=Roboto:wght@900&family=Rubik:wght@500&family=Spinnaker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik&display=swap');
@font-face {
font-family: Gilroy;
src: url(gilroy.otf);
}
@font-face {
font-family: GT Eesti;
src: url(GTEestiProDisplay-Bold.ttf);

blue:#142b3b
#efa37f
#5f4a8b
##e69a8d   
}**/
body{
    margin: 0;
    padding: 0;
	
}
video {
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  opacity:0;
  z-index:1;
}
.navbar-brand{
	color:#fff !important;
	min-width:190px;
	border:1px solid rgba(0,0,0,0);
	padding:5px;
}
.brand-color{
	color:#fff !important;
	background-color:#142b3b;
	border-radius:4px;
}
.navbar-brand .diamonds{
	height:15px;
	width:15px;
	display:inline-block;
	margin-top:8px;
	color:#fff;
	border:2px solid #fff;
}
.logo{
	display:inline-block;
	position:absolute;
	margin-left:4px;
	width:30px
}
.forth-container-fluid{
	position:relative;
	width:100%;
	padding:0 !important;
}

.forth-container{
	position: -webkit-sticky;
	position:sticky;
	top:0;
	width:100%;
	background:#000;
	padding:20px;
	overflow-x:hidden;
}
 p{
	font-family: 'Poppins', sans-serif;
} 
.container-circle{
	width:400px;
	height:400px;
	background:rgba(0,0,0,0);
	border-radius:100%;
	border:3px dashed rgba(28, 61, 86,0.85);
	position: absolute;
	/* transition:9s ease-in-out; */
	animation: animate-circle 30s infinite alternate;
	transform: rotate(90deg);
}
.diff-text{
	color:#142b3b;
	font-weight:bold;
}
.circle-right{
	right:0 !important;
	top:0;
	margin-top:-50px;
	margin-right:-50px;
}
.circle-left{
	left:0;
	bottom:0;
	margin-bottom:-50px;
	margin-left:-50px;
	z-index:20;
}
.container-box{
	width:100px;
	height:100px;
	background:rgba(255,255,255,0.03);
	position: absolute;
	animation: animate-box 9s infinite alternate;
	transform: rotate(0px);
	filter:blur(2px);
	transform-style:preserve-3d;
	z-index:2;
}
.container-card{
	z-index:2;
	background:rgba(255,255,255,0.03);
}
.right-box{
	right:0;
	bottom:0;
	margin-right:50px;
	margin-bottom:50px;
	
}
.third-boxes{
	background:rgba(102,102,102,0.08);
}
.third-circles{
	border-color:rgba(102,102,102,0.08);
}
.mid-box{
	right:0;
	left:0;
	margin:0 auto;
	margin-top:15%;
	border-radius:100%;
}

@keyframes animate-box{
	0%,20%{
		transform:rotate(30deg) skewX(15deg);
	}60%,100%{
	transform: rotate(60deg) skewX(0deg);
	}
}
@keyframes animate-circle{
	0%,10%,100%{
	transform: rotate(10deg);
	}20%{
	transform: rotate(45deg);
	}40%{
	transform: rotate(90deg);
	}60%{
	transform: rotate(180deg);
	}80%{
	transform: rotate(270deg);
	}100%{
	transform: rotate(360deg);
	}
}
.diamonds-block{
	position:absolute;
	height:55px;
	width:165px;
	bottom:0;
	right:0;
	margin-bottom:30px;
	margin-right:30px;
	z-index:25;
}
.diamonds-block-in{
	position:relative;
	height:100%;
	width:100%;
}

.diamonds{
	display:block;
	position:absolute;
	width:55px;
	height:55px;
	background:#142b3b;
	transform:rotate(45deg);
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
}
.diamonds span{
	transform:rotate(-45deg);
}
.hidden{
	display:none !important;
}
.fade{
	opacity:.5; 
	transition:3s
}
.diamonds span:nth-child(2),.diamonds span:nth-child(3){
	opacity:0;
	animation:span 3s infinite alternate;
}
.diamonds:nth-child(1){
	transform:translateX(0%) rotate(45deg);
	animation:d1 3s infinite alternate;
	z-index:3;
}
.diamonds:nth-child(2){
	background:rgba(28, 61, 86,0.9);
	transform:translateX(10%) rotate(45deg);
	animation:d2 3s infinite alternate;
	z-index:1;
}
.diamonds:nth-child(3){
	background:rgba(28, 61, 86,0.85);
	transform:translateX(10%) rotate(45deg);
	animation:d3 3s infinite alternate;
	z-index:1;
	box-shadow:0 2px 4px rgba(0,0,0,0.3);
}
.bordered{
	position:absolute;
	height:100px;
	width:100px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.bordered-top{
	right:0;
	top:0;
	margin-top:10px;
	margin-right:10px;
	border-top:5px solid #000;
	border-right:5px solid #000;
}
.bordered-bottom{
	left:0;
	bottom:0;
	margin-bottom:10px;
	margin-left:10px;
	border-bottom:5px solid #000;
	border-left:5px solid #000;
	z-index:30;
}
@keyframes span{
	0%,20%{
		opacity:0;
	}50%,100%{
	opacity:1;
	}
}
@keyframes d1{
	0%,20%{
		transform: translateX(-10%) rotate(45deg);
	}60%,100%{
	transform: translateX(0%) rotate(45deg);
	}
}@keyframes d2{
	0%,20%{
		transform: translateX(20%) rotate(45deg);
	}60%,100%{
	transform: translateX(100%) rotate(45deg);
	}
}

@keyframes d3{
	0%,20%{
		transform: translateX(38%) rotate(45deg);
	}60%,100%{
	transform: translateX(200%) rotate(45deg);
	}
}
.container-card{
	position:relative;
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-content: center;
	align-items:center;
	z-index:2;
	background:rgba(0,0,0,0);
}
.first .headers{
	position:absolute;
}
.headers{
	opacity:0;
}
.outro{
	
}
.outro-header{
	font-family: 'Alfa Slab One', cursive;
	margin-top:120px;
	z-index:10;
	width:40%;
	color:#000;
}
.outro-header:before{
	content:'';
	display:block;
	height:3px;
	width:100px;
	top:0;
	margin-bottom:10px;
	background:#142b3b;
	
}
.first{
	background:#142b3b;
	overflow:hidden;
	z-index:1;
	height:100vh;
}
.forth-container h1{
	font-size:100px;
	color:#fff;
	font-family: 'Alfa Slab One', cursive;
}

.first h1,.contact-header{
	font-size:100px;
	color:#fff;
	font-family: 'Alfa Slab One', cursive;
	width:70%;

}

.contact-header{
	color:#142b3b;
	font-size:40px;
	margin-top:50px;
	text-align:center;
	width:100%;
	margin-bottom:50px;
}
.fwg-modal{
	top:0;
	position:fixed;
	width:100vw;
	height:100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	background:rgba(0,0,0,0.8);
	backdrop-filter:blur(45px);
	z-index:-1;
	opacity:0;
}
.fwg-modal .form fieldset{
	width:350px;
	height:auto;
	padding:10px;
	border:1px solid #fff;
}
legend{
	color:#fff;
}
.form input[type='text'],.form textarea{
	background:rgba(0,0,0,0);
	border:none;
	outline:none;
	border-bottom:1px solid #fff;
	border-radius:0px;
}
.form input[type='text']:focus,.form textarea:focus{
	background:rgba(255,255,255,0.5);
	outline:none !important;
	color:#000;
}
.form input::placeholder,.form textarea::placeholder{
	color:#fff;
}
.shown{
	z-index:100000;
	opacity:1;
	transition:0.5s ease-in-out;
}
.contact-card{
	height:135px;
	width:135px;
	transform:translateX(15%);
	margin-bottom:20px;
	background:#142b3b;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
	opacity:0;
	box-shadow:0px 3px 6px rgba(0,0,0,0.4);
	cursor:pointer;
}
.contact-btn{
	position:fixed;
	right:0;
	top:0;
	margin:20px 20px 0 0;
	color:#fff;
	z-index:10000;
}
.contact-card:hover i{
	transform:scale(1.2);
	color:#142b3b;
	-webkit-text-stroke:1px #fff;
}
.alert-success{
    background-color:#142b3b;
    color:#fff;
    font-size:13px;
    border:none;
}
.message-form input[type='text']{
    color:#fff;
}
.message-form{
    font-family: 'Poppins', sans-serif;
}
.close{
	font-size:30px;
	position:absolute;
	top:0;
	right:0;
	margin:20px 20px 0 0;
	color:#fff;
	opacity:1;
}
.left-card{
	float:left;
	margin-top:90px;
	transform:translateX(0%);
	cursor:pointer;
}
.contact-card i{
	font-size:40px;
	display:block;
	margin:0 auto;
	margin-top:10px;
	color:#fff;
}
.contact-card p{
	color:#fff;
}
.first p{
	font-size:20px;
	color:#fff;
	bottom:0;
}
.second{
	background:rgba(102,102,102,0);
	filter:blur(15px);
	background-image:url('../images/clipart-wave.png');
	background-size:cover;
	background-position:center;
	z-index:2;
	height:100vh;
}
.third{
	background:#fff;
	background-color: #ffffff;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23000000' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23090f14' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23101920' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%2313222d' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23142b3b' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23142b3b' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
z-index:3;
	overflow:hidden;
	padding-bottom:40px;
	min-height:80vh;
}
.third h1{
	-webkit-text-stroke:1px #fff !important;
	font-size:100px;
	color:rgba(0,0,0,0.2);
	overflow:hidden;opacity:0;
	width:80%;
}
.secondary-header h1{
	-webkit-text-stroke:1px #fff !important;
	font-size:100px;
	color:rgba(0,0,0,0.2);
}
.fourth{
	background:#fff;
	z-index:4;
	position:static;
}
.works-box{
	height:350px;
	opacity:0;
}

.works-box .card{
	height:100%;
	box-shadow: inset 5px 5px 5px rgba(0,0,0,0.2),
	inset -5px -5px 15px rgba(255,255,255,0.1);
	padding:10px;
	background:rgba(255,255,255,0.2);
	backdrop-filter:blur(5px);
	color:#142b3b;
	overflow:hidden;
}

.works-box .card-child:hover{
	transform:translateY(-10%);
	transition:0.5s;
	border-left:60px solid #142b3b;
}
.jump{
	transform:translateY(-10%);
	transition:0.5s;
	border-left:60px solid rgba(214,214,214,0.7);
}
.services-summary{
	margin-bottom:30px;
}
.works-box .card-child{
	height:100%;
	width:100%;
	background:#fff;
	border-radius:4px;
	border:1px solid #142b3b;
	padding:10px;
	font-family: 'Poppins', sans-serif;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color: #ffffff;
	will-change: transform; transform: perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='600' viewBox='0 0 900 600'%3E%3Cg fill-opacity='0.02'%3E%3Cpath fill='%23000' d='M306.9 210.2c-1.2-22.8-13.5-42.7-40.8-41.1c-18.3 1.1-35.9 3.6-47.5 20.1c-5.2 7.4-10.6 15.6-11.4 24.9c-0.5 5.8 0.2 12 1.2 17.7c9 49.6 85.3 46.7 96.4 0.2C306.6 224.9 307.3 217.4 306.9 210.2z'/%3E%3Cpath fill='%23000000' d='M137.2 481.3c-13.2-9.9-31.2-13.3-48.5-3.2c-12.6 7.3-19.1 17.4-21.1 28.2c-0.7 2.4-1.2 4.7-1.5 7c-8.2 35.4 33.7 78.9 72.6 48.6C167.6 539.3 164.4 501.6 137.2 481.3z'/%3E%3Cg fill='%23000000' %3E%3Cpath d='M547.9 588.3c-7.1-34.2-61.6-52.7-87.5-16.9c-11.2 11.3-12.7 26.3-7.6 39.7c1.8 7.5 5.5 13.9 10.4 19.1c19.4 20.3 53.4 26.2 72.8 1.9C545.9 619.7 553.9 604.2 547.9 588.3z'/%3E%3Cpath d='M547.9-11.7c-7.1-34.2-61.6-52.7-87.5-16.9c-11.2 11.3-12.7 26.3-7.6 39.7c1.8 7.5 5.5 13.9 10.4 19.1c19.4 20.3 53.4 26.2 72.8 1.9C545.9 19.7 553.9 4.2 547.9-11.7z'/%3E%3C/g%3E%3Cpath fill='%23000000' d='M849.7 498c-22.3 1.3-43.2 7.5-52.7 29.5c-3.3 7.7-7.3 15.7-7 24.3c2 55.6 86.1 63.4 98.8 10.1C890.6 554.6 877.3 496.4 849.7 498z'/%3E%3Cpath fill='%23000000' d='M762 291.1c-8.2-6.1-19.1-1.9-27.3 2.2c-7.4 3.7-14.4 8.2-21.6 12.1c-6.6 3.6-13.7 7-19.8 11.5c-18.3 13.5-2.5 45.1 10.6 56.4c17 14.6 41.6 15.9 59.6 2.1C794.1 351.8 790.7 312.4 762 291.1z'/%3E%3Cpath fill='%23000000' d='M863.3 170.3c-4.5-15.7-17.9-28.8-33.4-34.4c-16.2-5.8-38.4-2.9-51.8 8.1c-14.9 12.2-14.5 31.7-11.4 49c9.6 53.9 84.3 47.7 97-1.3C865.6 184.4 865.3 177.1 863.3 170.3z'/%3E%3Cpath fill='%23000000' d='M598.4 86.1c-10.2 15.5-9.3 34.2-0.9 50.4c2.6 5 6.2 9.5 10.4 13.2c14.2 12.6 35.5 17.1 53.2 9.5c14.3-6.1 23.9-19.8 26.7-34.7C707.4 75.6 629.7 38.5 598.4 86.1z'/%3E%3Cpath fill='%23000000' d='M509.8 413.3c-17.3 22.6-11.8 59 17.5 75.3c22.6 12.6 52.2 1.7 63.8-20.9c21.4-42-9.2-85-56.5-71C523.8 399.9 515.6 405.8 509.8 413.3z'/%3E%3Cpath fill='%23000000' d='M607.4 232.3c-0.5-0.4-1-0.8-1.4-1.2c-16.5-12.8-30.2-22.1-50.3-8.4c-15.5 10.6-29 30.3-31.4 49.1c-4.2 33.6 30.6 46.9 58.6 40.6C619.6 304.2 640.6 259.5 607.4 232.3z'/%3E%3Cpath fill='%23000000' d='M410.6 95c-36.5 1.3-74.1 41.8-43.1 74.3c19.8 20.9 54.4 20.7 74.6 0.5c20.5-20.4 18.4-53.1-6.9-68.6C427.7 96.6 419.2 94.7 410.6 95z'/%3E%3Cpath fill='%23000000' d='M291.3 23c-0.1-0.1-0.1-0.1-0.2-0.2c-14.2-16.9-38.3-25.6-61.4-12.3c-13.5 7.8-20.5 18.7-22.7 30.2c-5.7 18 1.5 34.2 14.2 44.8c15.4 16.8 40.3 24.1 64.2 5.5c9.6-7.4 15-16.3 17.2-25.4C308.6 48.8 302.7 33.6 291.3 23z'/%3E%3Cpath fill='%23000000' d='M419.1 440.6c-16.9-14.5-41.8-21.5-61.7-9.5c-18.3 11.1-1 100.1 32.2 93.5c23.8-4.7 45.3-22.4 48.1-44.3C439.6 466.1 431.5 451.3 419.1 440.6z'/%3E%3Cpath fill='%23000000' d='M127 227c-12-4.3-25.4-2.1-38.7 11.4C71 255.9 61.4 286.1 80.4 306c21.3 22.3 86.9 27.5 89.6-14.9c0.5-8.9-2.7-17.9-6.5-25.8C155.1 248.3 142.1 232.5 127 227z'/%3E%3Cpath fill='%23000000' d='M281.5 407.6c-0.3-0.4-0.7-0.7-1-1c-19.3-17.6-59.1-0.6-78.1 10.3c-23.8 13.7-8.2 41.1 5.4 55.8c16.3 17.6 42.7 25.2 68 5.8C291.3 466.6 295.5 422.7 281.5 407.6z'/%3E%3Cpath fill='%23000000' d='M137.9 110.2c-10.4-25.7-43.3-32.1-67-23.6C60.1 90.4 50 97.8 45.1 108.6c-21.2 47.3 44.9 81.1 78.5 51c9.5-8.5 17.3-18.9 17.4-32.4C141 120.8 139.9 115.1 137.9 110.2z'/%3E%3Cpath fill='%23000000' d='M344.3 284.7c-10 14.9-9.2 34.1-0.9 49.5c3.4 6.3 8.6 13.8 16.1 15.8c7.1 1.9 15.1 0.7 22.1-0.6c15.7-3 45.6-10.5 52.3-26.8C453.5 274.4 375.6 237.9 344.3 284.7z'/%3E%3Cg fill='%23000000' %3E%3Cpath d='M-29.2 431.8c23.4 12.4 54.1 1.7 66.1-20.6c9.6-17.8 10.4-40.4-3.3-56.5c-10.5-12.4-44.2-25.8-58.5-11.3c-3 3.1-5.1 7.1-6.9 10.9C-41.1 373.2-55 418.1-29.2 431.8z'/%3E%3Cpath d='M870.8 431.8c23.4 12.4 54.1 1.7 66.1-20.6c9.6-17.8 10.4-40.4-3.3-56.5c-10.5-12.4-44.2-25.8-58.5-11.3c-3 3.1-5.1 7.1-6.9 10.9C858.9 373.2 845 418.1 870.8 431.8z'/%3E%3C/g%3E%3Cpath fill='%23000' d='M671.4 460.5c-10.7 1.7-20.2 8.3-26.2 22.2c-21.5 49.5 45.4 84.9 79.4 53.3c16.3-15.2 24-31 6.5-48.1c-5.9-5.8-12.3-11-19.1-15.6C699.5 463.7 684.5 458.4 671.4 460.5z'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background:rgba(255,255,255,0.1);
	backdrop-filter:blur(5px);
}
.works-box .card-child .card-child-sibling{
	width:100%;
	min-height:60%;
}
.box-emf{
	display:inline-block;
	font-weight:bold;
	color:#344054;
	font-size:20px;
}
.product-wrap{
	position:relative;
	overflow-x:hidden;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23cccccc' stroke-width='1.3' stroke-opacity='0.42'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
	min-height:40vh;
	padding-bottom:100px;
}
.product-wrap:before{
	position:absolute;
	content:'';
	display:block;
	height:100%;
	width:100%;
	/* background-image:linear-gradient(to left, #f3f3f3, rgba(255,255,255,0.4));
	clip-path: polygon(26% 5%, 64% 8%, 100% 30%, 100% 100%, 70% 100%, 30% 100%, 0 100%, 0% 30%); */
	color:#000;
}
.card-child-sibling p{
	font-weight:bold;
	font-size:16px;
	-webkit-text-stroke:0.07em #fff !important;
	margin-top:10px;
}
.product-wrap:after{
	position:absolute;
	content:'';
	display:block;
	height:54px;
	width:100px;
	background:#fff;
	z-index:1;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto;
	transform:rotate(180deg);
	clip-path: polygon(100% 0, 0 0, 52% 100%);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23000000' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23090f14' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23101920' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%2313222d' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23142b3b' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23142b3b' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
}
.product-boxes{
/* 	position:absolute; */
	width:100%;
	height:100px;
	/* display:flex;
	justify-content:center;
	align-items:center; */
	font-weight:bold;
	
	color:#000;
	text-align:center;
}
.guides{
	margin-top:100px;
	width:100%;
	float:left;
	
}

.guides .card:before{
	position:absolute;
	content:attr(data-text);
	display:block;
	height:150px;
	width:150px;
	background:#fff;
	background-image: linear-gradient(to top, #fff 0%, #f1f1f1 100%);
	color:#fff;
	z-index:2 !important;
	text-align:center;
	border:1px solid #ccc;
	border-radius:50%;
	padding-top:30%;
	transform:rotate(45deg);
	transition:0.5s;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23000000' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23090f14' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23101920' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%2313222d' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23142b3b' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23142b3b' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
	box-shadow:2px 2px 4px rgba(0,0,0,0.5);
}
.guides .card-wrap:hover .card:before,.selected-wrap .vision-card:before{
	transform:rotate(0);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23000000' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23090f14' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23101920' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%2313222d' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23142b3b' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23142b3b' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E") !important;
background-attachment: fixed;
background-size: cover;
	color:#fff !important;
	font-weight:bold;
	cursor:pointer;
}

.guides .card-wrap:hover .product-text-wrap,.selected-wrap .first-text-wrap{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23000000' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23090f14' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23101920' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%2313222d' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23142b3b' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23142b3b' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E") !important;
background-attachment: fixed;
background-size: cover;
	color:#fff;
	transition:0.6s;
	box-shadow:1px 2px 4px rgba(102,102,102,0.5);
	border-radius:10px;
	font-weight:bold;
	will-change:transform;
	transform:perspective(1000px) rotateX(-8.6deg) rotateY(19.46deg) scale(1,1,1) !important;
}
.guides .card:after{
	position:absolute;
	content:'';
	display:block;
	height:1px;
	width:110%;
	background:#ccc;
	transform:translate(-50%,-50%);
	z-index:1 !important;
}
.product-text-wrap{
	margin-top:70px;
	/* box-shadow: 6px 2px 5px 0px rgba(0,0,0,0.2); */
	padding:10px;
	
}
 .guides .vision-card:after{
	display:none;
} 
.guides .card{
	justify-content:center;
	align-items:center;
	width:80%;
	min-height:70px;
	position:relative;
	border:none;
	background:rgba(0,0,0,0);
}
.header-continue{
	color:#fff;
}
.other-services p{
	margin:0;
	color:#142b3b;
}
.web-dev,.networking{
	background-image:url('../images/web-dev.jpg');
	background-size:cover;
	background-position:center;
	border-radius:10px;
	height:230px;
	width:100%;
}
.networking{
	background-image:url('../images/network.jpg');
}
.anim-boxes{
	height:90px;
	width:160px;
	background:#fff;
	padding:20px;
	border-radius:10px;
	padding-top:5px;
	color:#ccc;
	position:relative;
	margin:0 auto;
	box-shadow:2px 2px 4px rgba(255,255,255,0.5);
}
.fa-shopping-basket{
	font-size:30px;
	position:relative;
	display:block;
	height:40px;
	width:40px;
	margin: 0 auto;
}
.fa-shopping-basket:after{
	content:'1';
	position:absolute;
	display:block;
	height:20px;
	width:20px;
	top:0;
	background:#142b3b;
	color:#fff;	
	font-size:14px;
	border-radius:50%;
	padding-top:3px;
	transform:translateX(110%);
	animation:cart 3.05s infinite alternate;
}
.commerce .anim-boxes .btn{
	animation:pointer-btn 3s infinite alternate;
}
.commerce .anim-boxes .mouse{
	position:absolute;
	top:0;
	margin-top:60px;
	right:0;
	animation:pointer 3s infinite alternate;
	font-size:30px;
}
.commerce .anim-boxes .hand{
	position:absolute;
	top:0;
	margin-top:60px;
	right:0;
	margin-right:60px;
	animation:hand 3s infinite alternate;
	font-size:30px;
	opacity:0;
	color:#f3f3f3;
}
.business .icon{
	font-size:120px;
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
}
/* @keyframes cart{
	0%,40%{
		opacity:0;
	}70%,100%{
	opacity:1;
	}
} */
@keyframes pointer{
	0%,20%{
		transform:translateX(0%);
	}50%,100%{
	transform:translateX(-300%);
	color:#f3f3f3;
	}90%,100%{
	opacity:0;
	}
}

@keyframes hand{
	0%,50%{
		opacity:0;
	}60%,100%{
	opacity:1;
	}
}

@keyframes pointer-btn{
	0%,20%{
		color:#142b3b;
		background:#fff;
		border:1px solid #142b3b;
	}50%,100%{
	   background:#142b3b;
	   color:#fff;
	}
}
.p-solutions{
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	margin-top:40px;
	z-index:5;
	transform-style:preserve-3d;
	animation:solutions 14s infinite alternate;
	animation-delay:calc(2s * var(--i));
	transform:translateY(-100%);
	/* opacity:0; */
	background:#fff;
	color:#000;
	width:100px;
	letter-spacing:1px;
}
 .p-solutions:nth-child(7){
	transform:translateY(0%);
	font-size:15px;
}

.ip{
	color:#142b3b;
	font-size:14px;
	font-weight:nornal;
}
@keyframes solutions{
	0%,20%,100%{
	transform:translateY(-100%);
	}50%,100%{
	transform:translateY(0%);
	}
}
.projects-wrap{
	min-height:30vh;
	width:100%;
	margin-top:-1px;
	background:#666;
	border-top:#f5f5f5;
	background:#142b3b;
	position:relative;
z-index:100;
	padding-top:40px;
	overflow-x:hidden;
}
.projects-wrap .container .row{
	display:flex;
	width:200%;
	transition:.5s ease-in-out;
	margin-top:40px;
	padding-bottom:30px;
	padding-right:30px;
}
.col{
	width:8% !important;
	min-width:300px;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}
.controls{
	position:absolute;
	width:40px;
	height:40px;
	text-align:center;
	border-radius:50px;
	padding-top:5px;
	color:#fff;
	font-size:30px;
	z-index:3;
	background:rgba(0,0,0,0.5);
	margin-top:100px;
}
.right{
	right:0;
	margin-right:20px;
}
.controls:hover{
	background-color:rgba(255,255,255,0.7);
	color:#142b3b;
	cursor:pointer;
}
.projects-wrap:after{
	position:absolute;
	content:'';
	display:block;
	height:50px;
	width:100px;
	top:0;
	background:#f5f5f5;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='30' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23cccccc' stroke-width='1.3' stroke-opacity='0.42'%3E%3Cpath d='M-500 75c0 0 125-30 250-30S0 75 0 75s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 45c0 0 125-30 250-30S0 45 0 45s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 105c0 0 125-30 250-30S0 105 0 105s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 15c0 0 125-30 250-30S0 15 0 15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500-15c0 0 125-30 250-30S0-15 0-15s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3Cpath d='M-500 135c0 0 125-30 250-30S0 135 0 135s125 30 250 30s250-30 250-30s125-30 250-30s250 30 250 30s125 30 250 30s250-30 250-30'/%3E%3C/g%3E%3C/svg%3E");
	left:0;
	right:0;
	margin:0 auto;
	clip-path: polygon(100% 0, 0 0, 52% 100%);
}
.projects-wrap .container{
	position:relative;
	overflow-x:hidden;
}
.partner-wrap{
	min-height:50vh;
	width:100%;
	margin-top:-1px;
	background:#666;
	border-top:#f5f5f5;
	background:#ffffff;
	position:sticky;
	z-index:1000;
	top:0;
}
.project-card{
	width:100%;
	height:250px;
	background-color:rgba(255,255,255,0.1) !important;
	backdrop-filter: blur(5px);
	border:1px solid rgba(255,255,255,0.3);
	padding:15px;
	overflow:hidden;
}
.project-card-inner{
	max-width:100%;
	height:100%;
}
.col span a{
	display:block;
	font-weight:bold;
	color:#fff;
	margin-top:20px;
}
.project-card-inner img{
	width:100%;
	height:100%;
	object-fit:cover;
}
@media only screen and (max-width:415px){
.forth-container h1{
	font-size:50px;
}
}
@media only screen and (max-width:375px){
.forth-container h1{
	font-size:42px;
}
.third h1{
	font-size:40px !important;
}
}

@media only screen and (max-width:769px){
	.third{
	min-height:120vh;
	padding-bottom:100px;
}
	.guides .card:before{
	position:absolute;
	content:attr(data-text);
	display:block;
	height:110px;
	width:110px;
	background:#fff;
	color:#000;
	z-index:2 !important;
	text-align:center;
	border:1px solid #ccc;
	border-radius:50%;
	padding-top:50%;
	font-size:13px;
}
.outro{
	padding:0;
}
.card-wrap{
	padding-right:0 !important;
	margin-top:40px;
	width:100% !important;
}

.guides{
		margin-top:30px;
	}
.guides .card:after{
	position:absolute;
	content:'';
	display:block;
	height:390%;
	width:1px;
	background:#ccc;
	transform:translate(-50%,-50%);
	z-index:1 !important;
}
.vision-card:after{
	display:none !important;
	
}
.product-text-wrap{
	margin-top:0px;
	/* box-shadow: 6px 2px 5px 0px rgba(0,0,0,0.2); */
	padding:10px;
	padding-right:0 !important;
}
.outro-header{
	width:90%;
	z-index:999;
}
.product-wrap:before{
	clip-path: polygon(49% 2%, 100% 6%, 100% 100%, 75% 100%, 0 100%, 0% 60%, 0 9%);
	color:#000;
}
	.product-boxes{
	margin-bottom:100px;
	}
.works-box-wrap{
	max-height:75%;
	overflow-y:scroll;
}
.bordered{
	height:30px;
	width:30px;
}
.forth-container h1{
	font-size:42px;
}
.works-box{
	margin-top:30px;
}
.diamonds-block{
	margin-bottom:25px;
	margin-right:30px;
}
.works-box .card{
	z-index:21;
}
.product-boxes{
	margin-bottom:10px;
}
.third h1{
	width:100%;
}
}

@media (min-width:375px) and (max-width:768px){
	.guides .card:before{
		padding-top:30%;
	}
}

@media (min-width:768px) and (max-width:769px){
	.guides .card:before{
	position:absolute;
	content:attr(data-text);
	display:block;
	height:110px;
	width:110px;
	color:#000;
	z-index:2 !important;
	text-align:center;
	border:1px solid #ccc;
	border-radius:50%;
	padding-top:30%;
}
.guides .card:after{
	position:absolute;
	content:'';
	display:block;
	height:1px;
	width:110%;
	background:#ccc;
	transform:translate(-50%,-50%);
	z-index:1 !important;
}
.guides .card{
margin-bottom:20px;
}
.outro-header{
	width:60%;
	z-index:999;
}
.guides{
	margin-top:0px;
}
}

@media (min-width:540px) and (max-width:768px){
	.guides .card:before{
		padding-top:25%;
	}
	
}
@media (min-width:769px) and (max-width:988px){
	.guides .card:before{
		padding-top:50%;
	}
}
@media (min-width:320px) and (max-width:460px){
	.guides .card:before{
		padding-top:40%;
	}
	.col{
	max-width:330px;
}
.other-services{
	margin-top:5px;
}
}
@media only screen and (max-width:285px){
	.third h1{
		font-size:33px !important;
		margin-top:30px;
	}
}