body {
/*	font-family: droid-sans, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-family: 'Fira Sans', sans-serif;
	margin: 0;
	font-size: 18px;
	line-height: 26px;
	}

/*
.container{
	visibility: hidden;

}
*/

h1,h2,h3,h4 {
    font-family: 'Fira Sans', sans-serif;
}

a{
/*	color: #3667cb;*/
/*    color: #6350E9; фиолетовые ссылки*/
    color: #2963D1;
	text-decoration: none;
    padding-bottom: 0px;
	border-bottom: 1px solid #E1E9F8;
}


a:hover {
/*	color: #7a280e;*/
/*    color: #7F6EF7; фиолетовые ссылки*/
	color: #D16229;
	border-bottom: 1px solid #F9ECE5;
    
/*	text-decoration: none;*/
   }


h1{
	font-size: 64px;
    font-weight: 500;
	line-height: 70px !important;
	margin-bottom: 8px;
	margin-top: 10px;
    line-height: 64px;
}



h2{
	font-size: 38px;
    font-weight: 400;
    text-align: left;
    margin-top: 46px;
    margin-bottom: 24px;
    line-height: 44px;
}


h3{
	font-size: 30px;
    font-weight: 500;
	line-height: 1.4em;
	margin-bottom: 4px;
    text-align: left;
}


h4{
	font-size: 18px;
    font-weight: 500;
	margin-top: 10px;
    margin-bottom: -10px;
}


.container {
    max-width: 1360px;
	min-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 86px;}

.stripe{
/*  background-color: #FAFAF7;*/
    background-color: #FAFAF7;
    margin-top: 60px; 
    padding-top: 20px;
    padding-bottom: 60px;
    margin-bottom: 20px;
}

#mainHeader {
    margin-top: 30px;
	margin-left:  -1px;
}

.header1 {
	width: 79%;
}

.header1 h1 {
	margin-left: -5px;
}

.header2 {
	 width: 21%;
}
.header2 img {
    position: relative;
	top: 0;
	left: 0;
	margin-top: 1.2em;
}



p {
	margin-top: 12px;
	margin-bottom: 14px;
}

.about{
    margin-bottom: 0px;
}

.label {
    background-color: #FFEAAE;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.6px;
    padding: 4px 4px 2px 4px;
    display: inline-block;
    font-family: 'Fira Sans', sans-serif;
	line-height: 18px;
    border-radius: 2px;
    margin-bottom: 0px;
}

.pmenu {
    padding-right: 36px;
    font-size: 16px;
}

.price {
    color: #000;
    font-weight: 400;
    font-size: 30px;
    line-height: 30px;
}

.citata {
    font-style: italic;
    font-size: 20px;
    line-height: 28px;
    margin-top: 156px;
    margin-bottom: 4px;
}

#mainBlock {
    margin-top: 10px;
}

.mainBlock1 p {
	padding-right: 1.5em;
}


.mainBlock1{
	width: 70%;
}

.mainBlock100{
	width: 100%;
}


.mainBlock2{
    width: 30%;
}

.mainBlock2 img{
	margin-bottom: 0px;
}




button{
	background: url(/images/button1-212.svg) left top;
	font-size: 1.25em;
	border: 0;
	padding: 3px 30px 7px 20px;
	width: 212px;
	height: 57px;
	outline: none;
/*	margin-left: auto;*/
	margin-right: 50px ;
	float: right;
/*	position: relative;*/
/*	right: 20px;*/
	margin-top: 3px;
    transition: opacity 1s ease-in-out;
}


button:hover{
	background: url(/images/button1-212.svg) -212px top;
    cursor: pointer;
}



#clip {
	margin-top: 14px;
}


#clipWrapper {
    position: relative;
}


#clipName {
    font-size: 0.85em;
    margin-top: 0.2em;
}




#play{
	position: absolute;
	bottom: 30px;
	left: 20px;
	cursor: pointer;
/*	width: 250px;*/
	z-index: 15;
}

#play:hover #playFill{
opacity: 1;
}


