body {
margin:0 auto;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size:12px;
text-align:justify;
color:#505050;
min-height:100%;
background: #fff;
position:relative
}

*,::after,::before {
box-sizing:border-box
}

.pics {
text-align:center;
font-weight:700;
margin-bottom:0
}

#task a {
font-size:1rem;
font-weight:600;
color:#4b7c94
}

#task {
border:1px solid #e1e1e1;
padding:.5rem 1rem;
width:fit-content;
border-radius:6px
}

.task__label {
margin-bottom:.4rem
}

.can {
margin:1.5rem 0
}

.tr__items {
display:flex;
padding:.5rem
}

.tr__items:hover {
background:#f9f9f9;
border-radius:6px
}

.tr__item {
display:flex;
flex-direction:column;
align-items:center;
justify-content:center
}

.tr__items .tr__item:nth-child(2) {
font-size:1.5rem;
font-weight:800;
width:30px
}

.table {
text-align:center
}

.th {
display:flex
}

.tr {
line-height:50px;
width:100%;
height:50px
}

.trs {
display:flex;
justify-content:space-between;
flex-wrap:wrap
}

.td {
width:15px;
height:20px;
float:left
}

.pad p {
display:flex;
align-items:center
}

.pad .parB {
padding-right:.5rem;
font-size:1.3rem;
font-weight:400;
margin:.5rem 0
}

.pad .dash {
margin:0 .5rem
}

.tdnum {
margin-bottom:.5rem
}

.tdnumA {
display:flex;
align-items:center
}

.tdnumA strong {
margin-right:.5rem;
font-size:1.3rem;
font-weight:400
}

.tdin {
width:70px;
height:50px;
float:left
}

.tda {
font-size:14px;
color:#505050;
width:15px;
float:left
}

.tddash {
width:15px;
height:50px;
font-size:24px;
float:left
}

.dash {
font-size:24px
}

.hilineh {
float:left;
width:10px;
height:20px;
border-width:0 0 0 2px;
border-style:solid
}

.hilined {
float:left;
width:10px;
height:50px;
border-width:0 0 0 2px;
border-style:solid
}

.fieldCan {
display:inline-block;
height:34px;
width:50px;
font-size:14px;
text-align:center;
color:#555;
background-color:#fff;
border:1px solid #ccc;
border-radius:4px;
box-shadow:inset 0 1px 1px #00000013
}

.sbj__section {
margin:1rem 0
}

.questname {
display:flex;
flex-direction:column;
font-size:14px
}

.quest {
display:flex;
flex-direction:column;
text-align:center;
color:#5e5e5e
}

.quest:hover {
background:#e1e1e1;
border-radius:6px
}

p {
margin:0;
padding:0
}

.quest p,.par p {
width:22px;
height:22px;
margin:.4rem;
text-align:center
}

.partA__adapt {
display:flex;
flex-direction:row;
justify-content:space-between;
flex-wrap:wrap;
background:#f9f9f9;
border-radius:4px;
padding:.5rem 0
}

.partB__adapt {
display:flex;
flex-direction:row;
background:#f9f9f9;
border-radius:4px
}

