@font-face {
		font-family: Comfortaa;
		src: url(fonts/Comfortaa-Regular.ttf);

		}
		
@font-face {
font-family: 'Acumin Pro Bold';
font-style: normal;
font-weight: normal;
src: local('fonts/Acumin Pro Bold'), url('fonts/Acumin-BdPro.woff') format('woff');
}
		
		
#portfolio_grid .mix {
		display: none; 
		}	
	
html {
		background: white;
		}
		
body {	
		background: white;
		margin:0px;
		z-index:1;
		font-size:13px;
		-webkit-font-smoothing: antialiased;
		font-family:Comfortaa, Verdana;
		}
		
 		
		
	.my_scroll::-webkit-scrollbar { width: 8px;}
	::-webkit-scrollbar { width: 15px;}
	::-webkit-scrollbar-track {box-shadow: inset 0 0 2px rgba(0, 185, 240, 1);  border-radius: 0px;}
	::-webkit-scrollbar-thumb:hover {background: rgba(0, 185, 240,1); }	
	::-webkit-scrollbar-thumb {background: rgba(0, 185, 240,0.6);border-radius: 0px;}
	:-webkit-any-link{text-decoration:none; color:inherit;}
	::-webkit-input-placeholder {color:#00b9ee;font-size:1em;font-family:Comfortaa, Verdana;}
	::-moz-placeholder          {color:#00b9ee;font-size:1em;font-family:Comfortaa, Verdana;}
	:-moz-placeholder           {color:#00b9ee;font-size:1em;font-family:Comfortaa, Verdana;}
	:-ms-input-placeholder      {color:#00b9ee;font-size:1em;font-family:Comfortaa, Verdana;}

div.bg {
		background-color: white;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		width: 85%;
		min-width:380px;
		box-shadow: 0px 0px 150px 1px rgba(0, 0, 0, 1);
		position: relative;
		z-index:3;
		font-family:Comfortaa, Verdana;
		}
		
	
		

div.language{
		background-color:transparent;
		width:100%;
		position:relative;
		height:5vh;
		min-height:30px;
		max-height:40px;
		}

div.lang_off{
		background-color: transparent; 
		height: 80%;
		cursor: pointer;
		float: right;
		z-index:3;
		color: #00b9ee;
		font-size:1.2em;
		line-height:120%;
		text-align: right;
		padding:2px;
		transition: 0.1s;
		backface-visibility: hidden;
		}

div.lang_off:hover{
		transform: scale(1.1);
		transition: 0.4s;
		backface-visibility: hidden;
		}


div.lang_on{
		background-color: #00b9ee; 
		height: 80%;
		float: right;
		z-index:3;
		color: #ffffff;
		font-size:1.2em;
		line-height:120%;
		text-align: right;
		padding: 2px;
		cursor: pointer;
		transition: 0.1s;
		}

div.lang_on:hover{
		transform: scale(1.1);
		transition: 0.4s;
		}


div.main_block{
		background-color: transparent; 
		margin-top:0px;
		margin-left: auto;
		margin-right: auto;
		width:100%;
		height:95vh;
		min-height: 300px;
		position:relative;
		z-index:2;
		color: black;
		font-size:1em;
		line-height: 50%;
		text-align: center
		}


div.edge_line{
		background-color: #08bced;
		margin-bottom:0px;
		height: 5vh;
		min-height:25px;
		max-height:50px;
		width: 100%;
		box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.5);
		position:relative;
		z-index:5;
		}
		
div.edge_line_bg{
		background-color: #08bced;
		margin-bottom:0px;
		height: 5vh;
		min-height:25px;
		max-height:50px;
		width: 100%;
		box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.5);
		position:absolute;
		z-index:0;
		}	


div.projects {
		width:35vw;
		max-width:48%;
		height:40vw;
		border-radius: 20px;
		margin:0px;
		margin-top:5vmax;
		margin-bottom:60px;
		box-shadow: 0px 5px 30px 1px rgba(0, 0, 0, 0.5);
		cursor: pointer;
		background-position:center;
		background-repeat:no-repeat;
		background-size:100% 100%;
		transition: 0.2s;
		}

.projects:hover{
		transform: scale(1.1);
		transition: 1s;
		} 



.cities {
		width:42vw;
		max-width:48%;
		height:50vw;
		border-radius: 20px;
		margin:0px;
		margin-bottom:40px;
		box-shadow: 0px 5px 30px 1px rgba(0, 0, 0, 0.5);
		background-size:cover;
		background-repeat:no-repeat;
		background-size:100% 100%;
		transition: 0.8s;
		z-index:0;
		}

.cities1 {
		width:100%;
		max-width:100%;
		height:50vw;
		border-radius: 20px;
		margin:0px;
		z-index:10;
		margin-bottom:40px;
		box-shadow: 0px 5px 30px 1px rgba(0, 0, 0, 0.5);
		background-size:cover;
		background-repeat:no-repeat;
		background-size:100% 100%;
		transition: 0.8s;
		}

.projects_title{
		margin-left: auto;
		margin-right: auto;
		top: -4vw;
		cursor: pointer;
		height: 5vw;
		width: 23vw;
		border-radius:10px;
		box-shadow: 0px 5px 30px 1px  rgb(10, 10, 10);
		position: relative;
		z-index:4;
		color: black;
		text-align: center;
		line-height:5.2vw;
		font-size:1.5vw;
		}

.cities_title{
		height: 5vw;
		width: 23vw;
		border-radius:10px;
		box-shadow: 0px 5px 30px 1px  rgb(10, 10, 10);
		position: absolute;
		z-index:4;
		color: black;
		text-align: center;
		line-height:5.2vw;
		font-size:1.5vw;
		transition: 0.8s;
		cursor: pointer;
		}
		
.cities_title:hover{
		transform: scale(1.1);
		transition: 0.8s;
		}
.cities_title_1{
		display: inline-block;
		height: 5vw;
		width: 23vw;
		border-radius:10px;
		box-shadow: 0px 5px 30px 1px  rgb(10, 10, 10);
		z-index:4;
		color: black;
		text-align: center;
		line-height:5.2vw;
		font-size:1.5vw;
		transition: 0.8s;
		cursor: pointer;
		}
		
.cities_title_1:hover{
		transform: scale(1.1);
		transition: 0.8s;
		}

div.blocks_services{
		background-color:white;
		max-width:250px;
		width:25vw;
		min-width:180px;
		margin:40px;
		color: black;
		text-align: center;
		font-size:1em;
		position:relative;
		display: inline-block;
		vertical-align: top;
		line-height:150%
		}
		
div.blocks_services_bg {
		background-color: transparent;
		position:relative;
		line-height: 0px;
		max-width:250px;
		width:25vw;
		min-width:180px;
		max-height:250px;
		height:25vw;
		min-height:180px;
		border-radius: 10%;
		box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.2);
		}

div.assort_title{
		background-color: rgb(207, 204, 199);
		display: inline-block;
		margin-top:40px;	
		margin-bottom:80px;	
		height: 40px;
		width: 160px;
		margin:10px;
		border-radius:10px;
		box-shadow: 0px 5px 15px 1px rgba(0, 0, 0,0.3);
		position: relative;
		z-index:4;
		color: black;
		text-align: center;
		line-height:40px;
		font-size:1em;
		transition: 0.2s;
		cursor: pointer;
		}

div.assort_title:hover{
		transform: scale(1.1);
		transition: 1s;
		box-shadow: 0px 20px 70px 10px rgba(0, 0, 0,0.3);
		}	

div.assort_title1{
		background-color: rgb(207, 204, 199);
		display: inline-block;
		margin-top:40px;	
		margin-bottom:40px;	
		height: 60px;
		width: 180px;
		margin:5vw;
		border-radius:10px;
		box-shadow: 0px 5px 15px 1px rgba(0, 0, 0,0.3);
		position: relative;
		z-index:4;
		color: black;
		text-align: center;
		line-height:60px;
		font-size:1em;
		transition: 0.2s;
		cursor: pointer;
		}

div.assort_title1:hover{
		transform: scale(1.1);
		transition: 1s;
		box-shadow: 0px 20px 70px 10px rgba(0, 0, 0,0.3);
		}	
	
		
div.blocks_assort{
		background-color: white;
		display: inline-block;
		vertical-align:middle;
		box-shadow: 0px 10px 20px 1px rgba(0, 0, 0,0.3);
		position:relative;
		max-width:220px;
		width:25vw;
		min-width:180px;
		max-height:220px;
		height:25vw;
		min-height:180px;
		border-radius: 10%;
		margin:15px;
		}

div.blocks_assort:hover{
		transform: scale(1.2);
		transition: 0.5s;
		z-index:100;
		}

div.blocks_applic{
		background-color: white;
		display: inline-block;
		box-shadow: 0px 20px 70px 1px rgba(0, 0, 0,0.5);
		position:relative;
		max-width:220px;
		width:25vw;
		min-width:180px;
		max-height:220px;
		height:25vw;
		min-height:180px;
		border-radius: 5%;
		margin:15px;
		transition: 0.2s;
		}

div.blocks_applic:hover{
		transform: scale(1.1);
		transition: 1s;
		z-index:100;
		}

div.blocks_team {
		background-color:rgba(255,255,255,0);
		max-width:160px;
		width:18.5vw;
		min-width:120px;
		margin:10px;
		color: #00b9ee;
		text-align: center;
		font-size:0.99em;
		position:relative;
		vertical-align: top;
		display: inline-block;
		}

div.blocks_team_bg{
		background-color: #01bcef;
		position:relative;
		line-height: 0px;
		max-width:160px;
		width:18.5vw;
		min-width:120px;
		max-height:160px;
		height:18.5vw;
		min-height:120px;
		border-radius: 10%;
		box-shadow: 0px 10px 40px 1px rgba(0, 0, 0,0.3);
		}

div.contact{
		background-color: white;
		display:inline-block;
		vertical-align: top;
		position:relative;
		min-width:3px;
		margin: 1em;
		margin-left:5%;
		text-align:left;
		line-height:150%;
		font-size:1.2em;
		}


div.form_bg{
		background-color: white;
		display:inline-block;
		vertical-align: top;
		position:relative;
		margin: 1em;
		margin-right:5%;
		min-width:300px;
		width:45vw;
		max-width:700px;
		text-align:left;
		line-height:150%;
		font-size:1.2em;
		color:#00b9ee;
		box-sizing: initial;
		-webkit-box-sizing: initial;
		}

.btn_send {
		cursor: pointer;
		max-height:50px;
		height:3vw;
		min-height:30px;
		width:180px;
		position:relative;
		background-color:#00b9ee;
		border-radius:5px;
		color:white;
		font-size:1em;
		padding:0px;
		-webkit-box-sizing: initial;
		box-sizing: initial;
		font-family: Comfortaa;
		border-color:transparent;
		box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.5);
		margin-top:20px;
		margin-left:calc(100% - 180px);
		}

