@font-face {
	font-family: 'Inter Tight';
	font-style: normal;
	font-weight: normal;
}

input, textarea {font-family:'Inter Tight'}
*{margin:0;padding:0;-moz-box-sizing: border-box;box-sizing: border-box;}
::-webkit-input-placeholder{color:#323b44;opacity:1}
:-moz-placeholder{color:#323b44;opacity:1}
::-moz-placeholder{color:#323b44;opacity:1}
:-ms-input-placeholder{color:#323b44;opacity:1}
body{font-family:'Inter Tight';font-size:14px;line-height:1.2;font-weight:400;overflow-x: hidden;margin:0;background-color:#141414;}
body.page{margin:0}
a{-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;text-decoration:none}
button{-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in;text-decoration:none}
svg path,svg rect{-webkit-transition:.2s ease-in;-o-transition:.2s ease-in;transition:.2s ease-in}
a:hover{text-decoration:none}
a:focus,button:focus,input:focus,textarea:focus{outline:0}
::-webkit-scrollbar{width:7px}
::-webkit-scrollbar-track{background:#2F2F2F;border-radius:8px}
::-webkit-scrollbar-thumb{background:#606060;border-radius:8px}
.flex-center{display: -webkit-flex;display:flex;justify-content:center;align-items:center}
h1,h2,h3,h4,h5{font-weight:700}
h1{font-size:40px; font-weight: 500;}
h2{font-size:42px}
h3{font-size:36px}
h4{font-size:24px}
h5{font-size:18px}
.hide{display:none!important;}
img {max-width: 100%;}
ol, ul {margin: 0;padding: 0;}

.container{box-sizing: border-box;;width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1120px}}
.no_desktop{display: none!important;}

/*======== General ========*/

.header {position: sticky;top: 0;z-index:99999}
.flex_item,.desk_flex_item {display: -webkit-flex;display:flex;}
.sb {justify-content: space-between;}
.sa {justify-content: space-around}
.aic {align-items: center;}
.icon {position: relative;z-index: 2;transition: all .35s ease;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: center center;mask-position: center center;-webkit-mask-size: 100% auto;mask-size: 100% auto;margin-right: 5px; }
.logo_img {width:56px;height:56px;border-radius:50%}
.mail_block {background-color:#2E2E2E;border-radius:32px;padding: 8px 24px}
.mail_block a {font-size: 20px;font-weight: 400;color: #F6F7F8;}
.mail_block1 {background-color:#2E2E2E;border-radius:32px;padding: 8px 24px}
.mail_block1 a {font-size: 20px;font-weight: 400;color: #F6F7F8;}
.line_1 {height: 100%;align-items: center;}
.line_1_wrapper {background: rgba(20, 20, 20, 0.80);
backdrop-filter: blur(20px);padding: 24px 0;}
.logo_text {font-size: 24px;color: #F6F7F8;margin-left: 12px;}
.contact_block + .contact_block {margin-left:12px}
.socials a {width:40px; height:40px;}
main {padding: 200px 0;}
.main_block + .main_block {margin-top: 200px}
.section_title {color: #B8B8B8; margin-bottom: 24px;font-weight: 500;}
.text_block p {font-size: 40px;color:#F6F7F8;}
.grid_2 {display: grid;grid-template-columns: 1fr 1fr;column-gap: 24px;row-gap: 40px;}
.grid_3 {display: grid;grid-template-columns: 1fr 1fr 1fr;column-gap: 24px;row-gap: 16px;}
.chess_img {width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 32px}
.chess_item:hover{transform: scale(1.01); }
.chess_item_top {position: relative;}
.chess_item_tags {position: absolute;margin: 16px;}
.chess_item_tags span {padding: 4px 12px;border-radius:16px;}
.chess_item_bottom {margin-top: 24px;}
.chess_top_text {font-size: 24px; color: #F6F7F8; font-weight: 600;margin-top: 24px;}
.chess_bottom_text {font-size: 18px; color: #BABBBC;margin-top: 16px;}
.main_block_title {font-size:36px;font-weight:500;color: #F6F7F8;margin-bottom: 40px;}
.exp_block {display: flex;}
.exp_block + .exp_block {margin-top: 32px}
.main_block_subtitle {color: #F6F7F8;font-weight: 500;font-size: 24px;margin-bottom:24px;}
.exp_dates {color: #86868D;min-width: 120px;margin-right: 24px;font-size: 16px;margin-top: 8px;}
.exp_desc_list {color: #C4C5C6;font-size: 16px;}
.exp_desc_list ul {padding-inline-start: 24px;}
.exp_desc_list ul li + li {margin-top: 8px;}
.skills_list {line-height: 32px;}
.skills_list span {white-space:nowrap;color:#F6F7F8;font-size: 14px;line-height:20px;font-weight:500;border-radius: 16px;padding: 4px 12px;background-color:#2E3035}
.skills_list svg {margin-bottom: -2px;}
.about_block {display: flex;}
.about_block img {border-radius:32px;min-width: 360px;margin-right: 24px;}
.about_block_text {color: #BABBBC; font-size: 18px;}
.about_block_text p + p {margin-top: 24px;}

.btn_back1{
	  gap:4px;  
	}

footer {background:#141414; padding-bottom:80px}
.footer_row {display: -webkit-flex;display:flex;}
.copyright span {margin-right: 24px}
.copyright {font-weight: 400;font-size: 14px;line-height: 20px;margin-left: 40px;color:#B7B7B7}

.wave {
  animation-name: wave-animation;  /* Refers to the name of your @keyframes element below */
  animation-duration: 2.5s;        /* Change to speed up or slow down */
  animation-iteration-count: infinite;  /* Never stop waving :) */
  transform-origin: 70% 70%;       /* Pivot around the bottom-left palm */
  display: inline-block;
}

@keyframes wave-animation {
    0% { transform: rotate( 0.0deg) }
   10% { transform: rotate(14.0deg) }  /* The following five values can be played with to make the waving more or less extreme */
   20% { transform: rotate(-8.0deg) }
   30% { transform: rotate(14.0deg) }
   40% { transform: rotate(-4.0deg) }
   50% { transform: rotate(10.0deg) }
   60% { transform: rotate( 0.0deg) }  /* Reset for the last half to pause */
  100% { transform: rotate( 0.0deg) }
}


@media (max-width : 992px) {
	/* .grid_2 {display: grid;grid-template-columns: 1fr;} */
}

@media (max-width: 992px){
	.grid_3, .grid_2 {display: grid;grid-template-columns: 1fr;}
	.no_desktop{display: block!important;}
	.no_mobile{display: none!important;}
	.about_block, .footer_row {display:block}
	.copyright {margin: 40px 0; justify-content: center;}
	.copyright span {margin: 0 0 0 24px; order:1;}
	footer {padding-bottom: 0}
	main {padding: 64px 0 80px}
	.about_block img {margin: 0 0 16px 0;}
	.main_block_title {margin-bottom: 24px; font-size: 22px}
	.main_block + .main_block {margin-top: 64px}
	.main_block_subtitle {font-size: 18px;margin-bottom: 8px;}
	.exp_block {display: block}
	.exp_dates {font-size: 16px; margin-bottom: 8px}
	h1 {font-size: 22px;}
	.text_block p {font-size:24px;}
	.mail_block svg {margin-top:4px}
	.logo_img {width:40px; height:40px;}
	.line_1_wrapper {padding: 16px 0}
}

.btn_back {
	display: inline-flex;
	padding: 16px 40px;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background: #2E3035;
	color: #F6F7F8;
	margin-bottom: 24px;
	margin-top: 24px;
	font-size: 20px;
	gap: 4px;
	border: 1px solid transparent; /* чтобы не прыгала при ховере */
	cursor: pointer;
	font-weight: 500;
	line-height: 25px;
	font-family: "Inter Tight";
	transition: border 0.2s ease;
}

.btn_back:hover {
	border: 1px solid #6D6D6D;
}