@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
@font-face{
    font-family: "Avalon Medium";
	src: url("../Fonts/AvalonMedium.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}
@font-face{
	font-family: "Bookman Old Style";
	src: url("../Fonts/BOOKOS.TTF");
	font-style: normal;
}
html,body{
	user-select: none;
	display: flex;
	flex-direction: column;
	min-height: 100%;
	width: 100%;
	height: 100%;
	scroll-behavior: smooth;
}
body::-webkit-scrollbar {
  width: 0.7vmax;               
}
body::-webkit-scrollbar-track {
  background-color: antiquewhite;        
}
body::-webkit-scrollbar-thumb {
  background-color: maroon;    
  border-radius: 1%;       
  border: 0.15vmax solid palegoldenrod;
}
body::-webkit-scrollbar-thumb:hover {
  background-color:#630709;    
  border: 0.15vmax solid goldenrod;
  transition: 2.1s;
}
#MAIN_WRAPPER{
	display: flex;
	flex-direction: column;
	flex-grow: 1;
	height: 100%;
	width: 100%;
	min-height: 100%;
}
#Logo{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 7vmax;
	height: auto;
	position: fixed;
	top: 0.7vmax;
	left: 0.7vmax;
	z-index: 100;
}
a{
	text-decoration: none;
	color: darkred;
}
#Links_Top{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: absolute;
	list-style: none;
	font-family: 'Avalon Medium';
	color: darkred;
	right: 1vmax;
	top: 1.2vmax;
	z-index: 100;
	font-size: 3vmax;
	font-weight: bold;
}
#Links_Top li{
	margin-left: 1vmax;
}
#Links_Top li:hover{
	/*text-shadow: palegoldenrod 0.03vmax 0.03vmax 0px, palegoldenrod -0.03vmax -0.03vmax 0, 
                 palegoldenrod -0.03vmax 0.03vmax 0, palegoldenrod 0.03vmax -0.03vmax 0;*/
	text-shadow: palegoldenrod 0.03vmax 0.03vmax 0px, 0 0 0, 
                 0 0 0, 0 0 0;
}
#FACE_BLOCK{
	height: 100%;
	width: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;	
	align-items: center;
	justify-content: center;
	position: relative;
}
#IMG_MAIN{
	height: 100%;
	width: 100%;
	min-height: 100%;
	opacity: 60%;
	display: flex;
	flex-direction: column;
	object-fit: cover;
	position: absolute;
}
#FACE_BLOCK_TEXT{
	color: maroon;
	font-family: 'Avalon Medium';
	font-size: 5vmax;
	font-weight: bold;
	z-index: 100;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 63%;
	margin-top: 6vmax;
	text-shadow: palegoldenrod 0.03vmax 0.03vmax 0px, 0 0 0, 
                 0 0 0, 0 0 0;
}
.SERVICE h1{
	font-size: 5vmax;
	font-family: 'Avalon Medium';
	display: flex;
	flex-direction: row;
	text-align: center;
	color: darkred;
	width: 100%;
	align-items: center;
	justify-content: center;
}
.SERVICE{
	background-color:antiquewhite;
	text-align: center;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
#spheres{
	list-style: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
}
@media(orientation:landscape){
    .spheres_item{
	    width: 55%;
    }
    .Treasures_Wrapper{
	    width: 70vmax;	
    }
	#Treasures_Text{
		padding: 5vmax;
	}
	.Treasures_Wrapper img{
		width: 40vmax;
	}
	.SERVICE{
		height: 100%;
		min-height: 100%;
	}
	.service_logo{
		width: 15vmax;
		margin-top: -2vmax;
	}
    .service_logo:nth-child(2){
        position: absolute;
    	margin-top: 0vmax;
    	right: 0.5vmax;
    }
	.spheres_item ul{
		text-align: right;
	}
	.spheres_item:nth-child(2) ul{
		text-align: left;
	}
}
@media(orientation:portrait){
    .spheres_item{
	    width: 80%;
	    flex-wrap: wrap;
		margin-bottom: 1vmax;
    }
    .Treasures_Wrapper{
	    width: auto;
    }
	#Treasures_Text{
		padding: 0vmax;
		width: 35vmax;
	}
	.Treasures_Wrapper img{
		width: 30vmax;
	}
	.SERVICE{
		height: 100%;
		min-height: 100%;
	}
	.service_logo{
		width: 20vmax;
		margin-left: 20%;
		margin-right: auto;
		z-index: 49;
		opacity: 20%;
		margin-top: -4vmax;
		position: absolute;
	}
	#SERVICE1 h1{
		margin-bottom: 3vmax;
	}
	.spheres_item ul, .spheres_item:nth-child(2) ul{
		text-align: center;
	}
    .service_logo:nth-child(2){
        position: relative;
    	right: 0.25vmax;
    }
}
.spheres_item{
	display: flex;
	align-items: center;
	height: auto;
	padding: 0.5vmax;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.7vmax;
	color: darkred;
	position: relative;
	flex-direction: row;
}
.spheres_item_cont{
	display: flex;
	flex-direction: row;
}
.service_logo{
	position: relative;
	height: auto;
	z-index: 51;
}
.spheres_item:nth-child(2){
	margin-bottom: 8vmax;
	margin-top: 6vmax;
}
.spheres_item:nth-child(2) ul{
	list-style: none;
	position: absolute;
}
.spheres_item ul{
	list-style: none;
	padding: 1.5vmax;
	border: 0.21vmax solid darkred;
	width: 100%;
	position: absolute;
	z-index: 50;
	border-radius: 2vmax;
}
.spheres_item ul li:nth-child(2), .spheres_item ul li:nth-child(3){
	margin-top: 1vmax;
}
.Treasures_Wrapper{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	height: auto;
}
.Treasures_Wrapper img{
	position: relative;
	display: flex;
	opacity: 60%;
	align-self: center;
}
#Treasures_Text_Back{
	background-color: bisque;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 5vmax;
	opacity: 40%;
}
#Treasures_Text{
	font-size: 3.5vmax;
	font-family: 'Avalon Medium';	
	font-weight: bold;	
	color: darkred;
	z-index: 51;
}
#Treasures_Text_Wrapper{
	display: flex;
	flex-direction: column;
	border-radius: 5vmax;
	border: 0.3vmax solid darkred;
	position: relative;
	position: absolute;
}
#Contacts_Form{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 51;
	position: absolute;
	font-size: 10vmax;
	font-family: 'Avalon Medium';	
	font-weight: bold;	
	color: darkred;
	margin-top: 0vmax;
}
#Contacts_Form h3{
	font-size: 3vmax;
	color: darkred;
	font-family: 'Avalon Medium';
}
.input_field_1{
	background-color: burlywood;
	border: 0.1vmax solid darkred;
	width: 100%;
	margin-top: 0.5vmax;
	padding: 0.7vmax;
	font-size: 1.2vmax;
	color: darkred;
	border-radius: 0.21vmax;
	opacity: 80%;
	font-family: "Bookman Old Style";
}
textarea{
	resize: none;
}
#Contacts_Data{
	height: 10vmax;
}
.input_field_1:focus{
	outline: 0.14vmax solid darkred;
}
.btns_list{
	display: flex;
	flex-direction: row;
	list-style: none;
	margin-top: 1vmax;
}
.btns_list .btn:nth-child(2){
	margin-left: 0.5vmax;
}
.btn{
	background: linear-gradient(to bottom, burlywood, palegoldenrod);
	padding: 0.5vmax;
	font-size: 1vmax;
	color: darkred;
	border-radius: 0.25vmax;
	outline: 0;	
	border: 0;
	font-family: "Bookman Old Style";
}
button{
	transition: 0.5s;
}
.btn:hover{
	outline: 0.1vmax solid darkred;
	box-shadow: 0 0 0.5vmax darkred;
	background: linear-gradient(to bottom, palegoldenrod, burlywood);
}
#To_Top img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
}
#To_Top{
	display: none;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: fixed;
	right: 1vmax;
	bottom: 2vmax;
	font-size: 2.7vmax;
	z-index: 100;
	border-radius: 50%;
	height: 4vmax;
	opacity: 30%;
	font-weight: bold;
}
#To_Top:hover{
	opacity: 100%;
}
footer{
	display: flex;
	text-align: center;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 0.25vmax;
	box-shadow: inset 0 0 0.3vmax darkred;
	font-size: 1vmax;
	color: darkred;
	background: linear-gradient(to top, antiquewhite, bisque);
	width: 100%;
	position: relative;
	bottom: 0;
	font-family: "Bookman Old Style";
	font-weight: bold;
}
.w_error{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 0.1vmax solid red;
	background-color:#F1D39A;
	font-size: 1vmax;
	padding: 1vmax;
	margin-top: 1vmax;
	font-family: "Bookman Old Style";
	color: red;
	max-width: 15vmax;
}
.w_success{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	border: 0.1vmax solid green;
	background-color:#F1D39A;
	font-size: 1vmax;
	padding: 1vmax;
	margin-top: 1vmax;
	font-family: "Bookman Old Style";
	color: green;
	max-width: 15vmax;
}