div.url_bg{
		background-color: white;
		position:relative;
		width:230px;
		height:60px;
		margin-top:3%;
		margin-left:auto;
		margin-right:auto;
		}

div.partner{
		position:relative;
		margin-right:auto;
		margin-left:auto;
		min-width:100px;
		width:25vw;
		max-width:350px;
		height:3.2vw;
		cursor: pointer;
		top:73vh;
		background-color:#00b9ee;
		box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.5);
		color:white;
		font-size:1vw;
		line-height:3.3vw;
		border-radius:5px;
		transition: 0.2s;
		}
		
div.partner:hover{
		transform: scale(1.1);
		transition: 1s;
		}

.title_name{
		font-weight: bold;
		color:rgba(55, 55, 55, 1);
		font-size: 2em;
		line-height: 30px;
		margin-top:0px;
		padding-top:5%;
		}

.text_style{
		line-height: 180%;
		font-size:1.2em; 
		padding:10%;
		padding-top:5%; 
		padding-bottom:5%; 
		margin:0px;
		letter-spacing:0.1em;
		word-spacing:5px;		
		}

.text_style_WROCLAW_1{
		text-align:right;
		line-height: 180%;
		color:white;
		font-size:1vw; 
		padding-right:3%;
		padding-left:20%;
		padding-top:3%; 
		padding-bottom:70%; 
		margin:0px;
		transition:1s 0.3s;
		}