#authorSubText {
	margin-top: -1px;
	padding-top: 0px;
	font-size: 0.85em;
	line-height: 1.4em;
}


#phrases-kills, #nines {
    cursor: pointer;
}



#enrollBlock {
/*    background-color: #fafaf8;*/
    padding-left: 1.2em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 1.3em;
    font-size: 1em;
	margin-top: 30px;
	min-height: 170px;


background-image:url(/images/zapis-veerh-left.svg), url(/images/zapis-veerh-right.svg),url(/images/zapis-veerh.svg);
 background-repeat: no-repeat,no-repeat,no-repeat;
  background-position: top left,top right,top center;
	background-size: cover, cover, cover;

}

#enrollBlock h4{
	font-size: 1.25em;
	font-weight: 700;
	padding-bottom: 0.1em;
	margin-bottom: 0.1em;
}

#enrollBlock p{
	margin-top: 0.4em;
	padding-top: 0.1em;
	padding-right: 0.2em;
}





.courseProgram {
    width: 50%;
	position: relative;
}

.courseProgram p{

	margin-top: 16px;
	margin-bottom: 16px;

}

#articleLink  {
	max-width: 620px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;

}

#articleLink p {
  font-size: 0.85em;
	line-height: 1.4em;
}

.articleLink1{
	width: 25%;
	padding-right: 10px;
}

.articleLink2{
	width: 75%;
	padding-left: 10px;

}

#bookForArticle {
	width: 100%;
	padding-top: 15px;


}






.rubleSign {
    font-family: pt-sans;
}


.dayHeaders{

	max-width: 50%;
	margin-left: auto;
	margin-right: auto;

	margin-top: 55px;
	margin-bottom: 6px;
	text-align: center;
}





#digitsDescription p {
   padding: 0px;
    margin-top: 8px;
    margin-bottom: 8px;
}


#arrow {
	position: absolute;
	top: 142px;
	left: -34px;
	z-index: 5;
}




#items{
	background-repeat: no-repeat;
/*    background: url(/images/background-game.svg) left top;*/
	background-repeat: no-repeat;
/*	height: 588px;*/
	background-size: contain;
  
/*    border: 1px solid #C8C8C8; */
    /* Параметры границы */
   
   
}


#game {
    margin-top: 40px;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}


#gameBlock {
	background-repeat: no-repeat;
    padding: 0px;
    height: 692px;
    position: relative;
/*
    background: url(/images/game-items-925x481.png) center center;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
    width: 940px;
    background-color: #f7f6f5;
*/
}




.digits,
.symbols{
  cursor: pointer;
  text-anchor: middle;
  font-family:  sans-serif;
  }

.button  {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
    background-color: #2FB928;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 20px;
    padding: 16px 50px;
    outline: none;
    border: 0;
    z-index: 5;
  }

.button:hover {
    background: #36C72F;
    background-repeat: no-repeat;
    cursor: pointer;
}



#buttonStart {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
    background-color: #2FB928;
    border-radius: 10px;
    margin-top: 620px;
    margin-left: 0px;
    padding: 16px 50px;
    outline: none;
    border: 0;
    z-index: 5;
  }

 #buttonStart:hover {
    background: #36C72F;
    background-repeat: no-repeat;
    cursor: pointer;
		}


#button {
	background: #2FB928;
	font-size: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
	border: 0;
    padding: 16px 44px;
    outline: none;
    border-radius: 10px;
    margin-top: 20px;
/*
	padding: 2px 15px 6px 7px;
	width: 185px;
	height: 52px;
*/
  }

#button:hover {
    background: #36C72F;
    cursor: pointer;
}


.button-outline{
    font-size: 24px;
    line-height: 24px;
    color: #2FB928;
    font-weight: 400;
    font-family: 'Fira Sans', sans-serif;
    border-style: solid;
    outline: none;
    background-color: #fff;
    border-color: #2FB928;
    border-radius: 10px;
    margin-top: 0px;
    padding: 16px 50px;
}

.button-outline:hover {
    border-color: #36C72F;
    color: #2FB928;
    background-color: #F1FFEF;   
    cursor: pointer;
}

