/*null*/
*{padding: 0;margin: 0;border: 0;}
*,*:before,*:after{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}
nav,footer,header,aside{display: block;}
html,body{height:100%;width:100%;font-size:100%;line-height:1;font-size:14px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner{padding:0;border:0;}
a,a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: inherit;}
/*-----*/

html {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.wrapper {
	min-height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.content {
	flex: 1 1 auto;
}

.hi {
	margin: 0 auto;
	min-height: 650px;
	background-color: #005d6d;
}

.container {
	max-width: 1440px;
	margin: 0 auto;
}
.hi__block {
	position: relative;
	top: 50px;
	left: 150px;
}

.hi__photo {
	position: absolute;
	border-radius: 8px;
	max-height: 430px;
	left: 60px;
	box-shadow: 35px 25px 35px #000;
	z-index: 1;
}

.hi__body {
	position: absolute;
	background-color: #005d6d;
	border-radius: 20px;
	top: 50px;
	left: 200px;
	width: 1000px;
	box-shadow:
	5px 5px 15px #303030,
	5px -5px 15px #303030,
	-5px 5px 15px #303030,
	-5px -5px 15px #303030;
}

.hi__text {
	color: #fff;
	padding: 30px 30px 30px 350px;
	font-size: 60px;
	text-shadow: 0px 0px 20px #000;
	letter-spacing: 4px;
}

h2 {
	padding: 10px 0px 0px 0px;
	font-size: 30px;
}

.hi__text p {
	margin: 10px 0px 0px 0px;
	font-size: 16px;
	letter-spacing: 1px;
	line-height: 22px;
}

.study {
	min-height: 600px;
	background-color: #df7c20;
}

.study__items {
	display: flex;
	justify-content: space-around;
	text-align: center;
}

.study__title {
	letter-spacing: 8px;
	padding: 50px 0px 30px 0px;
	text-align: center;
	color: #fff;
	font-size: 60px;
	text-transform: uppercase;
	text-shadow: 0px 0px 20px #000;
}

.item {
	height: 400px;
	width: 400px;
	background-color: #df7c20;
	border-radius: 20px;
	padding: 20px 0px 0px 0px;
	color: #df7c20;
	transition: all 1s;
}

.item h3 {
	font-size: 40px;
	letter-spacing: 5px;
	text-shadow: 0px 0px 20px #000;
	color: #fff;
	text-transform: uppercase;
	line-height: 40px;
}

.item p {
	font-size: 30px;
	padding: 30px 20px;
	line-height: 40px;
}
.item li {
	font-size: 20px;
	padding: 30px 20px;
}

.item:hover{
	box-shadow:
	5px 5px 15px #303030,
	5px -5px 15px #303030,
	-5px 5px 15px #303030,
	-5px -5px 15px #303030;
	text-shadow: 0px 0px 20px #000;
	color: #fff;
}

.about {
	min-height: 880px;
	background-color: rgb(20, 170, 0);
	padding: 30px 0px 0px 0px;
}

.about__body{
	padding: 20px 30px 20px 30px;
	border-radius: 20px;
	box-shadow:
	5px 5px 15px #303030,
	5px -5px 15px #303030,
	-5px 5px 15px #303030,
	-5px -5px 15px #303030;
	color: #fff;
	text-shadow: 0px 0px 20px #000;
}

.about__title {
	text-align: center;
	font-size: 40px;
	letter-spacing: 3px;
}

.about__descr {
	padding: 10px;
	letter-spacing: 2px;
	font-size: 20px;
	line-height: 25px;
}

.about__photo {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 1000px;
	margin: 0 auto;
}

.about__photo img{
	cursor: pointer;
	margin: 15px;
	height: 85px;
	border-radius: 8px;
	box-shadow: 5px 5px 35px #000;
	transition: all 0.5s;
}

.about__photo img:active {
	transform: scale(8);
}


.footer {
	height: 100px;
	color: #fff;
	font-size: 100px;
	background-color: #666;
	text-transform: uppercase;
	text-align: center;
	text-shadow: 0px 0px 20px #000;
}