.text_style_WROCLAW_0{
		font-size:0px;
		transition:0.1s;
		}


.text_style_KRAKOW_1{
		text-align:left;
		line-height: 180%;
		color:white;
		font-size:1vw; 
		padding-left:3%;
		padding-top:3%; 
		padding-bottom:70%; 
		margin:0px;
		transition:1s 0.3s;
		}

.text_style_KRAKOW_0{
		font-size:0px;
		transition:0.1s;
		}	
	

img.img_projects{
		border-color:transparent;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top:50px
		}
		
img.img_services{
		border-color:transparent;
		border-radius:10%;
		height:95%;
		width:95%
		}
		
img.img_figures{
		border-color:transparent;
		border-radius:10%;
		height:100%;
		width:100%;
		}

img.img_app{
		border-color:transparent;
		border-radius:5%;
		height:100%;
		width:100%
		}		

img.img_team{
		border-color:transparent;
		border-radius:10%;
		height:100%;
		width:100%	
		}
		
img.app_load{
		position:relative;
		display:inline-block;
		cursor: pointer;
		height:70px;
		margin-left:10%;
		margin-right:10%;
		margin-bottom:10%;
		box-shadow: 0px 5px 10px 1px rgba(0, 0, 0,0.3);
		border-color:transparent;
		border-radius:8px;
		transition: 0.2s;
		}