.hidden {
    display: none !important;
}

#gameName {
    padding: 0px 30px;
}



#gameDescription {
    font-size: 1em;
    margin: 6px;
    line-height: 20px;
	margin-top: 20px;
}

#gameHeader{
    font-size: 1.4em;
    padding: 40px 30px 0px 30px;
/*  font-style: italic;*/
/*  font-family: sans-serif;*/
    font-weight: 500;
    margin-top: 0px;
/*  color: #FAFAF7; — когда надо сделать гифку*/
/*	margin-bottom: -10px;*/
}

#timer {
    position: absolute;
    top: 6px;
    right: 20px;
}

#resultBlock{
    position: absolute;
    left: 33px;
    top: 110px;
    width: 878px;
    margin: 0px;
    z-index: 1;
	margin-top: 15px;
}

#resultDescription {
width: 640px;
height: auto;
margin: 0px 0px 16px 0px;
font-size: 1.0625em;
line-height: 22px;
}

#resultDescription p {
margin: 2px 0px 12px 0px;
line-height: 25px;
}

#barChart {
position: absolute;
top:0px;
right:0px;
font-size: 0.875em;
text-anchor: end;
}

#gamefiled {
    border: 1px solid black;
}


/*
#homeWork{
	margin-top: 60px;
}

.homeWork1{
padding-top: 10px;
	width: 25%;


}

.homeWork2{
	width: 75%;
}
*/


#announce {

    margin-bottom: 70px;
}


table {
    text-align: left;
/*  border: 1px solid #cccccc;*/
    border-collapse: collapse;
}

th, td, tr {
    padding: 12px 20px 12px 6px;
    border-color: rgba(0,0,0,0);
    border-collapse: collapse;
    vertical-align: top;
}

th{
    padding-top: 0px;
}

th {
    font-size: 16px;
    line-height: 22px;
    color: #7D7D7D;
    font-weight: 400;
/*    border-bottom: 1px solid #EAEAEA;*/
}

.blockshadow {
    box-shadow: 0 1px 10px #bfbfb6; 
    border-radius: 4px; 
    margin-bottom: 40px; 
    padding: 10px;
}

#authorAbout{
	margin-top: 70px;
}

#authorAbout img{
	padding-top: 40px;
}


.authorAbout1{
	width: 33.33%;
}

.authorAbout2{
	width: 100%;
}


#tesimonialsHeader{
	margin-top: 10px;
	margin-bottom: 0px;
    text-align: left;

}

#tesimonialsHeader p {
	text-align: center;
	margin-top: 3px;

}


.testimoinals1{
	width: 50%;
/*	padding-left: 45px;*/
}


.testimonialsPhoto{
	width: 32%;
	padding: 20px 10px 6px 15px;
}


.tesimonialsText{
	width: 68%;
	padding: 0 10px;
}

.testimoialWithPad {
    margin-top: 12px;
}

.testimonials {
    margin-top: 5px;
}


#testimonials img{
    width: 100%;
	height: auto;
}


.testimoinalsAuthor{
	font-size: 0.85em;
	line-height: 1.4em;
	margin-top: 6px;
}



#logos {
	margin-top: 0px;
}

.logo {
	width: 33%;
}

.logo img{
	padding: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-left: -15px;
}

.logo p{
	padding-left: 10px;
	font-size: 0.85em;
	margin: 0px;
	line-height: 1.2em;
	margin-left: -15px;
}





#contactHolder{
    margin: 0;
    margin-top: 60px;