.questB__avers--icon {
color:#5b6b79;
position:relative;
padding:10px;
background:linear-gradient(120deg,#92979d 1%,#4b7c94 80%);
display:inline-flex;
border-radius:6px;
margin-bottom:1rem;
opacity:.8
}

.questB__avers--icon svg {
width:35px;
height:35px;
color:#fff
}

.partB__adapt .questB {
width:33%;
padding:0 .5rem
}

.questB p {
display:flex;
margin:1rem 0;
align-items:center
}

.questB__avers {
padding:1rem;
background:#fff;
margin-top:1rem;
border-radius:8px;
box-shadow:0 5px 10px #3452705c
}

.questB__avers .animated-button {
padding:.2rem 1rem!important
}

.questB__avers--h3 {
font-size:1rem;
margin-bottom:.5rem;
font-weight:500
}

.questB__avers--p {
font-size:.9rem;
line-height:1.2
}

.questB__avers--p a {
color:#4b7c94
}

.questB p strong {
padding-right:.5rem;
font-size:1rem;
font-weight:500
}

.logo-img {
display:inline-block;
width:110px;
height:auto;
max-width:100%;
max-height:100%;
vertical-align:middle;
padding:4px
}

.section__header {
display:flex;
align-self:center
}

.text-container {
font-size:1.6rem;
margin-left:1rem;
display:flex;
align-items:center
}

.text-container p:nth-child(1) {
font-size:1.6rem;
font-weight:100;
line-height:1;
color:#878787
}

.text-container p:nth-child(2) {
font-size:2rem;
margin-left:1rem
}

.navbar {
border-bottom:2px solid #e7e7e7;
margin-bottom:2rem
}

.logo {
float:left
}

.fieldRepB {
height:34px;
width:100%;
font-size:14px;
text-align:center;
color:#555;
background-color:#fff;
border:1px solid #ccc;
border-radius:4px;
box-shadow:inset 0 1px 1px #00000013
}

.fieldRep {
height:34px;
width:100%;
padding:2px 6px;
font-size:14px;
text-align:left;
color:#555;
background-color:#fff;
border:1px solid #ccc;
border-radius:4px;
box-shadow:inset 0 1px 1px #00000013
}

.field {
height:34px;
width:100%;
font-size:14px;
color:#555;
background-color:#fff;
border:0 solid #ccc;
border-radius:4px;
box-shadow:inset 0 1px 1px #00000013
}

.ab {
background:linear-gradient(120deg,#92979d 1%,#4b7c94 80%);
padding:.2rem 1rem;
color:#fff;
border-radius:2px;
text-transform:uppercase;
margin-bottom:.5rem;
display:inline-block;
font-weight:400;
font-size:.9rem
}

.ab1 {
background:#4CAF50;
padding:4px;
color:#fff;
border-radius:2px;
margin-left:10px
}

.ab2 {
background:#4CAF50;
padding:4px;
color:#fff;
border-radius:2px;
margin-left:27px
}

.par {
display:flex;
flex-direction:column;
font-size:14px;
text-align:center;
color:#505050
}

.field {
display:block;
padding:2px 6px;
font-size:14px;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
-webkit-box-shadow:inset 0 1px 1px #00000013;
box-shadow:inset 0 1px 1px #00000013;
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.field :focus {
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px #00000013 0 0 8px #66afe999;
box-shadow:inset 0 1px 1px #00000013 0 0 8px #66afe999
}

#task,#hint {
margin-top:.8rem
}

.button {
width:250px;
height:40px;
border-radius:3px;
border:#a9b1aa47 2px solid;
box-sizing:border-box;
font-size:16px;
margin-bottom:10px;
color:#fff;
background:linear-gradient(120deg,#92979d 1%,#4b7c94 80%);
cursor:pointer
}

.button:active,.button:hover {
color:#fff;
background:#4b7c94
}

.checkbox {
display:none
}

.checkbox-custom,.ch1 {
position:relative;
width:22px;
height:22px;
border:2px solid #565656;
border-radius:3px
}

.checkbox-custom,.ch1,.label {
display:inline-block;
vertical-align:middle
}

.ch1::before {
content:"";
display:block;
position:absolute;
top:1px;
right:1px;
bottom:1px;
left:1px;
background:url(./../pics/labelX1.png);
border-radius:4px
}

.checkbox:checked + .checkbox-custom::before {
content:"";
display:block;
position:absolute;
top:1px;
right:1px;
bottom:1px;
left:1px;
background:url(./../pics/labelX.png);
border-radius:4px
}

select {
width:fit-content;
height:40px;
border-radius:4px;
border:#a7a7a7 1px solid;
box-sizing:border-box;
font-size:16px
}

.container {
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:100%
}
}

@media (min-width:992px) {
.container {
max-width:960px
}
}

@media (min-width:1200px) {
.container {
max-width:1140px
}
}

input:focus,.form-control {
color:#495057;
background-color:#fff;
border-color:#4b7c945e;
outline:0;
box-shadow:0 0 0 .2rem #4b7c9461
}

input::-webkit-input-placeholder {
color:#6c757d;
opacity:1
}

input::-moz-placeholder {
color:#6c757d;
opacity:1
}

input:-ms-input-placeholder {
color:#6c757d;
opacity:1
}

input::-ms-input-placeholder {
color:#6c757d;
opacity:1
}

input::placeholder {
color:#6c757d;
opacity:1
}

selectinput:focus::-ms-value {
color:#495057;
background-color:#fff
}

@media (max-width:768px) {
.partB__adapt .questB {
width:100%
}

.partB__adapt {
flex-direction:column;
padding:.5rem
}

.par,.quest {
justify-content:space-between;
flex-direction:row;
width:100%
}

.partA__adapt {
flex-direction:row;
padding:0 1rem
}

.trs {
justify-content:center
}

.text-container p:nth-child(1) {
font-size:1rem
}

select {
width:100%
}
}

.rep {
margin:1.5rem 0;
display:flex;
flex-wrap:wrap;
align-items:center
}

.rep__item {
width:50%
}

.blog-post-tg_h a {
background:linear-gradient(120deg,#92979d 1%,#4b7c94 80%);
padding:.2rem 1rem;
color:#fff;
border-radius:2px;
margin-bottom:.5rem;
display:inline-block;
font-weight:400;
font-size:1.2rem;
text-decoration:none
}

.blog-post-tg {
margin-top:6rem;
margin-bottom:2rem;
text-align:center;
position:relative;
padding:0 1rem
}

.blog-post-tg_h {
font-size:1.5rem;
position:relative;
z-index:9
}

.blog-post-tg_p {
font-size:1.1rem
}

.blog-post-tg_a .animated-button {
display:inline-block;
padding:.5rem 2rem;
margin-top:2rem
}

.blog-post-tg_img {
position:absolute;
bottom:15px;
z-index:-1
}

.blog-post-tg_img img {
margin:auto;
width:100%
}

.animated-button.result {
border:2px solid #7493a2
}

.animated-button:link,.animated-button:visited {
position:relative;
display:inline-block;
margin:0 auto;
padding:.5rem 1rem;
margin-top:1rem;
color:#565254;
background:#fff;
white-space:nowrap;
font-size:14px;
font-weight:600;
text-align:center;
text-decoration:none;
text-transform:uppercase;
overflow:hidden;
letter-spacing:.08em;
border-radius:6px;
-webkit-transition:all .45s ease;
-moz-transition:all .45s ease;
-o-transition:all .45s ease;
transition:all .45s ease
}

.animated-button:link:hover,.animated-button:visited:hover {
color:#fff;
text-shadow:none;
background:#7493a2
}

@media (max-width: 768px) {
.blog-post-tg {
margin-bottom:1rem;
margin-top:2rem
}

.rep__item {
width:100%
}

.button {
width:100%
}

.blog-post-tg_img img {
display:none
}

.partB__adapt .questB:nth-child(3) {
display:none
}
#task {
    width: 100%;	
}
}

@media (max-width: 1200px) {
.quest p,.par p {
margin:.2rem
}
}

@media (max-width: 990px) {
.quest p,.par p {
margin:.2rem
}
}