img.app_load:hover{
		transform: scale(1.1);
		transition: 1s;
		box-shadow: 0px 10px 70px 1px rgba(0, 0, 0,0.3);
		}

.in_field{
		height:30px;
		width:405px;
		color:#00b9ee;
		margin-top:20px;
		font-size:1em;
		border-color:#00b9ee;
		border-style:solid;
		padding-left:2%;
		position:relative;
		border-style:solid;
		border-width:2px;
		}

.vhcenter{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		}

.vhcenter_top{
		position: absolute;
		top: 47%;
		left: 50%;
		transform: translate(-50%, -50%);
		}		

.cursor:hover { 
		box-shadow: 0px 20px 70px 10px rgba(0, 0, 0,0.5);
		z-index:100;
		transition: 1s;
		}

.scale_plus:hover{
		transform: scale(1.1);
		transition: 0.7s;
		}
		
		
.scale_plus{
		transition: 0.2s;
		}

div.menu_circle{
		cursor: pointer;
		width: 80px;
		height: 80px;
		background: #00b9ee;
		border-radius: 50%;
		color: white;
		text-align: center;
		line-height:85px;
		font-size: 14pt;
		box-shadow: 0px 10px 15px 1px rgba(0, 0, 0, 0.8);
		display:inline-block;
		transition:0.5s;
		transition: background-color 5s;
		}

div.menu_circle_img{
		cursor: pointer;
		width: 100px;
		height:100px;
		background: rgba(0, 185, 240,0.0);
		border-radius: 50%;
		text-align: center;
		display:inline-block;
		}


.menu_img{
		border:5px;
		border-color:transparent;
		height:85%;
		display:none;
		vertical-align: top;
		}

div.menu{
		background-color: background-color: rgba(0, 0, 0, 0);
		width: 0px;
		height: 0px;
		position: fixed;
		
		padding-top: 50vh;
		padding-left:8%;
		margin-left:0px;
		z-index:10;
		color: rgba(0, 185, 238, 0);
		font-size:0px;
		line-height: 120%;
		transition: background-color 0s, padding-top 0.5s;
		backface-visibility: hidden;
		}

.menu1{
		transition: background-color 0.3s,  padding-top 0.5s, color 0.2s 0s ease-out ;
		background-color: rgba(0, 0, 0, 0.7);
		width: 100%;
		height: 100%;
		position:fixed;
		left:0px;
		padding-top:10%;
		padding-left:8%;
		margin-left:0px;
		z-index:200;
		color: rgba(0, 185, 238, 1);
		top: 0vh;
		font-size:18px;
		line-height: 120%;
		backface-visibility: hidden;
		}

.menu_list{
		line-height:40px;
		width:250px;
		list-style-type: none;
		-webkit-padding-start: 0px;
		cursor: pointer;
		}



.link{
		transition: all 0.1s ease;
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		-o-transition: all 0.1s ease;
		-ms-transition: all 0.1s ease;
		}
		
.link:hover{
		font-size:1.3em;
		transition: all 0.1s ease;
		-webkit-transition: all 0.1s ease;
		-moz-transition: all 0.1s ease;
		-o-transition: all 0.1s ease;
		-ms-transition: all 0.1s ease;
		}

.zero{  
		width:0px;
 		height:50vw;
		border-radius: 20px;
		transition:400ms;
		}
.logo_index{
		border-color:transparent;
		width:20vw;
		max-width:500px;
		min-width:200px;
		}
		
 .copyright{
		
		text-align:center;
		line-height:8.4vh;
		color:white;
		font-size:16px;
		background-color: #08bced;
		margin-bottom:0px;
		height: 8.3vh;
		min-height:25px;
		max-height:65px;
		width: 100%;
		box-shadow: 0px 5px 15px 1px rgba(0, 0, 0, 0.5);
		position:relative;
		z-index:5;
		
 		}		

.text_bold{font-weight: bold;}		

.window_bg{
		display:none;
		background-color:rgba(0, 0, 0, 0.7);
		width:100%;
		height:100%;
		position:fixed;
		top:0px;
		transition: background-color 0.5s;
		z-index:100;
		color: #000000;
		font-size:16pt;
		overflow:auto;}
		
