@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap&subset=latin-ext');

html, body, input, textarea, submit { background: url(images/bg.jpg) center repeat;background-attachment:fixed;font-size:14px;line-height:18px;height:100%;color:#000;font-family: 'Open Sans', sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, ol, p, blockquote, pre, a, big, em, img, q, small, strong, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;margin: 0;outline: 0;padding: 0; }

@media screen and (min-width: 1001px) and (max-width: 10000px) {
.no-comp { display:none !important; }

.wrapper {
	float:left;
	width:100%;
	height:5vw;
	margin:0px 0px 0px 0px;
	padding:0px 2vw 0px 2vw;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.5);
	z-index:30;
}	
	.wrapper .logo {
		float:left;
		position:relative;
		text-decoration:none;
	}
		.wrapper .logo .img {
			float:left;
			width:3.4vw;
			position:relative;
		}
		.wrapper .logo .name {
			float:left;
			margin:0px 0px 0px 1vw;
			padding:0px 0px 0px 0px;
			font-size:0.7vw;
			font-weight:400;
			line-height:0.7vw;
			color:#fff;
		}
	.wrapper .menu {
		float:left;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		list-style: none; 
	}
		.wrapper .menu__name {
			float:left;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;		
		}			
		.wrapper .menu__href {
			float:left;
			height: 100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 1.1vw 0px 1.1vw;
			color:#fff;
			font-size:0.7vw;
			font-weight:400;
			line-height:0.7vw;
			text-transform:uppercase;
			text-decoration:none;
			letter-spacing: 0.5px;
			border-bottom: 2px solid rgba(0,0,0,0);
		}
			.wrapper .menu__href:hover {
				color:#1799d8;
				border-bottom: 2px solid #1799d8;
			}
			.wrapper .menu__name.menu__active .menu__href {
				color:#1799d8;
				border-bottom: 2px solid #1799d8;
			}
		.wrapper .menu__hr {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.wrapper .menu__name:last-child .menu__href .menu__hr { 
				display:none;
				visibility:hidden;
			}
	
	.wrapper.smallWrapper {
		height:4vw;
		
	}
	.wrapper.smallWrapper .logo {
		
	}
	
.slideShow {
	float:left;
	width:100%;
	height:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:#000;
}
	.slideShow .slideShow-owl {
		float:left;
		width:100%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.slideShow .slideShow-owl .slide {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.slideShow .slideShow-owl .slide .inside {
				float:left;
				width:100%;
				position:absolute;
				left:0;
				bottom:0;
				margin:0px 0px 0px 0px;
				padding:2.5vw 7% 2.5vw 7%;
				z-index:3;
				background: rgba(0, 40, 81, .6);				
			}
				.slideShow .slideShow-owl .slide .inside .header {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color:#fff;
					font-size:1.5vw;
					line-height:1.5vw;
					font-weight:400;
					position:relative;
				}
					
			.slideShow .slideShow-owl .slide .img {
				float:left;
				width:100%;
				height:100%;
				position:absolute;
				left:0;
				top:0;
				object-fit: cover;
				z-index:2;
			}
	.slideShow .slideShow-owl .owl-nav { 
		float:left;
		width:100%;
		margin:-1.6vw 0px 0px 0px;
		left:0;
		top:50%;
		position:absolute;
		z-index:5; 	
		font-size:0;
	}
		.slideShow .slideShow-owl .owl-nav .owl-next {
			float:left;
			width:2.2vw;
			height:2.2vw;
			position:absolute;
			top:0;
			right:2%;
			font-size: 0;
			background: url(images/arrowRight.svg) center no-repeat !important;
			background-size:2.15vw;
		}
		.slideShow .slideShow-owl .owl-nav .owl-prev {
			float:left;
			width:2.2vw;
			height:2.2vw;
			position:absolute;
			top:0;
			left:2%;	
			font-size: 0;
			background: url(images/arrowLeft.svg) center no-repeat !important;
			background-size:2.15vw;
		}
			.slideShow .slideShow-owl .owl-nav .owl-next:focus, .slideShow .slideShow-owl .owl-nav .owl-prev:focus {
				outline:none;
			}
	.slideShow .slideShow-owl .owl-dots { 
		float:left;
		width:84%;
		left:7%;
		bottom:1vw;
		position:absolute;
		z-index:5; 
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-items:center;
		align-content:center;
		counter-reset: section;
	}
	.slideShow .slideShow-owl .owl-dots .owl-dot { 
		float:left;
		width:1.6vw;
		height:0.3vw;
		position:relative;
		margin:0px 0.2vw 0px 0.2vw;
		padding:0px 0px 0px 0px;
		color: #3b3a3a;
		font-size: 0.8vw;
		font-weight: 400;
		line-height: 0.8vw;
		border:0px solid #3b3a3a;
		background:#2c4259;
		border-radius:40em;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.slideShow .slideShow-owl .owl-dots .owl-dot:focus {
			outline:none;
		}
	.slideShow .slideShow-owl .owl-dots .active { 
		float:left;
		position:relative;
		color: #000;
		border:0px solid #fff;
		border-radius:40em;
		background:#fff;
		
	}
	.video {
		float:left;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		min-width:100%;
		height:100%;		
		min-height:100%;		
		z-index: 1;
		object-fit: cover;	
	}
	
.home {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:4vw 0px 0px 0px;
}
	.home .header {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 4vw 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:1.5vw;
		line-height:1.5vw;
		font-weight:300;
		text-align:center;
		text-transform:uppercase;
	}
	.home .list {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 4vw 0px;
		padding:0px 0px 0px 0px;
	}
		.home .featuredWrap {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 4vw 0px;
			padding:0 2vw;
			box-sizing:border-box;
		}
				.home .list.list-50 {
					width:50%;
				}
				.home .list.list-50 .box {
					width:50%;
					height:auto;
					aspect-ratio: 765 / 1134;
				}
				.home .list .box.boxAll {
					width:100%;
					height:auto;
					aspect-ratio: 765 / 1134;
				}
			.home .list .box {
				float:left;
				width:25%;
				height:30vw;
			position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				overflow:hidden;
			}
			.home .list .box .name {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:2vw 4vw 1vw 2vw;
			color:#fff;
			font-size:1.5vw;
			line-height:1.5vw;
			font-weight:400;
			z-index:3;
		}
		.home .list .box .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 2vw 0px 2vw;
			color:#fff;
			font-size:0.95vw;
			line-height:1.5vw;
			font-weight:300;
			z-index:3;
			text-align:justify;
			opacity:0;
			right:100%;
		}
		.home .list .box .mainFoto:after {
			content: ' ';
			float:left;
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			z-index:2;
			background: rgba(0,0,0,0.6);
			opacity:0.4;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
			.home .list .box .mainFoto {
				float:left;
				width:100%;
				height:100%;
				position:absolute;
				left:0;
				top:0;
				z-index:1;
				overflow:hidden;
			}
				.home .list .box .mainFoto.sizeNew {
					background:#112a60;
				}
					.home .list .box .mainFoto .img {
						float:left;
						width:100%;
						height:100%;
						margin-top:0;
						margin-left:0;
						object-fit: contain;
						object-position:center center;
						transform: scale(1.05);
						transform-origin: center center;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
					}
						.home .list .box .mainFoto.sizeNewN .img {
							width:100%;
							height:100%;
							margin-top:0;
							margin-left:0;
							object-fit: cover;
							object-position:center center;
							transform: scale(1.05);
						}
						.home .list .box .mainFoto.sizeUnicorns .img {
							width:100%;
							height:100%;
							margin-top:0;
							margin-left:0;
							object-fit: cover;
							object-position:center center;
							transform: scale(1.05);
						}
		.home .list .box:hover .text {
			right:0;
			opacity:1;
		}
		.home .list .box:hover .mainFoto:after {
			opacity:1;
		}
				.home .list .box:hover .mainFoto .img {
						width:100%;
						height:100%;
						margin-top:0%;
						margin-left:0%;
						transform: scale(1);
					}
					.home .list .box .mainFoto.sizeNew .img {
						height:100% !important;
						width:100% !important;
						margin-top:0;
						margin-left:0%;
						object-fit: cover !important;
						object-position:center center;
						transform: scale(1.05) scaleY(1.08);
					}
						.home .list .box:hover .mainFoto.sizeNew .img {
							height:100% !important;
							width:100% !important;
							margin-top:0 !important;
							margin-left:0% !important;
							object-fit: cover !important;
							transform: scale(1) scaleY(1.08) !important;
						}
						.home .list .box .mainFoto.sizeUnicorns .img {
							height:100% !important;
							width:100% !important;
							margin-top:0;
							margin-left:0%;
							object-fit: cover !important;
							transform: scale(1.05);
						}
							.home .list .box:hover .mainFoto.sizeUnicorns .img {
								height:100% !important;
								width:100% !important;
								margin-top:0 !important;
								margin-left:0% !important;
								object-fit: cover !important;
								transform: scale(1) !important;
							}
			
	.home .twitter-block {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 4vw 0px;
	}
	
.baner {
	float:left;
	width:100%;
	height:15vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.baner .header {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:6vw 4vw 1vw 2vw;
		color:#fff;
		font-size:1.5vw;
		line-height:1.5vw;
		font-weight:300;
		z-index:3;
		text-align:center;
		text-transform:uppercase;
		letter-spacing:2px;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.baner .header:before {
			content: ' ';
			float:left;
			width:5vw;
			height:3px;
			position:relative;
			margin:0px 0px 1vw 0px;
			background:#1799d8;
		}
	.baner .mainFoto {
		float:left;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		z-index:1;
	}
			.baner .mainFoto:after {
				content: ' ';
				float:left;
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				background:#000;
				opacity:0.1;
			}
		.baner .mainFoto .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		
.about {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:3vw 18vw 3vw 18vw;	
}
	.about .text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:0.9vw;
		line-height:1.5vw;
		font-weight:300;
	}

.team {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:10vw 20vw 4vw 20vw;
}
	.team .person {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 4vw 0px;
	}
			.team .person:nth-child(even) .mainFoto {
				float:right;
			}
			.team .person:nth-child(even) .inside {
				float:left;
			}
			.team .person:nth-child(even) .inside .name {
				text-align:right;
			}
			.team .person:nth-child(even) .inside .position {
				text-align:right;
			}
			.team .person:nth-child(even) .inside .position:after {
				left: calc(100% - 2.5vw);
			}
			.team .person:nth-child(even) .inside .text {
				text-align:right;
			}
		.team .person .mainFoto {
			float:left;
			width:18vw;
			height:18vw;
			position:relative;
			overflow:hidden;
			border-radius:40em;
		}
			.team .person .mainFoto .img {
				float:left;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
		.team .person .inside {
			float:right;
			width:35vw;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.team .person .inside .name {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 1.2vw 0px;
				padding:0px 0px 0px 0px;
				color:#fff;
				font-size:2.5vw;
				line-height:2.5vw;
				font-weight:300;
				text-transform:uppercase;
				letter-spacing:4px;
			}
			.team .person .inside .position {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:1.2vw 0px 0px 0px;
				color:#fff;
				font-size:1.2vw;
				line-height:1.2vw;
				font-weight:400;
				text-transform:uppercase;
				letter-spacing:4px;
			}
				.team .person .inside .position:after {
					content: ' ';
					float:left;
					width:2.5vw;
					height:4px;
					position:absolute;
					left:0;
					top:0;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					background:#1799d8;
				}
			.team .person .inside .text {
				float:left;
				width:100%;
				position:relative;
				margin:2vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				color:#fff;
				font-size:0.8vw;
				line-height:1.3vw;
				font-weight:300;				
			}
			
.projects {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8vw 16vw 3vw 16vw;
}
	.projectsFiltr {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 3vw 0px;
		padding:0px 0px 0px 0px;
	}
		.projectsFiltr .filtrName {
			float:left;
			position:relative;
			margin:0px 0.2vw 0px 0.2vw;
			padding:0.5vw 1.5vw 0.5vw 1.5vw;
			color:#fff;
			font-size:0.8vw;
			line-height:1.1vw;
			font-weight:300;
			text-transform:uppercase;
			border:1px solid #fff;
			cursor:pointer;		
		}
			.projectsFiltr .filtrName:hover, .projectsFiltr .filtrName.activeFiltr {
				background:#083e7e;
				border:1px solid #083e7e;
			}
	.projectsList {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.projectsList .box {
			float:left;
			width: calc(25% - 4vw);
			height:20vw;
			position:relative;
			margin:0px 0.5vw 1vw 0.5vw;
			text-decoration:none;
			overflow:hidden;
		}
			.projectsList .box .name {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				color:#fff;
				left:100%;
				font-size:1vw;
				line-height:1.6vw;
				font-weight:400;
				text-transform:uppercase;
				text-align:center;
				letter-spacing:2px;
				z-index:3;
			}
			.projectsList .box .mainFoto {
				float:left;
				width:100%;
				height:100%;
				position:absolute;
				left:0;
				top:0;
				z-index:1;
			}
					.projectsList .box .mainFoto.sizeNew {
						background:#112a60;
					}
					.projectsList .box .mainFoto:after {
						content: ' ';
						float:left;
						width:100%;
						height:100%;
						position:absolute;
						top:0;
						left:0;
						z-index:2;
						background-color: rgba(29,68,131,0.8);
						opacity:0;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
					}
				.projectsList .box .mainFoto .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
						.projectsList .box .mainFoto.sizeNew .img {
							width:100% !important;
							height:auto !important;
							object-fit: cover;	
						}
					.projectsList .box:hover .name {
						left:0;
					}
					.projectsList .box:hover .mainFoto:after {
						opacity:1;
					}
					
.projectPage {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8vw 20vw 4vw 20vw;
}
	.projectPage .fotoBox {
		float:left;
		width:30%;
		position:relative;
		margin:0px 0px 2vw 0px;
		padding:1vw 1vw 1vw 1vw;
		background: rgba(8, 62, 126, 0.6);
	}
		.projectPage .fotoBox .mainFoto {
			float:left;
			width:auto !important;
			height:100% !important;
			position:relative;
			overflow:hidden;
		}
			.projectPage .fotoBox .mainFoto .img {
				float:left;
				width:100%;
				height:100%;
		
			}
	.projectPage .text {
		float:left;
		width:60%;
		position:relative;
		margin:1vw 0px 4vw 5%;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:0.9vw;
		line-height:1.4vw;
		font-weight:300;	
	}
		.projectPage .projectsList .box {
			height:15vw;
		}
			.projectPage .projectsList .box .name {
				font-size:1.1vw
			}
				
.contact {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:2vw 4vw 2vw 4vw;
}
	.contact .box {
		float:left;
		width:50%;
		height:20vw;
		padding:0px 2vw 0px 2vw;
		position:relative;
	}
	.contact .text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:0.9vw;
		line-height:1.5vw;
		font-weight:300;
		text-align:center;
	}
		
		.contact .text h2 {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 1vw 0px;
			font-size:1.5vw;
			line-height:2vw;
			color:#fff;
			font-weight:400;
		}
		.contact .text a {
			text-decoration:none;
			color:#fff;
		}
			.contact .text em {
				font-size:0.9vw;
			}
		.contact .text .iconContact {
			position:relative;
			margin:0px 0px 0px 0px;
			top:0.1vw;
			right:0.5vw;
			width:1.05vw !important;
			height:auto !important;
		}
	
.googleMap {
	float:left;
	width:100%;
	height:100%;
	position:relative;
}
	.googleMap .mapaBox {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
		.contentMap {
			float:left;
			position:relative;
			padding:0.8vw;
		}
			.contentMap__name {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0.5vw 0px;
				color: #383436;
				font-size: 1.1vw;
				font-weight: 800;
				line-height: 1.1vw;
				text-align:left;
				letter-spacing: 1px;
			}
			.contentMap__text {
				float:left;
				width:100%;
				position:relative;
				color: #383436;
				font-size: 0.9vw;
				font-weight: 400;
				line-height: 1.3vw;
				text-align:left;
				letter-spacing: 1px;
			}
				.gm-ui-hover-effect {
					top:3px !important;
					right:3px !important;
				}
				
.formBox { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:2vw 0px 2vw 0px;
}
	.formBox__inside { 
		float:left;
		width:100%;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.formBoxPassword {
		float:left;
		width:80%;
		position:relative;
		margin:8vw 10% 10vw 10%;
		padding:0px 0px 0px 0px;
	}
	.formBox__inputBox { 
		float:left;
		width:48%;
		margin:0px 0px 1vw 0px; 
	}
		.formBox__inputBox.allWidth {
			width:100%;
		}	
	.formInput { 
		float:left;
		width:100%;
		height:4vw;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 1vw 0px 1vw;
		color: #000;
		font-size:1.5vw;
		font-weight: 300;
		line-height:1.5vw;	
		border:1px solid #eaeaea;
		text-align:center;
		background:#ffffff;	
	}
	.formTextarea  { 
		float:left;
		width:100%;
		min-width:100%;
		max-width:100%;
		height:100px;
		min-height:100px;
		max-height:300px;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:1vw 0px 0px 1vw;
		color:#000;
		font-size:14px;
		line-height:14px;
		border:1px solid #eaeaea;
		background:#ffffff;	
	}
	.formSubmit  { 
		float:right;
		width:100%;
		height:4vw;
		background: #1799d8;
		color: #ffffff;
		font-size: 1.5vw;
		font-weight: 300;
		line-height: 1.5vw;
		border:0px solid #dedede;
		cursor:pointer; 
		border-radius:2px;
	}	
	
		.error {
			float:left;
			width:100%;
			position:relative;
			margin:2vw 0px 0px 0px;
			color:#1799d8;
			font-size:1.5vw;
			line-height:1.5vw;
			text-align:center;
		}
	.formBox__checkBox {
		float:left;
		width:100%;
		margin:0px 0px 1vw 0px;
		cursor:pointer;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.formBox__checkInput {
		float:left;
		width:15px;
		height:15px;
		position:relative;
		border:1px solid #eaeaea;	
	}
	.formBox__checkText {
		float:left;
		width:calc(100% - 30px);
		position:relative;
		color:#000;
		font-size:14px;
		line-height:18px;
		font-weight:300;
		text-align:justify;
	}
		.formBox__checkText a {
			color:#000;
			text-decoration:underline;
		}
	.formInput:focus, .formTextarea:focus, .formSubmit:focus { outline:none; }
	
	.recaptcha {
		float:right;
		margin:0px 2vw 0px 0px;
		position:relative;
	}
	
.popup {
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.9);
	z-index:80;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.popup__wrap {
		float:left;
		width:80%;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
	.popup__title {
		float:left;
		width:100%;
		position:relative;
		color: #fff;
		font-size: 1.3vw;
		font-weight: 300;
		line-height: 1.6vw;
		text-align:center;
	}
		.popup__title a {
			color:#fff;
		}
	.popup__close {
		float:left;
		height: 3.15vw;
		position:relative;
		margin:20px 0px 0px 0px;
		padding:0px 2vw 0px 2vw;
		color: #fefefe;
		font-size: 1.1vw;
		font-weight: 300;
		line-height: 3.15vw;
		border:0;
		text-align:center;
		text-decoration:none;
		background:#1799d8;
	}
	
.footer {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:1vw 2vw 3vw 2vw;
	background-color: #01152b;
	border-top:2px solid #104068;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	overflow:hidden;
}
	.footer .arrowUp {
		float:left;
		position:relative;
		z-index:10;
		cursor:pointer;
		text-transform: uppercase;	
		transition: all 0.3s ease-in-out;
		transform: rotate(271deg);
		cursor:pointer;
	}
		.footer .arrowUp.img {
			float:left;
			width:1.5vw;
			margin:0px 1vw 0px 0px;
			opacity:0.4;
		}
			.footer .arrowUp.img:hover {
				float:left;
				width:2.5vw;
				margin:0px 1vw 0px 0px;
				opacity:1;
			}
	.footer .social {
		float:left;
		width:100%;
		position:relative;
		color:#fff;
		font-size:14px;
		line-height:14px;
		text-align:center;
	}
		.footer .social a {
			float:left;
			margin:0px 1vw 0px 1vw;
			color:#fff;
			text-decoration:none;
		}
			.footer .social a .socialIconOne {
				float:left;
				width:1.8vw;
				margin:0px 0.7vw 0px 0px;
				filter: brightness(0) invert(1);
			}
			.footer .social a .socialIconTwo {
				float:left;
				width:1.7vw;
				margin:0px 0.7vw 0px 0px;
				filter: brightness(0) invert(1);
			}
				.footer .social a:hover img {
					filter: brightness(1) invert(0);
				}
	.footer .text {
		float:left;
		width:100%;
		position:relative;
		margin:1vw 0px 0px 0px;
		color:#fff;
		font-size:14px;
		line-height:14px;
		text-align:center;
	}
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
.no-phone { display:none !important; }

.wrapper {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:3vw 2vw 3vw 2vw;
	position:relative;
	top:0;
	left:0;
	background: rgba(0,0,0,1);
	z-index:30;
	display:block !important;
}	
	.wrapper .logo {
		float:left;
		position:absolute;
		text-decoration:none;
	}
		.wrapper .logo .img {
			float:left;
			width:8.5vw;
			position:relative;
		}
		.wrapper .logo .name {
			float:left;
			margin:0px 0px 0px 1vw;
			color:#fff;
		}
	.wrapper .menu {
		float:left;
		width:100%;
		position:relative;
		list-style: none; 
	}
		.wrapper .menu__name {
			display:none;
			float:left;
			width:100%;
			position:relative;
			margin:1vw 0px 0px 0px;
		}			
		.wrapper .menu__href {
			float:left;
			width:100%;
			position:relative;
			color:#fff;
			font-size:4vw;
			font-weight:400;
			line-height:6vw;
			display:block !important;
			text-transform:uppercase;
			text-decoration:none;
			text-align:right;
			letter-spacing: 0.5px;
			border-bottom: 2px solid rgba(0,0,0,0);
		}
			.wrapper .menu__href:hover {
				color:#1799d8;
				border-bottom: 2px solid #1799d8;
			}
			.wrapper .menu__name.menu__active .menu__href {
				color:#1799d8;
				border-bottom: 2px solid #1799d8;
			}
		.wrapper .menu__hr {
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.wrapper .menu__name:last-child .menu__href .menu__hr { 
				display:none;
				visibility:hidden;
			}
	
	.wrapper .menuPhone { 
		float:right;
		width:8vw;
		margin:0px 0px 0px 0px !important;
		cursor:pointer;
		filter: brightness(0) invert(1);
		
	}
	
	.wrapper.smallWrapper {
		height:4.5vw;
		
	}
	.wrapper.smallWrapper .logo {
		
	}
	
.slideShow {
	float:left;
	width:100%;
	height:55vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.slideShow .slideShow-owl {
		float:left;
		width:100%;
		height:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.slideShow .slideShow-owl .slide {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:center;
			align-items:center;
			align-content:center;
		}
			.slideShow .slideShow-owl .slide .inside {
				float:left;
				width:100%;
				position:absolute;
				left:0;
				bottom:0;
				margin:0px 0px 0px 0px;
				padding:4vw 5% 4vw 5%;
				z-index:3;
				background: rgba(0, 40, 81, .6);				
			}
				.slideShow .slideShow-owl .slide .inside .header {
					float:left;
					width:100%;
					position:relative;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					color:#fff;
					font-size:5vw;
					line-height:5vw;
					font-weight:400;
					position:relative;
				}
					
			.slideShow .slideShow-owl .slide .img {
				float:left;
				width:100%;
				height:100%;
				position:absolute;
				left:0;
				top:0;
				object-fit: cover;
				z-index:2;
			}
	.slideShow .slideShow-owl .owl-nav { 
		float:left;
		width:100%;
		margin:-6vw 0px 0px 0px;
		left:0;
		top:50%;
		position:absolute;
		z-index:5; 	
		font-size:0;
	}
		.slideShow .slideShow-owl .owl-nav .owl-next {
			float:left;
			width:6vw;
			height:6vw;
			position:absolute;
			top:0;
			right:2%;
			font-size: 0;
			background: url(images/arrowRight.svg) center no-repeat !important;
			background-size:5.15vw;
		}
		.slideShow .slideShow-owl .owl-nav .owl-prev {
			float:left;
			width:6vw;
			height:6vw;
			position:absolute;
			top:0;
			left:2%;	
			font-size: 0;
			background: url(images/arrowLeft.svg) center no-repeat !important;
			background-size:5.15vw;
		}
			.slideShow .slideShow-owl .owl-nav .owl-next:focus, .slideShow .slideShow-owl .owl-nav .owl-prev:focus {
				outline:none;
			}
	.slideShow .slideShow-owl .owl-dots { 
		display:none !important;
	}
	
	.video {
		float:left;
		position:absolute;
		left:0;
		top:0;
		width:100%;
		min-width:100%;
		height:100%;		
		min-height:100%;		
		z-index: 1;
		object-fit: cover;	
	}
	
.home {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8vw 0px 0px 0px;
}
	.home .header {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 8vw 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:6vw;
		line-height:6vw;
		font-weight:300;
		text-align:center;
		text-transform:uppercase;
	}
	.home .list {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.home .featuredWrap {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0 4vw;
			box-sizing:border-box;
		}
				.home .list.list-50 {
					width:100%;
				}
				.home .list.list-50 .box {
					width:100%;
					height:auto;
					aspect-ratio: 765 / 1134;
				}
				.home .list .box.boxAll {
					width:100%;
					height:auto;
					aspect-ratio: 765 / 1134;
				}
			.home .list .box {
				float:left;
				width:100%;
				height:50vw;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			overflow:hidden;
		}
			.home .list.list-50 .box {
				width:50%;
			}
			.home .list .box.boxAll {
				width:100%;
				height:70vw;
				margin:0px 0px 8vw 0px;
			}
		.home .list .box .name {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:4vw 4vw 1vw 4vw;
			color:#fff;
			font-size:4.5vw;
			line-height:4.5vw;
			font-weight:400;
			z-index:3;
		}
		.home .list .box .text {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 4vw 0px 4vw;
			color:#fff;
			font-size:3vw;
			line-height:3.5vw;
			font-weight:300;
			z-index:3;
			text-align:justify;
			opacity:0;
			right:100%;
		}
		.home .list .box .mainFoto:after {
			content: ' ';
			float:left;
			width:100%;
			height:100%;
			position:absolute;
			top:0;
			left:0;
			z-index:2;
			background: rgba(0,0,0,0.6);
			opacity:0.4;
			-webkit-transition: all 0.4s ease-in-out;
			-moz-transition: all 0.4s ease-in-out;
			-o-transition: all 0.4s ease-in-out;
			transition: all 0.4s ease-in-out;
		}
			.home .list .box .mainFoto {
				float:left;
				width:100%;
				height:100%;
				position:absolute;
				left:0;
				top:0;
				z-index:1;
				overflow:hidden;
			}
				.home .list .box .mainFoto.sizeNew {
					background:#112a60;
				}
				.home .list .box .mainFoto .img {
					float:left;
					width:100%;
					height:100%;
					margin-top:0;
					margin-left:0;
					object-fit: contain;
					object-position:center center;
					-webkit-transition: all 0.4s ease-in-out;
					-moz-transition: all 0.4s ease-in-out;
					-o-transition: all 0.4s ease-in-out;
					transition: all 0.4s ease-in-out;
				}
		.home .list .box:hover .text {
			right:0;
			opacity:1;
		}
		.home .list .box:hover .mainFoto:after {
			opacity:1;
		}
			.home .list .box:hover .mainFoto .img {
				width:100%;
				height:100%;
				margin-top:0%;
				margin-left:0%;
			}
				.home .list .box .mainFoto.sizeNew .img {
					width:100% !important;
					height:auto !important
				}
	.home .twitter-block {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 4vw 0px;
	}
	
.baner {
	float:left;
	width:100%;
	height:35vw;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
	.baner .header {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:2vw 4vw 1vw 2vw;
		color:#fff;
		font-size:8vw;
		line-height:8vw;
		font-weight:400;
		z-index:3;
		text-align:center;
		text-transform:uppercase;
		letter-spacing:2px;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.baner .header:before {
			content: ' ';
			float:left;
			width:10vw;
			height:3px;
			position:relative;
			margin:0px 0px 1vw 0px;
			background:#1799d8;
		}
	.baner .mainFoto {
		float:left;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
		z-index:1;
	}
			.baner .mainFoto:after {
				content: ' ';
				float:left;
				width:100%;
				height:100%;
				position:absolute;
				top:0;
				left:0;
				background:#000;
				opacity:0.1;
			}
		.baner .mainFoto .img {
			float:left;
			width:100%;
			height:100%;
			object-fit: cover;	
		}
		
.about {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8vw 6vw 8vw 6vw;	
}
	.about .text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:3.5vw;
		line-height:4.5vw;
		font-weight:300;
		text-align:justify;
	}

.team {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:12vw 6vw 4vw 6vw;
}
	.team .person {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 6vw 0px;
	}
			
		.team .person .mainFoto {
			float:left;
			width:100%;
			height:45vw;
			position:relative;
			overflow:hidden;
			border-radius:40em;
		}
			.team .person .mainFoto .img {
				float:left;
				width:45vw;
				height:45vw;
				object-fit: cover;	
				overflow:hidden;
				border-radius:40em;
			}
		.team .person .inside {
			float:left;
			width:100%;
			position:relative;
			margin:6vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
		}
			.team .person .inside .name {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 4vw 0px;
				padding:0px 0px 0px 0px;
				color:#fff;
				font-size:6vw;
				line-height:6vw;
				font-weight:300;
				text-transform:uppercase;
				letter-spacing:2px;
			}
			.team .person .inside .position {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:5vw 0px 0px 0px;
				color:#fff;
				font-size:4vw;
				line-height:4vw;
				font-weight:400;
				text-transform:uppercase;
				letter-spacing:2px;
			}
				.team .person .inside .position:after {
					content: ' ';
					float:left;
					width:5vw;
					height:4px;
					position:absolute;
					left:0;
					top:0;
					margin:0px 0px 0px 0px;
					padding:0px 0px 0px 0px;
					background:#1799d8;
				}
			.team .person .inside .text {
				float:left;
				width:100%;
				position:relative;
				margin:4vw 0px 0px 0px;
				padding:0px 0px 0px 0px;
				color:#fff;
				font-size:3.5vw;
				line-height:5vw;
				font-weight:300;
				text-align:justify;
			}
			
.projects {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:12vw 6vw 12vw 6vw;
}
	.projectsFiltr {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 6vw 0px;
		padding:0px 0px 0px 0px;
	}
		.projectsFiltr .filtrName {
			float:left;
			position:relative;
			margin:0.5vw;
			padding:0.5vw 2vw 0.5vw 2vw;
			color:#fff;
			font-size:3vw;
			line-height:5vw;
			font-weight:300;
			text-transform:uppercase;
			border:1px solid #fff;
			cursor:pointer;		
		}
			.projectsFiltr .filtrName:hover, .projectsFiltr .filtrName.activeFiltr {
				background:#083e7e;
				border:1px solid #083e7e;
			}
	.projectsList {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.projectsList .box {
			float:left;
			width: calc(50% - 1vw);
			height:50vw;
			position:relative;
			margin:0px 0.5vw 1vw 0.5vw;
			text-decoration:none;
			overflow:hidden;
		}
			.projectsList .box .name {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;
				color:#fff;
				left:100%;
				font-size:3vw;
				line-height:4vw;
				font-weight:400;
				text-transform:uppercase;
				text-align:center;
				letter-spacing:2px;
				z-index:3;
			}
			.projectsList .box .mainFoto {
				float:left;
				width:100%;
				height:100%;
				position:absolute;
				left:0;
				top:0;
				z-index:1;
			}
					.projectsList .box .mainFoto:after {
						content: ' ';
						float:left;
						width:100%;
						height:100%;
						position:absolute;
						top:0;
						left:0;
						z-index:2;
						background-color: rgba(29,68,131,0.8);
						opacity:0;
						-webkit-transition: all 0.4s ease-in-out;
						-moz-transition: all 0.4s ease-in-out;
						-o-transition: all 0.4s ease-in-out;
						transition: all 0.4s ease-in-out;
					}
				.projectsList .box .mainFoto .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
					.projectsList .box:hover .name {
						left:0;
					}
					.projectsList .box:hover .mainFoto:after {
						opacity:1;
					}
					
.projectPage {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:12vw 6vw 8vw 6vw;
}
	.projectPage .fotoBox {
		float:left;
		width:100%;
		height:55vw;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:2vw 0px 2vw 0px;
		background: rgba(8, 62, 126, 0.6);
	}
		.projectPage .fotoBox .mainFoto {
			float:left;
			width:auto !important;
			height:100% !important;
			position:relative;
		}
			.projectPage .fotoBox .mainFoto .img {
				float:left;
				height:100%;
			}
	.projectPage .text {
		float:left;
		width:100%;
		position:relative;
		margin:4vw 0px 6vw 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:3.5vw;
		line-height:4.5vw;
		font-weight:300;
		text-align:justify;
	}
		.projectPage .text iframe {
			width:100% !important;
			height:50vw !important;
		}
		.projectPage .projectsList .box {
			height:55vw;
		}
			.projectPage .projectsList .box .name {
				font-size:3vw
			}
				
.contact {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:12vw 4vw 6vw 4vw;
}
	.contact .box {
		float:left;
		width:100%;
		padding:0px 2vw 6vw 2vw;
		position:relative;
	}
	.contact .text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:3.5vw;
		line-height:5.5vw;
		font-weight:300;
		text-align:center;
	}	
		.contact .text h2 {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 4vw 0px;
			font-size:4vw;
			line-height:4vw;
			color:#fff;
			font-weight:400;
		}
		.contact .text a {
			text-decoration:none;
			color:#fff;
		}
			.contact .text em {
				font-size:3vw;
			}
		.contact .text .iconContact {
			position:relative;
			margin:0px 0px 0px 0px;
			top:0.7vw;
			right:1.5vw;
			width:4.05vw !important;
			height:auto !important;
		}
	
.googleMap {
	float:left;
	width:100%;
	height:55vw;
	position:relative;
}
	.googleMap .mapaBox {
		float:left;
		width:100%;
		height:100%;
		position:relative;
	}
		.contentMap {
			float:left;
			position:relative;
			padding:0.8vw;
		}
			.contentMap__name {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0.5vw 0px;
				color: #383436;
				font-size: 1.1vw;
				font-weight: 800;
				line-height: 1.1vw;
				text-align:left;
				letter-spacing: 1px;
			}
			.contentMap__text {
				float:left;
				width:100%;
				position:relative;
				color: #383436;
				font-size: 0.9vw;
				font-weight: 400;
				line-height: 1.3vw;
				text-align:left;
				letter-spacing: 1px;
			}
				.gm-ui-hover-effect {
					top:3px !important;
					right:3px !important;
				}
				
.formBox { 
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:2vw 0px 2vw 0px;
}
	.formBox__inside { 
		float:left;
		width:100%;
		position:relative;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.formBoxPassword {
		float:left;
		width:90%;
		position:relative;
		margin:8vw 5% 10vw 5%;
		padding:0px 0px 0px 0px;
	}
	.formBox__inputBox { 
		float:left;
		width:100%;
		margin:0px 0px 1vw 0px; 
	}
		.formBox__inputBox.allWidth {
			width:100%;
		}	
	.formInput { 
		float:left;
		width:100%;
		height:8vw;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 1vw 0px 1vw;
		color: #000;
		font-size:3.5vw;
		font-weight: 300;
		line-height:3.5vw;	
		border:1px solid #eaeaea;
		text-align:center;
		background:#ffffff;	
	}
	.formTextarea  { 
		float:left;
		width:100%;
		min-width:100%;
		max-width:100%;
		height:100px;
		min-height:100px;
		max-height:300px;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:1vw 0px 0px 1vw;
		color:#000;
		font-size:14px;
		line-height:14px;
		border:1px solid #eaeaea;
		background:#ffffff;	
	}
	.formSubmit  { 
		float:right;
		width:100%;
		height:8vw;
		background: #1799d8;
		color: #ffffff;
		font-size: 3.5vw;
		font-weight: 300;
		line-height: 3.5vw;
		border:0px solid #dedede;
		cursor:pointer; 
		border-radius:2px;
	}	
	
		.error {
			float:left;
			width:100%;
			position:relative;
			margin:2vw 0px 0px 0px;
			color:#1799d8;
			font-size:3.5vw;
			line-height:3.5vw;
			text-align:center;
		}
	.formBox__checkBox {
		float:left;
		width:100%;
		margin:0px 0px 1vw 0px;
		cursor:pointer;
		display:flex;
		flex-direction:row;
		flex-wrap:wrap;
		justify-content:space-between;
		align-items:center;
		align-content:center;
	}
	.formBox__checkInput {
		float:left;
		width:15px;
		height:15px;
		position:relative;
		border:1px solid #eaeaea;	
	}
	.formBox__checkText {
		float:left;
		width:calc(100% - 30px);
		position:relative;
		color:#000;
		font-size:14px;
		line-height:18px;
		font-weight:300;
		text-align:justify;
	}
		.formBox__checkText a {
			color:#000;
			text-decoration:underline;
		}
	.formInput:focus, .formTextarea:focus, .formSubmit:focus { outline:none; }
	
	.recaptcha {
		float:right;
		margin:0px 2vw 0px 0px;
		position:relative;
	}
	
.popup {
	float:left;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background: rgba(0,0,0,0.9);
	z-index:80;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
}
	.popup__wrap {
		float:left;
		width:90%;
		position:relative;
		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
	.popup__title {
		float:left;
		width:100%;
		position:relative;
		color: #fff;
		font-size: 5vw;
		font-weight: 300;
		line-height: 5.6vw;
		text-align:center;
	}
		.popup__title a {
			color:#fff;
		}
	.popup__close {
		float:left;
		height: 8vw;
		position:relative;
		margin:2vw 0px 0px 0px;
		padding:0px 6vw 0px 6vw;
		color: #fefefe;
		font-size: 4vw;
		font-weight: 300;
		line-height: 8vw;
		border:0;
		text-align:center;
		text-decoration:none;
		background:#1799d8;
	}
	
.footer {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:6vw 2vw 6vw 2vw;
	background-color: #01152b;
	border-top:2px solid #104068;
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	align-content:center;
	overflow:hidden;
}
	.footer .arrowUp {
		float:left;
		position:relative;
		z-index:10;
		cursor:pointer;
		text-transform: uppercase;	
		transition: all 0.3s ease-in-out;
		transform: rotate(271deg);
		cursor:pointer;
	}
		.footer .arrowUp.img {
			float:left;
			width:5vw;
			margin:0px 0px 2vw 0px;
			opacity:0.4;
		}
			.footer .arrowUp.img:hover {
				float:left;
				width:2.5vw;
				margin:0px 1vw 0px 0px;
				opacity:1;
			}
	.footer .social {
		float:left;
		width:100%;
		position:relative;
		color:#fff;
		font-size:14px;
		line-height:14px;
		text-align:center;
	}
		.footer .social a {
			float:left;
			margin:0px 1vw 0px 1vw;
			color:#fff;
			text-decoration:none;
		}
			.footer .social a .socialIconOne {
				float:left;
				width:3.8vw;
				margin:0px 1.7vw 0px 0px;
				filter: brightness(0) invert(1);
			}
			.footer .social a .socialIconTwo {
				float:left;
				width:3.7vw;
				margin:0px 1.7vw 0px 0px;
				filter: brightness(0) invert(1);
			}
				.footer .social a:hover img {
					filter: brightness(1) invert(0);
				}
	.footer .text {
		float:left;
		width:100%;
		position:relative;
		margin:3vw 0px 0px 0px;
		color:#fff;
		font-size:14px;
		line-height:14px;
		text-align:center;
	}
}