@media screen and (min-width: 1001px) and (max-width: 10000px) {
.buttonLogIn {
	cursor:pointer;
	color: #fff !important;
   
}

.userLogin {
	display:none;
	float:right;
	width:20vw;
	position:absolute;
	top:5vw;
	right:0;
	margin:0px 0px 0px 0px;
	padding:1vw 2vw 0.5vw 2vw;
	background:#104068;
}
		.smallWrapper .userLogin { top:4vw }
	.userLogin .form-group {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0.5vw 0px;
		padding:0px 0px 0px 0px;
	}
	.userLogin .control-label {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0.5vw 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:0.8vw;
		font-size:0.8vw;

	}
	.userLogin .form-control {
		float:left;
		width:100%;
		height:2vw;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 1vw;
		color:#000;
		font-size:0.8vw;
		font-size:0.8vw;
		background:#fff;
		border:0;
	}
	.userLogin .form-submit {
		float:left;
		width:100%;
		height:2.5vw;
		position:relative;
		margin:0.5vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:1vw;
		line-height:1vw;
		background:#1799d8;
		border:0;
		cursor:pointer;
	}
	.userLogin .text-danger {
		float:left;
		width:100%;
		color:#fff;
		font-size:0.8vw;
		line-height:0.8vw;
	}

.userPage {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:3vw 20vw 3vw 20vw;	
}
		.userPage.otherWidth {
			padding:4vw 4vw 3vw 4vw;	
		}
	.userPage .text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 1vw 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:0.9vw;
		line-height:1.5vw;
		font-weight:300;
	}
	.userPage .text a {
		color:#1799d8;
		text-decoration:none;
	}
	.userPage .text a:hover {
		color:#1799d8;
		text-decoration:underline;
	}
	.userPage .text ul, .text ol { 
		float:left;
		width:100%;	
		position:relative;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.userPage .text ul li {
			float:left;		
			width: 100%;
			margin:0px 0px 0.1vw 0px;
			padding:0px 0px 0px 1.3vw;	
			position:relative;				
			list-style: none; 
			background: url(images/ul_li_arrow.svg) top 0.7vw left no-repeat;
			background-size:0.3vw;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.userPage .text ol li {
			float:left;		
			width: 100%;
			margin:0px 0px 0.1vw 1.3vw;
			padding:0px 0px 0px 0px;
			position:relative;
		}
	.userPage .projectList {
		float:left;
		width:100%;
		position:relative;
		margin:1vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.userPage .projectList .box {
		float:left;
		width: calc(25% - 1vw);
		height:7vw;
		position:relative;
		margin:0px 0.5vw 1vw 0.5vw;
		padding:0px 0px 0px 0px;
		border: 2px solid #1799d8;
		background:#104068;
		text-decoration:none;
	}
			.userPage .projectList .box:hover {
				background:#1799d8;
			}
		.userPage .projectList .box .name {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			text-align:center;
			font-size:1vw;
			line-height:1vw;
			color:#fff;
			text-decoration:none;
			z-index:2;
		}
		.userPage .projectList .box .mainFoto {
			float:left;
			width:100%;
			height:100%;
			position:absolute;
			left:0;
			top:0;
			z-index:1;
			opacity:0.5;
		}
			.userPage .projectList .box .mainFoto .img {
				float:left;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
	
	.baner.banerUserPage {
		background: #104068;
	}
	.userPage .left {
		float:left;
		width:20%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.userPage .left.leftToLeft {
			float:left;
		}
			
		.userPage .left.leftToRight {
			float:right;
		}
			
		.userPage .left .leftBox {
			float:left;
			width:100%;
			position:relative;
		}
		.userPage .left .nameSection {
			float: left;
			width: 100%;
			position: relative;
			margin: 0px 0px 1.5vw 0px;
			padding: 0px 0px 0px 0px;
			color: #fff;
			font-size: 1.1vw;
			line-height: 1.1vw;
			font-weight: 400;
			text-transform: uppercase;
		}
		.userPage .left .nameSection:after {
			content: ' ';
			float: left;
			width: 5vw;
			height: 3px;
			position: absolute;
			left:0;
			top:2vw;
			margin: 0px 0px 1vw 0px;
			background: #1799d8;
		}
		.userPage .left .textSynopsis {
			float:left;
			width:100%;
			position:relative;
			margin:0.3vw 0px 1vw 0px;
			padding:0px 0px 0px 0px;
			color:#fff;
			font-size:0.9vw;
			line-height:1.3vw;
			font-weight:300;
		}
		.userPage .left .linkBox {
			float: left;
			width: 100%;
			position: relative;
			margin: 0px 0px 2vw 0px;
			padding: 0px 0px 0px 0px;
		}
			.userPage .left .link {
				float: left;
				width: 100%;
				position: relative;
				margin: 0px 0px 0px 0px;
				padding: 0.5vw 0px 0.5vw 0px;
				color: #fff;
				font-size: 0.9vw;
				line-height: 0.9vw;
				font-weight: 300;
				text-decoration:none;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
				.userPage .left .link:before {
					content: ' ';
					float: left;
					width: 0.5vw;
					height: 2px;
					position: relative;
					margin: 0px 0.5vw 0px 0px;
					background: #1799d8;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
				}
				.userPage .left .link:hover:before {
					width: 1vw;
				}
				.userPage .left .link.activeLink {
					color:#1799d8;
				}
				.userPage .left .link.activeLink:before {
					width: 1.5vw;			
				}
	.userPage .right {
		float:left;
		width:55%;
		position:relative;
		margin:0px 0px 0px 2.5%;
		padding:0px 0px 0px 0px;
	}
		.userPage .right .header {
			float: left;
			width: 50%;
			position: relative;
			margin: 0px 0px 1.7vw 0px;
			padding: 0px 0px 0px 0px;
			color: #fff;
			font-size: 1.1vw;
			line-height: 1.1vw;
			font-weight: 400;
			text-transform: uppercase;
		}
			.userPage .right .header:after {
				content: ' ';
				float: left;
				width: 5vw;
				height: 3px;
				position: absolute;
				left:0;
				top:2vw;
				margin: 0px 0px 1vw 0px;
				background: #1799d8;
			}
		.userPage .right .back {
			float: right;
			position: relative;
			top:0;
			right:0;
			margin: 0px 0px 1.7vw 0px;
			padding: 0.5vw 1.5vw 0.5vw 1.5vw;
			color: #fff;
			font-size: 0.9vw;
			line-height: 0.9vw;
			font-weight: 400;
			text-transform: uppercase;
			text-decoration:none;
			background:#1799d8;
		}
		.userPage .right .fotoBox {
			float:left;
			width:100%;
			height:20vw;
			position:relative;
			margin:0px 0px 2vw 0px;
			padding:1vw 1vw 1vw 1vw;
			background: rgba(8, 62, 126, 0.6);
		}
			.userPage .right .fotoBox .box {
				float:left;
				width:100% !important;
				height:100% !important;
				position:relative;
				overflow:hidden;
			}
			.userPage .right .fotoBox .mainFoto {
				float:left;
				width:auto !important;
				height:100% !important;
				position:relative;
				overflow:hidden;
			}
				.userPage .right .fotoBox .mainFoto .img {
					float:left;
					width:auto !important;
					height:100%;
			
				}
		.userPage .right .videoUser, .userPage .right video {
			float:left;
			position:relative;
			left:0;
			top:0;
			width:80%;
			min-width:80%;
			height:100%;		
			min-height:20vw;		
			z-index: 1;
			margin:0px 10% 2vw 10%;
			padding:1vw 1vw 1vw 1vw;
			object-fit: cover;	
			background: rgba(8, 62, 126, 0.6);
		}
		.userPage .right .filesBox {
			float:left;
			width:100%;
			position:relative;
			margin:1vw 0px 1vw 0px;
			padding:0px 0px 0px 0px;
		}
			.userPage .right .filesBoxFile {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:0.5vw 0px 0.5vw 0px;
				font-size:0.9vw;
				line-height:0.9vw;
				color:#fff;
				text-decoration:none;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
				.userPage .right .filesBoxFile .img {
					float:left;
					width:2vw;
					position:relative;
					margin:0px 1vw 0px 0px;
				}
				.userPage .right .filesBoxFile:hover {
					color:#1799d8;
				}
				
		.userPage .right .galleryFoto {
			float:left;
			width:100%;
			position:relative;
			margin:1vw 0px 0.5vw 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
			.userPage .right .galleryFoto .box {
				float:left;
				width: calc(33.5% - 5px);
				height:12vw;
				position:relative;
				margin:0px 0px 5px 0px;
			}
				.userPage .right .galleryFoto .box .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
}

@media screen and (min-width: 0px) and (max-width: 1000px) {

.buttonLogIn {
	cursor:pointer;
	padding:0px 2vw 0px 2vw !important;
	color: #fff !important;
    background: #1799d8 !important;
}

.userLogin {
	display:none;
	float:right;
	width:100%;
	position:relative;
	top:0;
	right:0;
	margin:2vw 0px 0px 0px;
	padding:3vw 3vw 1vw 3vw;
	background:#104068;
}
		.smallWrapper .userLogin { top:4.5vw }
	.userLogin .form-group {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 2vw 0px;
		padding:0px 0px 0px 0px;
	}
	.userLogin .control-label {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 3vw 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:3vw;
		font-size:3vw;

	}
	.userLogin .form-control {
		float:left;
		width:100%;
		height:6vw;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 3vw;
		color:#000;
		font-size:3vw;
		font-size:3vw;
		background:#fff;
		border:0;
	}
	.userLogin .form-submit {
		float:left;
		width:100%;
		height:8vw;
		position:relative;
		margin:2vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:3vw;
		line-height:3vw;
		background:#1799d8;
		border:0;
		cursor:pointer;
	}
	.userLogin .text-danger {
		float:left;
		width:100%;
		color:#fff;
		font-size:0.8vw;
		line-height:0.8vw;
	}

.userPage {
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 0px 0px;
	padding:8vw 4vw 8vw 4vw;	
}
	.userPage .text {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 4vw 0px;
		padding:0px 0px 0px 0px;
		color:#fff;
		font-size:3.5vw;
		line-height:4.5vw;
		font-weight:300;
		text-align:justify;
	}
	.userPage .text a {
		color:#1799d8;
		text-decoration:none;
	}
	.userPage .text a:hover {
		color:#1799d8;
		text-decoration:underline;
	}
	.userPage .text ul, .text ol { 
		float:left;
		width:100%;	
		position:relative;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.userPage .text ul li {
			float:left;		
			width: 100%;
			margin:0px 0px 0.1vw 0px;
			padding:0px 0px 0px 3vw;	
			position:relative;				
			list-style: none; 
			background: url(images/ul_li_arrow.svg) top 1.5vw left no-repeat;
			background-size:1vw;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}
		.userPage .text ol li {
			float:left;		
			width: 100%;
			margin:0px 0px 0.1vw 1.3vw;
			padding:0px 0px 0px 0px;
			position:relative;
		}
	.userPage .projectList {
		float:left;
		width:100%;
		position:relative;
		margin:1vw 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	.userPage .projectList .box {
		float:left;
		width: calc(50% - 1vw);
		height:20vw;
		position:relative;
		margin:0px 0.5vw 1vw 0.5vw;
		padding:0px 0px 0px 0px;
		border: 2px solid #1799d8;
		background:#104068;
		text-decoration:none;
	}
			.userPage .projectList .box:hover {
				background:#1799d8;
			}
		.userPage .projectList .box .name {
			float:left;
			width:100%;
			height:100%;
			position:relative;
			font-size:4vw;
			line-height:4vw;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			text-align:center;
			color:#fff;
			text-decoration:none;
			z-index:2;
		}
		.userPage .projectList .box .mainFoto {
			float:left;
			width:100%;
			height:100%;
			position:absolute;
			left:0;
			top:0;
			z-index:1;
			opacity:0.5;
		}
			.userPage .projectList .box .mainFoto .img {
				float:left;
				width:100%;
				height:100%;
				object-fit: cover;	
			}
	
	.baner.banerUserPage {
		height:20vw;
		border-bottom: 2px solid #104068;
		background: #104068;
	}
	.userPage .left {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.userPage .left .nameSection {
			float: left;
			width: 100%;
			position: relative;
			margin: 0px 0px 2.5vw 0px;
			padding: 0px 0px 0px 0px;
			color: #fff;
			font-size: 4vw;
			line-height: 4vw;
			font-weight: 400;
			text-transform: uppercase;
		}
		.userPage .left .nameSection:after {
			content: ' ';
			float: left;
			width: 5vw;
			height: 3px;
			position: absolute;
			left:0;
			top:5vw;
			margin: 0px 0px 3vw 0px;
			background: #1799d8;
		}
		.userPage .left .textSynopsis {
			float:left;
			width:100%;
			position:relative;
			margin:0px 0px 1vw 0px;
			padding:0px 0px 0px 0px;
			color:#fff;
			font-size:3.5vw;
			line-height:4.5vw;
			font-weight:300;
		}
		.userPage .left .linkBox {
			float: left;
			width: 100%;
			position: relative;
			margin: 1vw 0px 4vw 0px;
			padding: 0px 0px 0px 0px;
		}
			.userPage .left .link {
				float: left;
				width: 100%;
				position: relative;
				margin: 0px 0px 0px 0px;
				padding: 1vw 0px 1vw 0px;
				color: #fff;
				font-size: 4vw;
				line-height: 4vw;
				font-weight: 300;
				text-decoration:none;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
				.userPage .left .link:before {
					content: ' ';
					float: left;
					width: 2.5vw;
					height: 2px;
					position: relative;
					margin: 0px 1.5vw 0px 0px;
					background: #1799d8;
					-webkit-transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
					transition: all 0.2s ease-in-out;
				}
				.userPage .left .link:hover:before {
					width: 1vw;
				}
				.userPage .left .link.activeLink {
					color:#1799d8;
				}
				.userPage .left .link.activeLink:before {
					width: 1.5vw;			
				}
	.userPage .right {
		float:left;
		width:100%;
		position:relative;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
		.userPage .right .header {
			float: left;
			width: 100%;
			position: relative;
			margin: 0px 0px 5.5vw 0px;
			padding: 0px 0px 0px 0px;
			color: #fff;
			font-size: 4vw;
			line-height: 4vw;
			font-weight: 400;
			text-transform: uppercase;
		}
			.userPage .right .header:after {
				content: ' ';
				float: left;
				width: 5vw;
				height: 3px;
				position: absolute;
				left:0;
				top:5vw;
				margin: 0px 0px 3vw 0px;
				background: #1799d8;
			}
		.userPage .right .back {
			float: right;
			position: absolute;
			top:0;
			right:0;
			margin: 0px 0px 0px 0px;
			padding: 1.5vw 2vw 1.5vw 2vw;
			color: #fff;
			font-size: 3vw;
			line-height: 3vw;
			font-weight: 400;
			text-transform: uppercase;
			text-decoration:none;
			background:#1799d8;
		}
		.userPage .right .fotoBox {
			float:left;
			width:100%;
			height:45vw;
			position:relative;
			margin:0px 0px 2vw 0px;
			padding:1vw 1vw 1vw 1vw;
			background: rgba(8, 62, 126, 0.6);
		}
			.userPage .right .fotoBox .box {
				float:left;
				width:100% !important;
				height:100% !important;
				position:relative;
				overflow:hidden;
			}
			.userPage .right .fotoBox .mainFoto {
				float:left;
				width:auto !important;
				height:100% !important;
				position:relative;
				overflow:hidden;
			}
				.userPage .right .fotoBox .mainFoto .img {
					float:left;
					width:auto !important;
					height:100%;
			
				}
		.userPage .right .videoUser, .userPage .right video {
			float:left;
			position:relative;
			left:0;
			top:0;
			width:90%;
			min-width:100%;
			height:100%;		
			min-height:100%;		
			z-index: 1;
			margin:0px 0px 2vw 0px;
			padding:1vw 1vw 1vw 1vw;
			object-fit: cover;	
			background: rgba(8, 62, 126, 0.6);
		}
		.userPage .right .filesBox {
			float:left;
			width:100%;
			position:relative;
			margin:1vw 0px 1vw 0px;
			padding:0px 0px 0px 0px;
		}
			.userPage .right .filesBoxFile {
				float:left;
				width:100%;
				position:relative;
				margin:0px 0px 0px 0px;
				padding:1.5vw 0px 1.5vw 0px;
				font-size:3vw;
				line-height:3vw;
				color:#fff;
				text-decoration:none;
				display:flex;
				flex-direction:row;
				flex-wrap:wrap;
				justify-content:flex-start;
				align-items:center;
				align-content:center;
			}
				.userPage .right .filesBoxFile .img {
					float:left;
					width:4vw;
					position:relative;
					margin:0px 2vw 0px 0px;
				}
				.userPage .right .filesBoxFile:hover {
					color:#1799d8;
				}
				
		.userPage .right .galleryFoto {
			float:left;
			width:100%;
			position:relative;
			margin:1vw 0px 0.5vw 0px;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			align-content:center;
		}
			.userPage .right .galleryFoto .box {
				float:left;
				width: calc(33.5% - 5px);
				height:12vw;
				position:relative;
				margin:0px 0px 5px 0px;
			}
				.userPage .right .galleryFoto .box .img {
					float:left;
					width:100%;
					height:100%;
					object-fit: cover;	
				}
}