.window_window{
		position: absolute;
		top: 2%;
		left: 50%;
		transition:0.6s;
		transform: translate(-50%, 0%);
		width:85%;
		max-width:1000px;
		min-width:380px;
		border-radius:20px;
		background-color:white;
		overflow:hidden;
		}


.window_text{
		
		background-color:white;
		width:55%;
		min-width:275px;
		float:right;
		text-align:right;
		min-height:200px;
		line-height:130%;
		
		

}		
		
.window_img_block{
		background-color:white;
		
		width:45%;
		min-width:225px;
		float:left;
		font-size:0.7em;
		line-height:180%;
}		

.window_img{
		
		width:90%;
		margin-top:7%;
		margin-left:5%;
}

.window_img_block2{
		background-color:white;
		background-image:linear-gradient(to left, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 99%);
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
		width:55%;
		min-width:275px;
		float:right;
}		






	
@media only screen and (orientation: portrait), all and (max-width: 480px), 
	{
	
	div.bg {width: 100%;}
	div.menu_circle{ }
	div.menu{padding-left:1%;}
	.menu1{	padding-top:30vh;
			padding-left:1%;
			font-size:4.5vw;}
	div.blocks_assort:hover{
		transform: scale(1.1);
		}		
	
	div.projects {
		width:45vw;
		max-width:48%;
		height:55vw;
		}
	
	.projects_title{
		line-height:5.2vw;
		font-size:2.2vw;
		}
	
	div.language{
		width:100%;
		position:relative;
		height:14vw;
		min-height:30px;
		max-height:70px;
		}

	div.lang_off{
		font-size:5vw;
		line-height:120%;
		padding:5px;
		}


	div.lang_on{
		font-size:5vw;
		line-height:120%;
		padding:5px;
		}
		
	.logo_index{
		border-color:transparent;
		width:45vw;
		max-width:600px;
		min-width:200px;
		}
	
	div.contact{
		margin-left:15%;
	
		width:80%;
		font-size:1.6em;
				}
	
	div.form_bg{
		
		width:80%;
		font-size:1.8em;
		}
	
	.text_style{
		font-size:14px;
		line-height:150%;
				}
				
	div.blocks_team{
		max-width:480px;
		width:30vw;
		min-width:120px;
		font-size:2.5vw;
		line-height:150%;		
		}
	
	div.blocks_team_bg{
		
		max-width:480px;
		width:30vw;
		min-width:120px;
		max-height:480px;
		height:30vw;
		}

	
	div.blocks_services{
		font-size:3vw;
		line-height:150%;
			}	
	
	div.menu_circle{
		
		width: 13vw;
		height: 13vw;
		border-radius: 50%;
		line-height:14vw;
		font-size: 3vw;
		}
	div.menu_circle_img{
		
		width: 14vw;
		height: 14vw;
		border-radius: 50%;
		}
	
	.cities_title{
		line-height:5.2vw;
		font-size:2.3vw;
		}
			
.cities_title_1{
		line-height:5.2vw;
		font-size:2.3vw;
		}
		
	.text_style_WROCLAW_1{
		
		font-size:1.8vw; 
		
		}	
		
	div.assort_title{
		
		font-size:2vw;
		width: auto;
		padding-top:3px;
		padding-left:3px;
		padding-right:3px;
		}
	div.assort_title1{
		font-size:2.3vw;
		width: auto;
		padding-top:1%;
		padding-left:3%;
		padding-right:3%;
	}
	
	div.partner{

		max-width:85%;
		font-size:2em;
		width: auto;
		padding-top:2%;
		padding-bottom:2%;
		padding-left:3%;
		padding-right:3%;
		}
	
	.menu_list{
		line-height:5vh;
		width:100%;
		}
	
	div.url_bg{
		transform:scale(1.4);
		}
		
	.btn_send {
		
		position:relative;
		font-size:18pt;
		padding:2px;
		}	
	.copyright{
		font-size:3.3vw;
		min-height:25px;
		max-height:6vh;
		line-height:6.1vh;
		height: 6vh;
 		}		
	
	div.edge_line_bg{
		display:none;
		}


	.window_bg{

		font-size:14pt;
	}
		
.window_window{
				
		width:75%;
		margin-top:5%;
		margin-bottom:10%;
		}


.window_text{
		
		padding-left:5%;
		width:100%;
		text-align:center;
		line-height:130%;
		}		
		
.window_img_block{
		width:70%;
		
		}		

.window_img_block2{
		
		width:100%;
		background-image:none;
		}			
	
	
	}