/*  background-color: #fbfaf8;*/
/*  background: linear-gradient(to bottom left, #fef6e8, #fff2e9, #feefed, #f5f0f8, #e8f7fe);*/
/*  background: linear-gradient(to bottom left, #FFFAEC, #FEFFDD, #E6FFE1, #C5FFC6, #D0FFE7);*/
/*  background: linear-gradient(to bottom left, #FFF7EC, #FEFFDD, #F7FFE1, #E2FFCD, #DCFFEF);*/
    background: -webkit-linear-gradient(top right, #FFF6E5, #FFFEE0, #FCFFE6, #F3FFF1, #CCFFD0);
    background: -o-linear-gradient(top right, #FFF6E5, #FFFEE0, #FCFFE6, #F3FFF1, #CCFFD0);
    background: linear-gradient(to bottom left, #FFF6E5, #FFFEE0, #FCFFE6, #F3FFF1, #CCFFD0);
/*  background: linear-gradient(to top, #fefcea, #f1da36);*/
}




.contactHolder1{
	width: 68%;
	padding: 0px 30px;
	padding-right: 10px;

}

.contactHolder1 h2{
	margin-bottom: 30px;
}

.contactHolder2{
	width: 32%;
	padding: 76px 46px;

}

.contactHolder2 p{
    font-size: 18px;
}

.podpis{
	display: inline-block;
    font-size: 16px;
    line-height: 22px;
    color: #7D7D7D;
    margin-top: 2px;
}

.contactFiledName{
	width: 120px;
	display: inline-block;
	margin: 12px 0px;
    font-size: 16px;
    color: #7D7D7D;
}


input::placeholder {
    font-size: 0.8em;
    color: #CCCCCC;
}

#contactFiledNameOrg{
	margin-top: 30px;
}

#contactFiledNameOrgModal{
	margin-top: 30px;
}


#feedback-form {
/*  max-width: 940px;*/
    margin-bottom: 40px;

}
#feedback-form input, textarea {
	width: 100%;
	max-width: 420px;
    font-size: 1em;
    padding: 6px;
    border: 1px solid rgba(0,0,0,.1);
}
#feedback-form input[type="tel"] {
    width: 100%;
	max-width: 200px;
}

#feedback-form input:hover, textarea:hover {
    border-color: #f6dcad;
 }
#feedback-form input:focus, textarea:focus {
    outline: none;
    border-color: #f6dcad;
    box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 4px #faac24;

}
#feedback-form [type="submit"] {
    background-color: #2FB928;
    font-family: 'Fira Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    width: 220px;
	height: 58px;
	outline: none;
    border-radius: 10px;
}
#feedback-form [type="submit"]:hover {
    cursor: pointer;
    background-color: #36C72F;
    border: 0px;
}

#feedback-form [type="submit"]:focus {
	box-shadow: none;
    background-color: #36C72F;
    border: 0px;
}



#feedback-form [type="radio"]{
	display: none;
	cursor: pointer;
}

#feedback-form [type="radio"]:checked{
	display: none;
}


#contactFiledPayer {
	display: inline-block;
	margin-top: 13px;
}

#feedback-form label{
	width: 70px;
	color: #3667cb;
	cursor: pointer;
	display: inline-block;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 7px;
	padding-right: 3px;
	margin-left: 43px;
	margin-right: 0px;
}

#payerCompany + label{
    margin-left: -5px;
    width: 110px;
}


#payerMan:checked + label{
	width: 70px;
	background: url(/images/radio-background1.svg) left top;
	background-repeat: no-repeat;
	background-color: transparent;
	color: black;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 7px;
	padding-right: 3px;
	border-bottom: none;
	border-bottom-style: none;
	outline: none;
	cursor: default;
}

#payerCompany:checked + label{
	width: 110px;
	background: url(/images/radio-background2.svg) left top;
	background-repeat: no-repeat;
	background-color: transparent;
	color: black;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 7px;
	padding-right: 3px;
	outline: none;
	cursor: default;
}


#promo {
    margin-top: -70px;
}


#feedback-form label:hover{
	color: #7a280e;
/*	cursor: pointer;*/
}

#feedback-form label span{
	padding: 0px;
	padding-bottom: 2px;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5f3acc;
}

#feedback-form label:hover span{
	border-bottom: 1px solid;
	padding-bottom: 2px;
	border-bottom-style: dashed;
	border-bottom-color:  #c2a7a2;
}

#payerCompany:checked + label span,
#payerMan:checked + label span
{
	border-bottom: none;

}

#payerCompany:checked + label:hover span,
#payerMan:checked + label:hover span
{
	color: black;
}

