*,
*::before,
*::after {
	padding: 0;
	margin: 0;
	border: 0;
	box-sizing: border-box;
}
a {
	text-decoration: none;
}
ul,
ol,
li {
	list-style: none;
}
img {
	vertical-align: top;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit;
}

body{
   background-color: #eaeced;
	font-family: 'Roboto Slab';
   font-weight: 500;
   color: #579353;
	overflow-x: hidden;
}
body.lock {
	overflow-y: hidden;
}
::-moz-selection {
	background-color: #6cc4dd;
	color: #fff;
}
::selection {
	background-color: #6cc4dd;
	color: #fff;
}
a{
   color: #579353;
}
.wrapper{
   min-height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}
._container{
	max-width: 1290px;
	margin: 0 auto;
	padding: 0px 15px;
	/*border: 1px solid rgb(68, 120, 231);*/
}
._ibg{
	position: relative;
}
._ibg img{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	pointer-events: none;
}
.no-scroll{
	overflow-y: hidden;
}

/* ---HEADER----------------------------------------------*/

.header {
   position: sticky;
   top: 0;
   z-index: 10;
   background-color: #eaeced;
   box-shadow: 0px 4px 79px 41px rgba(0, 0, 0, 0.25);
}
.header__cont{
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 15px;
}
.header__logo {
}
.header__logo img{
   width: 60px;
   height: 60px;
   border-radius: 50%;
	color: #4a6852;
	color: #579353;
}
.header__textbox {
   display: flex;
   gap: 90px;
   justify-content: end;
}
.header__textbox-item {
   font-size: 20px;
   color: #579353;
	padding:5px 10px;
	transition-duration: 0.2s;
}
.header__textbox-item:hover{
   border-radius: 100px;
	color: #4a6852;
	box-shadow: 5px 5px 2px 0px #0000001F inset, -4px -4px 4px 0px #FFFFFF inset;
}
@media (max-width: 837px) {
   .header__textbox{
      gap: 50px;
   }
}
/* ---HEADER-HAMBURGER---------------------------------------------*/
.header__textbox.active {
	top: 0;
}
.hamburger{
	display: none;
	width: 30px;
	height: 18px;
	position: relative;
	z-index: 5;
	cursor: pointer;
}
.hamburger span {
	position: absolute;
	top: calc(50% - 1px);
	left: 0;
	width: 100%;
	height: 1.5px;
	background-color: #579353;
	outline: 1px solid #4a6852;
	border-radius: 15px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.hamburger span:first-child {
	top: 0;
}
.hamburger span:last-child {
	top: auto;
	bottom: 0;
}
.hamburger.active span {
	-webkit-transform: scale(0);
			  transform: scale(0);
}
.hamburger.active span:first-child {
	-webkit-transform: rotate(-45deg);
			  transform: rotate(-45deg);
	top: calc(50% - 1px);
}
.hamburger.active span:last-child {
   -webkit-transform: rotate(45deg);
			  transform: rotate(45deg);
	bottom: calc(50% - 1px);
}
@media (max-width: 700px) {
	.hamburger{
		display: block;
	}
   .header__textbox{
		position: absolute;
		top: -680px;
		right: 0;
		width: 70%;
		background-color: #eaeced;
		border: 2px solid #579353;
		border-radius: 0px 0px 20px 20px;
		-webkit-transition: all 0.2s;
		transition: all 0.2s;
		display: flex;
		flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 100px 0px;
      gap: 25px;
	}
   .header__textbox-item{
      margin: 0 auto;
      font-size: 30px;
   }
   .header__lang{
      display: none;
   }
   .header__lang-miidle{
      display: flex;
   }
}

/* ---PAGE----------------------------------------------*/

.page{
}
.page__maintext {
	font-size: 40px;
	text-align: center;
	margin-bottom: 50px;
}
.page__main-block{
}
.page__skills {
}
.page__works{
	margin-top: 70px;
}

/* ---MAIN-BLOCK---------------------------------------------*/

.main-block {
   background: url('../img/Main-block/11771175_4840719.jpg') 0 0/100% auto no-repeat;
	box-shadow: inset 0px -12px 20px -7px rgba(162, 162, 162, 0.67);
}
@media (max-width:900px) {
	.main-block{
		background: url('../img/Main-block/11771175_4840719.jpg') 0 0/auto 100% no-repeat;
	}
}
.main-block__cont {
   display: flex;
   align-items: center;
	justify-content: space-between;
   height: 600px;
   position: relative;
}
.main-block__text {
   font-size: 24px;
   font-weight: 500;
   line-height: 60px;
   display: flex;
   flex-direction: column;
   position: relative;
   z-index: 2;
}
.main-block__text-hi {
}
.main-block__text-name {
   font-size: 60px;
   font-weight: 600;
   animation-name: circle;
	animation-duration: 3s;
	animation-iteration-count: infinite;
}
@keyframes circle{
	0%{
	color: #579353;
	}
	40%{
	color: #d99581;
	}
	65%{
	color:#4a6852;
	}
	100%{
	color: #579353;
	}
}
.main-block__text-status {
}
.main-block__button {
   margin-top: 30px;
   width: 278px;
}
.main-block__photo {
	margin-right: 100px;
	padding: 15px;
}
.main-block__photo img{
   width: 280px;
	border-radius: 50%;
	pointer-events: none;
	outline: 5px solid #eaeced;
}
@media (max-width:1290px) {
	.main-block__photo {
		margin-right: 50px;
	}
}
@media (max-width: 985px) {
   .main-block__photo {
      right: 15px;
   }
}
@media (max-width:775px) {
	.main-block__photo {
		position: absolute;
		top: 100px;
		right: -50px;
	}
	.main-block__text-name{
		width: 300px;
		font-size: 50px;
	}
	.main-block__text-hi{
		font-size: 22px;
	}
}
@media (max-width: 615px) {
	.main-block__text{
		margin-top: 150px;
	}
	.main-block__photo {
		position: absolute;
		top: 50px;
		right: -50px;
		opacity: 0.7;
	}
	.main-block__photo img{
		width: 220px;
		outline: 2px solid #eaeced;
	}
   .main-block__button {
      margin: 0 auto;
      margin-top: 30px;
   }
   .main-block__text{
      width: 100%;
   }
   .main-block__cont {
      height: 530px;
   }
   .main-block__text{
      line-height: 50px;
   }
   .main-block__fog {
      top: 80px;
      left: 0;
      height: 531px;
      width: 100%;
   }
}

/* ---SKILLS----------------------------------------------*/

.skills {
}
.skills__cont {
	padding-top: 50px;
}
.skills__box {
	display: flex;
	gap: 35px;
	margin-top: 50px;
}
.skills__box-text {
	flex: 0 1 40%;
}
.skills__box-all:not(:last-child){
	margin-bottom: 40px;
}
.skills__box-maintext {
	font-size: 30px;
}
.skills__box-secondtext {
	font-size: 18px;
	max-width: 100%;
	line-height: 28px;
}

.skills__box-diagram{
	flex: 0 1 60%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.skills__diagram {
	position: relative;
	display: flex;
	width: 90%;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 40px;
}

.skills__diagram-item {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.skills-box{
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 0 auto;
}
.skills-box h3{
	font-size: 25px;
	margin-bottom: 10px;
	color: #4a6852;
}
.skills-box div{
	padding: 5px 10px;
	margin-left: -10px;
}
.skills-box div, .skills-box div a{
	display: flex;
	gap: 10px;
	font-size: 20px;
	align-items: center;
}
.skills-box div a{
	text-decoration: underline;
	padding: 5px 10px;
	margin-left: -10px;
	transition: all 0.2s ease 0s;
}
.skills-box div a:hover{
   border-radius: 100px;
	color: #4a6852;
	box-shadow: 5px 5px 2px 0px #0000001F inset, -4px -4px 4px 0px #FFFFFF inset;
}
.skills-box div img{
	max-height: 30px;
}
.skills-lang {
}
.skills-frameworks {
}
@media (max-width:950px) {
	.skills__box {
		flex-direction: column;
		gap: 50px;
	}
	.skills__diagram-item{
		gap: 50px;
	}
	.skills-box{
		margin: 0 auto;
		padding: 0px 20px;
	}
}
.closed{
	pointer-events: none;
	opacity: 0.5;
}

/* ---WORKS----------------------------------------------*/

.works {
}
.works__cont {
}
.page__maintext {
}
.works__slider {
}
.slider {
	position: relative;
}
.slider__item {
	text-align: center;
}
.dental{
	pointer-events: none;
	opacity: 0.5;
}
.works__slider-photo{
	width: 95.5%;
}
.slider__item a{
	display: block;
	width: 100%;
	transition: all 0.2s ease 0s;
	transform: scale(0.9);
}
.slider__item a:hover{
	transform: scale(1);
}
.slider__item a img{
	border-radius: 15px 15px 0px 0px;
}
.slider__item-text{
	width: 95.5%;
	color: #eaeced;
	margin: 0 auto;
	padding: 20px 15px;
	background-color: #4a6852;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-radius: 0px 0px 15px 15px;
	line-height: 160%;
}
.slider__item-text h3{
	font-size: 20px;
}
.slider__item-text p{
	text-align: left;
}
.slider__item-text p img{
	height: 20px;
	border-radius: 0px;
	margin: 0px 5px 0px 5px;
}

.slick-list{
	overflow: hidden;
}
.slick-track{
	display: flex;
	align-items: center;
}
.slider .slick-arrow{
	position: absolute;
	top: 50%;
	margin-top: -38px;
	z-index: 2;
	width: 50px;
	height: 50px;
	font-size: 0;
	cursor: pointer;
}
.slider .slick-arrow.slick-prev{
	left: 0;
	background: url('../img/Slider/arrow-left.svg') 0 0 / 100% no-repeat;
}
.slider .slick-arrow:hover{
	outline: 3px solid #4a6852;
	border-radius: 50px;
}
.slider .slick-arrow.slick-next{
	right: 0;
	background: url('../img/Slider/arrow-right.svg') 0 0 / 100% no-repeat;
}
.slider .slick-arrow.slick-disabled{
	opacity: 0.5;
}
.slider .slick-dots{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-top: 10px;
}
.slider .slick-dots li{
	list-style: none;
}
.slider .slick-dots button{
	font-size: 0;
	background-color: #579353;
	border-radius: 50%;
	width: 18px;
	height: 18px;
	transition: all 0.2s ease 0s;
	border: 0;
	cursor: pointer;
}
.slider .slick-dots li.slick-active button{
	border: 5px solid #4a6852;
	background-color: transparent;
}
@media (max-width:640px) {
	.slider .slick-dots button{
		width: 25px;
		height: 25px;
	}
}
@media (max-width:567px) {
	.slider .slick-arrow{
	margin-top: -39px;
}
}

/* ---WORKS----------------------------------------------*/

.footer__help{
	position: relative;
}
.footer {
	padding: 60px 15px;
}
.fot-h{
	padding-top: 115px;
}
.footer__maintext {
	font-size: 48px;
	width: 600;
	text-align: center;
	font-weight: 500;
}
.footer__box {
	display: flex;
	gap: 100px;
	position: relative;
	z-index: 2;
}

.footer__message {
	flex: 0 1 50%;
}
.footer__container {
	padding:40px;
	border-radius: 20px;
	background-color: #eaeced;
	box-shadow: 9px 9px 19px -5px #00000040,-8px -8px 15px 0px #FFFFFF;
}

.footer__form {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 25px;
}
.footer__form h2{
	font-size: 30px;
	font-weight: 500;
	letter-spacing: 0.1em;
	width: 440px;
	margin: 0 auto;
	text-align: center;
}
.signup {
}
.inputBox {
	position: relative;
	width: 80%;
}
.inputBox input{
	padding:12px 10px 12px 48px;
	width: 100%;
	background-color: #579353;
	border: 1px solid #fff;
	color: #579353;
	font-weight: 300;
	border-radius: 25px;
	font-size: 18px;
	transition: 0.3s;
	outline: none;
	box-shadow: 6px 5px 10px 3px #3636363D, -8px -8px 10px 0px #FFFFFF;
	border: 2px solid #FFFFFF;
}
.inputBox input:valid,
.inputBox input:focus{
	background-color: #eaeced;
}
.inputBox input:valid ~ span,
.inputBox input:focus ~ span{
	outline: 1px solid #579353;
	background-color: #579353;
	transform: translateX(25px) translateY(-11px);
	font-size: 0.6em;
	padding: 0 8px;
	border-radius: 10px;
	letter-spacing: 0.1em;
}
.inputBox input:valid,
.inputBox input:focus{
	outline: 1px solid #579353;
}
.inputBox input[type="submit"]{
	background: #579353;
	color: #fff;
	padding: 10px 0;
	font-weight: 500;
	cursor: pointer;
	box-shadow: 6px 5px 10px 3px #3636363D, -8px -8px 10px 0px #FFFFFF;
	border: 2px solid #FFFFFF;
}


.inputBox textarea{
	resize: none;
	padding:12px 10px 12px 48px;
	width: 100%;
	background-color: #579353;
	border: 1px solid #fff;
	color: #579353;
	font-weight: 300;
	border-radius: 25px;
	font-size: 18px;
	transition: 0.3s;
	outline: none;
	box-shadow: 6px 5px 10px 3px #3636363D, -8px -8px 10px 0px #FFFFFF;
	border: 2px solid #FFFFFF;
	height: 24px;
}
.inputBox textarea:valid ~ span,
.inputBox textarea:focus ~ span{
	outline: 1px solid #579353;
	background-color: #579353;
	transform: translateX(25px) translateY(-11px);
	font-size: 0.6em;
	padding: 0 8px;
	border-radius: 10px;
	letter-spacing: 0.1em;
}
.inputBox textarea:valid,
.inputBox textarea:focus{
	outline: 1px solid #579353;
	background-color: #eaeced;
	padding-bottom: 35px;
}
.inputBox textarea[type="submit"]{
	background: #579353;
	color: #fff;
	padding: 10px 0;
	font-weight: 500;
	cursor: pointer;
	box-shadow: 6px 5px 10px 3px #3636363D, -8px -8px 10px 0px #FFFFFF;
	border: 2px solid #FFFFFF;
}
.inputBox div{
	position: absolute;
	bottom: 10px;
	right: 20px;
	font-size: 18px;
	font-weight: 500;
	pointer-events: none;
}
.inputBox textarea:valid ~ i,
.inputBox textarea:focus ~ i{
	color: #579353;
	border-right: 1px solid #579353;
}

.inputBox span{
	position: absolute;
	left: 0;
	top: 5px;
	padding:11px 10px 12px 48px;
	pointer-events: none;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
	transition: 0.3s;
	letter-spacing: 0.05em;
}
.inputBox i{
	position: absolute;
	top: 17px;
	left: 18px;
	width: 25px;
	padding: 2px 0;
	color: #fff;
	border-right: 1px solid #fff;
}
.inputBox input:valid ~ i,
.inputBox input:focus ~ i{
	color: #579353;
	border-right: 1px solid #579353;
}
.signin {
}
.inputBox-send{
	width: 60%;
}
.inputBox-send:hover input{
	background-color: #eaeced;
	color: #579353;
}

.footer__info {
	position: relative;
	flex: 0 1 50%;
}
.footer__info-maintext {
	font-size: 30px;
	width: 500;
}
.footer__info-text {
	font-size: 25px;
	width: 400;
	margin-top: 40px;
}
.footer-info-text__number {
	margin-bottom: 44px;
	line-height: 38px;
}
.color {
	color: #d99581;
	transition: 0.3s;
}
.footer-info-text__post {
	margin-bottom: 44px;
	line-height: 38px;
	max-width: 400px;
}
.footer-info-text__messengers {
}
.footer-mes-help{
	display: flex;
	gap: 15px;
	margin-top: 15px;
}
.footer__info-mes {
	display: block;
}
.footer__info-mes-viber {
	width: 115px;
}
.footer__info-mes-viber{
	width: 200px;
}
.footer__vib-img{
	display: flex;
	align-items: center;
	width: 150px;
	transition: 0.3s;
	border-radius: 20px;
	outline: 2px solid transparent;
}
.vib{
	width: 128px;
}
.tel{
	width: 175px;
}
.wat{
	width: 183px;
}
.footer__vib-img img{
	width: 40px;
	height: 40px;
	margin-right: 10px;
}
.footer__info-text a{
	color: #d99581;
}
.footer__info-num-a{
	transition: 0.3s;
	border-radius: 20px;
	outline: 2px solid transparent;
}
.footer__info-num-a:hover{
	outline: 2px solid #4a6852;
	padding: 0px 12px;
	border-radius: 20px;
	margin-left: -12px;
	color: #4a6852;
}
.footer__info-num-a:hover span{
	color: #4a6852;
}
.footer__info-email-a{
	transition: 0.3s;
	border-radius: 20s;
	outline: 2px solid transparent;
}
.footer__info-email-a:hover{
	outline: 2px solid #4a6852;
	padding: 0px 12px;
	border-radius: 20px;
	margin-left: -12px;
	color: #4a6852;
}
.footer__vib-img:hover {
	outline: 2px solid #4a6852;
	border-radius: 20px;
	color: #4a6852;
	margin-left: 0px;
	padding: 0px 7px 0px 0px;
}
.footer__wawes{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	background: url('../img/Footer/Wave_R.png') 100% 0%/auto 100% no-repeat;
	width: /*324*/243px;
	height: /*778*/584px;
}

.inputBox-comment{
	text-align: center;
}

@media (max-width: 1289px) and (min-width: 1024px) {
	.footer__box {
		display: grid;
		grid-template-columns: 486px 486px;
		gap: 50px;
		margin-top: 70px;
	}
	.footer__message-form {
		display: grid;
		grid-template-columns: 195px 291px;
		grid-template-rows: 57px 57px;
		gap: 20px;
		height: 210px;
		width: 486px;
	}
	.footer__mes-text {
		width: 486px;
	}
	.footer-mes-help{
		gap: 6px;
	}
	.footer__vib-img img{
		width: 38px;
		height: 38px;
	}
	.footer__wawes{
		bottom: 10%;
	}
	.footer__vib-img:hover {
		outline: 1px solid #4a6852;
		border-radius: 20px;
		color: #4a6852;
		margin-left: 0px;
		padding: 0px 0px 0px 0px;
	}
}
@media (max-width: 1023px) and (min-width: 768px) {
	.footer__box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 100px;
		margin-top: 0px;
		align-items: center;
	}
	.footer__message{
		position: relative;
		display: flex;
	}
	.footer__wawes{
		bottom: 0%;
	}
	.footer__maintext{
		font-size: 40px;
	}
	.footer__info-num-a:hover{
		outline: 0px;
		padding: 0px;
		border-radius: 0px;
		margin-left: 0px;
		color: #d99581;
	}
	.footer__info-num-a:hover span{
		color: #d99581;
	}
	.footer__info-email-a:hover{
		outline: 0px;
		padding: 0px;
		border-radius: 0px;
		margin-left: 0px;
		color: #d99581;
	}
	.footer__vib-img:hover {
		outline: 0px;
		border-radius: 0px;
		color: #d99581;
		margin-left: 0px;
		padding: 0px;
	}
}
@media (max-width: 767px) {
	.footer-info-text__post{
		width: 200px;
	}
	.footer{
		padding-bottom: 0px;
	}
	.footer__maintext{
		font-size: 35px;
		padding-top: 10px;
	}
	.fot-h{
		padding-top: 0px;
	}
	.footer__box {
		display: block;
		margin-top: 0px;
		align-items: center;
		justify-content: center;
	}
	.footer__container {
		width: 100%;
		padding:20px 0px 20px 0px;
	}
	.footer__form h2{
		width: 200px;
		font-size: 25px;
	}
	.footer__info{
		margin-top: 50px;
	}
	.footer-mes-help{
		display: grid;
		grid-template-columns: 175px;
		grid-template-rows: 40px 40px 40px;
		gap: 12px;
		margin-top: 18px;
	}
	.footer__wawes{
		bottom: -5%;
	}
	.footer__info-num-a:hover{
		outline: 0px;
		padding: 0px;
		border-radius: 0px;
		margin-left: 0px;
		color: #d99581;
	}
	.footer__info-num-a:hover span{
		color: #d99581;
	}
	.footer__info-email-a:hover{
		outline: 0px;
		padding: 0px;
		border-radius: 0px;
		margin-left: 0px;
		color: #d99581;
	}
	.footer__vib-img:hover {
		outline: 0px;
		border-radius: 0px;
		color: #d99581;
		margin-left: 0px;
		padding: 0px;
	}
}