html, body{
	background: #fff;
	height: 100%;
	margin: 0;
	width: 100%;
}

body{
	color: #0088c5;
	color: #0f5d7f;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	margin: 0;
	height: 100%;
}

/*.wrap{
	background: linear-gradient(0deg, rgba(128,128,128,0.2) 0%, rgba(128,128,128,0.0) 50%, rgba(128,128,128,0.2) 100%), radial-gradient(circle farthest-side, rgba(128,128,128,0.0) 0%, rgba(128,128,128,0.0) 50%, rgba(64,64,64,0.25) 100%);;

	min-height: 100%;
	position: absolute;
	width: 100%;
}
*/

a{
	color: inherit;
}


.index{
	align-items: stretch;
	justify-content: center;
	background: linear-gradient(0deg, rgba(128,128,128,0.2) 0%, rgba(128,128,128,0.0) 50%, rgba(128,128,128,0.2) 100%), radial-gradient(circle farthest-side, rgba(128,128,128,0.0) 0%, rgba(128,128,128,0.0) 50%, rgba(64,64,64,0.25) 100%);
	display: flex;
	min-height: 100%;
	width: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
  .index{
  	height: 100%;
  }  
}


	.index__wrap{
		align-items: center;
		background: url(../images/gigia.png) no-repeat bottom right;
		background-size: auto 100%;
		box-sizing: border-box;
		display: flex;
		min-height: 100%;
		flex-direction: column;
		justify-content: center;
		padding-bottom: 2em;
		padding-right: 30%;
		width: 100%;
	}

	.index__footer{
		color: #777;
		flex-grow: 0;
		font-size: 0.6em;
		position: absolute;
		padding-bottom: 0.5em;
		text-align: center;
		bottom: 0;
		width: 100%;
	}

		.index__footer p{
			margin: 0.25em 0;
		}


	.index__logo{
		align-items: center;
		display: flex;
		justify-content: center;
		margin-bottom: 0em;

	}

		.index__logo-img{
			display: block;
			height: 10em;
		}


	.index__description {
		margin: 2em 0 2em 0;
	}

		.index__description-text{
			font-size: 1.5em;
			line-height: 120%;
			margin-bottom: 0.5em;
			text-align: center;
		}

		.index__description-note{
			font-size: 0.6em;
			line-height: 150%;
			margin-bottom: 0.5em;
			text-align: center;
		}

			.index__description-note_1{
				letter-spacing: 0.23px;
			}

			.index__description-note_2{
				letter-spacing: -0.22px;
			}

	.index__content{
		display: flex;
		margin: 2em 0 3em 0;
	}

		.index__content-item{
			align-items: center;
			cursor: pointer;
			display: flex;
			flex-direction: column;
			flex-grow: 1;
			flex-shrink: 1;
			justify-content: flex-start;
			margin: 0 2em;
			text-decoration: none;
			width: 33%;
		}

			.index__content-item:hover .index__content-icon img{
				transform: scale(1.1);
			}

			.index__content-item:hover .index__content-description{
				text-decoration: underline;
			}

			.index__content-icon{

			}

				.index__content-icon img{
					transition: all 0.15s;
					height: 2em;
				}

			.index__content-description{
				font-size: 0.75em;
				text-align: center;
			}

	.index__contacts{
		display: flex;
		margin-top: 1em;
		margin-bottom: 1em;
	}

		.index__contacts-item{
			display: flex;
			align-items: center;
			font-size: 1em;
			font-weight: 300;
			margin: 0 1em;
		}

			.index__contacts-icon{
				align-self: flex-start;
				height: 1.5em;
				margin-right: 0.35em;
				position: relative;
				top: 0.25em;
				width: 1.5em;
			}

				.index__contacts-icon img{
					height: 100%;
				}

			.index__contacts-text{
				font-size: 0.75em;
				line-height: 150%;
			}

				.index__contacts-text span{
					font-size: smaller;
				}

@media screen and (max-width: 1680px) {

	body{
		font-size: 22px;
	}

	.index__wrap{
		background-size: auto 85%;
		background-position-x: 105%;
	}
}

@media screen and (max-width: 1366px) {

	body{
		font-size: 20px;
	}
}


@media screen and (max-width: 1280px) {

	body{
		font-size: 20px;
	}

	.index__wrap{
		padding-right: 25%;
		background-size: auto 80%;
	}
}


@media screen and (max-width: 1024px) {

	body{
		font-size: 18px;
	}

	.index__wrap{
		padding-right: 20%;
		background-size: auto 75%;
		background-position-x: 120%;
	}
}

@media screen and (orientation : portrait) {

	.index__wrap{
		background: none;
		padding-right: 0;
	}
}


@media screen and (max-width: 768px) {

	body{
		font-size: 20px;
	}

	.index{
		background: linear-gradient(0deg, rgba(128,128,128,0.2) 0%, rgba(128,128,128,0.0) 50%, rgba(128,128,128,0.2) 100%);
		padding-right: 0;
	}

	.index__wrap{
		background: none;
		padding-right: 0;
	}

		.index__description{
			margin-bottom: 1em;
		}

	.index__footer{
		display: none;
	}

	.index__content{
		margin: 1em 0;
		flex-wrap: wrap;
	}

		.index__content-item{
			margin: 1em 1em;
		}
}


/** Video over layer
 */
.video-over{
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	visibility: hidden;
	width: 100%;
}

	.video-over[data-visible="visible"] {
		background: #444;
		opacity: 1;
		visibility: visible;
	}

		.video-over__player{
			height: 100%;
			left: 0;
			position: absolute;
			top: 0;
			width: 100%;
		}

			.video-over__player video{
				height: 100%;
				width: 100%;
			}

		.video-over__close {
			background: url(../images/close.svg) no-repeat 50% 50%;
			background-size: contain;
			cursor: pointer;
			height: 2em;
			position: absolute;
			right: 1em;
			top: 1em;
			transition: all 0.15s;
			width: 2em;
			z-index: 10;
		}

			.video-over__close:hover{
				transform: scale(1.2);
			}



@media screen and (max-width: 560px) {

	body{
		font-size: 20px;
	}

	.index{
		padding-right: 0;
	}

	.index__wrap{
		padding-right: 0;
	}

		.index__logo{
			padding-top: 2em;
		}

			.index__logo-img{
				height: 6em;
			}

		.index__description{
			padding: 0 15%;
			margin-bottom: 1em;
		}
			.index__description-text{
				font-size: 1.2em;
			}

			.index__description-note span{
				display: block;
			}

		.index__contacts{
			margin-bottom: 1.5em;
			margin-top: 0.5em;
			flex-direction: column;
		}

			.index__contacts-item{
				margin: 0.5em 0;
			}


			.index__contacts-icon{
				align-self: flex-start;
				height: 1.2em;
				margin-right: 0.25em;
				position: relative;
				top: 0.15em;
				width: 1.5em;
			}
}