#submit {
	margin-top: 60px;
	margin-left: 126px;
	font-size: 0.875em;
	margin-bottom: 5px;
}

#subSubmit {
	margin-left: 140px;
	font-size: 0.875em;
	margin-top: 5px;
}


.wordSpace{
	letter-spacing: 0.15em;
	font-size: 0.8125em;
}

.contact{
	margin-top: 50px;
	margin-bottom: 2px;
}

.contact p{
    font-size: 18px;
    line-height: 18px;
}


#footer{
	font-size: 0.875em;
	margin-bottom: 35px;
    margin-top: 50px;

}

#footer p{
	margin-top: 2px;
	margin-bottom: 2px;

}



#mail {
    margin-top: 7px;
}





#blockscreen, #modalwindow {
    position: fixed;
}

#blockscreen {
    background: rgba(0, 0, 0, .5);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}

#modalwindow {
    z-index: 11;
    background: #fafaf8;;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #a1a1a1;
    box-shadow: 0 0 10px #444;
/*
    background-image: url(/images/feedback-background-1008x575.png);
    padding: 0px;
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain;
*/
}

#modalwindow h2 {
	font-size: 2.5em;
}

#modalwindow #submit {
	 margin-top: 30px;
}


#contactHolderModal {
	display: none;
}



#feedback-form-modal input {
	width: 100%;
	max-width: 290px;
	font-size: 1em;
/*	box-sizing: border-box;*/
/*  margin: 2px 0 2% 0;*/
    padding: 6px;
    border: 1px solid rgba(0,0,0,.1);
/*  border-radius: 3px;*/
/*  box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 transparent;*/
}

#feedback-form-modal input[type="tel"] {
    width: 100%;
	max-width: 200px;
}

#feedback-form-modal input:hover {
    border-color: #f6dcad;
 }

#feedback-form-modal input:focus {
    outline: none;
    border-color: #f6dcad;
    box-shadow: 0 1px 2px -1px rgba(0,0,0,.2) inset, 0 0 4px #faac24;

}
#feedback-form-modal [type="submit"] {
    background: url(/images/button1-282.svg) left top;
    font-size: 1.5em;
	border: 0;
	background-color: transparent;
	padding: 0px 12px 6px 9px;
	width: 282px;
	height: 66px;
	outline: none;
}
#feedback-form-modal [type="submit"]:hover {
    background: url(/images/button1-282.svg) -282px top;
	cursor: pointer;
}

#feedback-form-modal [type="submit"]:focus {
    background: url(/images/button1-282.svg) -282px top;
    box-shadow: none;
}



#feedback-form-modal [type="radio"]{
	display: none;
	cursor: pointer;
}

#feedback-form-modal [type="radio"]:checked{
	display: none;
}


#contactFiledPayerModal {
	display: inline-block;
	margin-top: 13px;
}

#feedback-form-modal label{
	width: 70px;
	color: #3667cb;
	cursor: pointer;
	display: inline-block;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 7px;
	padding-right: 3px;
	margin-left: 43px;
	margin-right: 0px;
}

#payerCompanyModal + label{
    margin-left: -5px;
    width: 110px;
}


#payerManModal:checked + label{
	width: 70px;
	background: url(/images/radio-background1.svg) left top;
	background-repeat: no-repeat;
	background-color: transparent;
	color: black;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 7px;
	padding-right: 3px;
	border-bottom: none;
	border-bottom-style: none;
	outline: none;
	cursor: default;
}

#payerCompanyModal:checked + label{
	width: 110px;
	background: url(/images/radio-background2.svg) left top;
	background-repeat: no-repeat;
	background-color: transparent;
	color: black;
	padding-top: 4px;
	padding-left: 10px;
	padding-bottom: 7px;
	padding-right: 3px;
	outline: none;
	cursor: default;
}





#feedback-form-modal label:hover{
	color: #7a280e;
/*	cursor: pointer;*/
}

#feedback-form-modal label span{
	padding: 0px;
	padding-bottom: 2px;
	border-bottom: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #5f3acc;
}

#feedback-form-modal label:hover span{
	border-bottom: 1px solid;
	padding-bottom: 2px;
	border-bottom-style: dashed;
	border-bottom-color:  #c2a7a2;
}

#payerCompanyModal:checked + label span,
#payerManModal:checked + label span
{
	border-bottom: none;

}

#payerCompanyModal:checked + label:hover span,
#payerManModal:checked + label:hover span
{
	color: black;
}

#submitModal {
	margin-top: 70px;
	margin-left: 140px;
	font-size: 0.875em;
	margin-bottom: 5px;
}

#subSubmitModal {
	margin-left: 140px;
	font-size: 0.875em;
	margin-top: 5px;
}




.sticky {
  position: fixed;
  top: 0px;  /* если ноль заменить на число (и в скрипте тоже), то блок будет прилипать до того, как верхний край окна браузера дойдёт до верхнего края элемента. Может быть отрицательным числом. Применим, например, при фиксированном сверху меню */
  z-index: 8;
}

#gameHeaderBefore {
    font-size: 18px;
    display: inline;
    padding: 40px 30px 0px 30px;
/*  font-style: italic;*/
/*  font-weight: bold;*/
/*  font-family: sans-serif;*/
	margin-top: 12px;
	margin-bottom: 5px;
/*  font-weight: 500;*/
}

.commentFiled {
	width: 120px;
	display: inline-block;
	margin: 12px 0px;
    margin-bottom: 100px;
    font-size: 16px;
    color: #7D7D7D;
}



.commentFiledInput {
    margin-top: -110px;
    width: 540px;
    height: 150px;
    position: relative;
    top: 135px;
}


embed {
    margin-top: 0px;
}


/*Карта навыков*/

.links line {
    stroke: #afafaf;
    stroke-opacity: 0.8;
}

.nodes {
   font-size: 16px;
   cursor: default;
   font-family: 'Fira Sans', sans-serif;
  }

g.games {
   font-size: 18px;
   cursor: default; 
   fill: #faac24;
   font-weight: 400;
  }

g.skills{
    fill:#7d7d7d;
    font-weight: 300;
}




#skillsMap {
    margin-bottom: 60px;
}

#gamesToHide {
    display: none;
}

#folderImg{
    width: 80%;
}

.snowFlakeTestimonials{
    margin-top: -14px;
}


#promo-mobile {
    display: none;
}

#try-to-play-text-mobile {
   display: none; 
}

.hideonmobile {
    display: block;
}
    
.hideondesctop {
    display: none;
}



.emdbeded-video-container{
	position:relative;
	padding-bottom:53.8%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.emdbeded-video-container iframe, .emdbeded-video-container object, .emdbeded-video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.emdbeded-video-container-author{
	position:relative;
	padding-bottom:51%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.emdbeded-video-container-author iframe, .emdbeded-video-container-author object, .emdbeded-video-container-author embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}





/*Вкладки*/

/*Подчеркивающая линия*/
.korpus > div, .korpus > input { display: none; }

.korpus label { 
    padding: 10px 18px;
    margin-right: -1px;
    line-height: 28px; 
    font-size: 18px;
    cursor: pointer; 
    position: relative; 
    bottom: 1px;
    color: #6350E9;
    border-bottom: 2px solid #E6E6E6;
}

.korpus label:hover {
    color: #7F6EF7;
}


.korpus input[type="radio"]:checked + label {border-bottom: 2px solid #6350E9;}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4) 
{ display: block; padding: 50px 40px 0px 0px; }



/*Табы*/

/*
.korpus > div, .korpus > input { display: none; }

.korpus label { 
    padding: 10px 20px;
    margin-right: -1px;
    line-height: 28px; 
    font-size: 18px;
    cursor: pointer; 
    position: relative; 
    bottom: 1px;
    color: #6350E9;
    border: 1px solid #6350E9;
}

.korpus label:hover {
    color: #7F6EF7;
}


.korpus input[type="radio"]:checked + label {border: 1px solid #6350E9; background-color:#6350E9; color: #fff;}

.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1),
.korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2),
.korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3),
.korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4) 
{ display: block; padding: 60px 40px 0px 0px; }
*/