@font-face {
    font-family: 'Neucha Regular';
    src: url('../font/fonts/Neucha.eot');
    src: url('../font/fonts/Neucha.eot?#iefix') format('embedded-opentype'),
    url('../font/fonts/Neucha.woff') format('woff'),
    url('../font/fonts/Neucha.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat Regular';
    src: url('../fonts/Akrobat-Regular.eot');
    src: url('../fonts/Akrobat-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Akrobat-Regular.woff') format('woff'),
    url('../fonts/Akrobat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat ExtraBold';
    src: url('../font/fonts/Akrobat-ExtraBold.eot');
    src: url('../font/fonts/Akrobat-ExtraBold.eot?#iefix') format('embedded-opentype'),
    url('../font/fonts/Akrobat-ExtraBold.woff') format('woff'),
    url('../font/fonts/Akrobat-ExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat Semibold';
    src: url('../font/fonts/Akrobat-SemiBold.eot');
    src: url('../font/fonts/Akrobat-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../font/fonts/Akrobat-SemiBold.woff') format('woff'),
    url('../font/fonts/Akrobat-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Akrobat Bold';
    src: url('../font/fonts/Akrobat-Bold.eot');
    src: url('../font/fonts/Akrobat-Bold.eot?#iefix') format('embedded-opentype'),
    url('../font/fonts/Akrobat-Bold.woff') format('woff'),
    url('../font/fonts/Akrobat-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../font/fonts/Roboto-Medium/Roboto-Medium.eot?#iefix') format('embedded-opentype'),  url('../font/fonts/Roboto-Medium/Roboto-Medium.woff') format('woff'), url('../font/fonts/Roboto-Medium/Roboto-Medium.ttf')  format('truetype'), url('../font/fonts/Roboto-Medium/Roboto-Medium.svg#Roboto-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Regular';
    src: url("../font/fonts/Roboto-Regular/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("../font/fonts/Roboto-Regular/Roboto-Regular.woff") format("woff"), url("../font/fonts/Roboto-Regular/Roboto-Regular.ttf") format("truetype"), url("../font/fonts/Roboto-Regular/Roboto-Regular.svg#Roboto-Regular") format("svg");
    font-weight: normal;
    font-style: normal; }
@font-face {
    font-family: 'San Francisco Pro Display Regular';
    src: url('../font/fonts/SFProDisplay/SFProDisplay-Regular.eot');
    src: url('../font/fonts/SFProDisplay/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
    url('../font/fonts/SFProDisplay/SFProDisplay-Regular.woff') format('woff'),
    url('../font/fonts/SFProDisplay/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
#wrapper {
    padding-top: 52px;
}
.block_submenu {
    background: #53B3F9;
    border-bottom: 3px solid #F2994A;
}
.block_submenu a {
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    font-family: 'San Francisco Pro Display Regular', sans-serif;
    margin-right: 25px;
    border-bottom: 3px solid transparent;
    padding-bottom: 3px;
    display: flex;
    text-align: center;
}

.block_submenu a.active,
.block_submenu a:hover,
footer .block_submenu a.active {
    color: #1856A8;
    border-bottom: 3px solid #1856A8;
    text-decoration: none;
}
header {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 9;
    top: 43px;
}

header .block_submenu .container {
    min-height: 63px;
}
header.sheensay_fixed .block_submenu .container {
    min-height: 43px;
}
header.sheensay_fixed .block_submenu a {
    font-size: 16px;
    line-height: 19px;
}
.block_submenu .but_buy {
    color: #1856A8;
    background: #fff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    min-width: 92px;
    height: 42px;
    text-align: center;
    margin-right: 0;
    padding: 0 10px;
}
.block_submenu .but_buy a{
    color: #1856A8;
    margin: 0 5px;
    padding-bottom: 0;
}
header.sheensay_fixed .block_submenu a.but_buy {
    height: 32px;
}
#banner_big {
    position: relative;
    border-bottom: 3px solid #F2994A;
    margin-top: 40px;
}
#banner_big .container {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: right;
    top: 0;
}
.about_abs {
    float: right;
    width: 511px;
    text-transform: uppercase;
    font-family: 'Neucha Regular', cursive;
    color: #212276;
    margin-top: 175px;
}
#banner_big .h2 {
    font-size: 80px;
    line-height: 88px;
    color: #4DA5D5;
}
#banner_big .h3 {
    font-size: 58px;
    line-height: 64px;
}
#banner_big .h4 {
    font-size: 40px;
    line-height: 44px;
}
#banner_big p {
    font-size: 20px;
    line-height: 22px;
}
#banner_big .about_abs a {
    width: 170px;
    height: 42px;
    background: #27AE60;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-family: 'Roboto-Regular', sans-serif;
    display: inline-block;
    line-height: 42px;
}
#about {
    background: url(../img/textbook/bgabout.png) #fff no-repeat 0 0;
    background-size: contain;
}
#about .container {
    padding: 80px 0 105px 10.5%;
}
h3 {
    font-weight: 800;
    font-size: 35px;
    line-height: 42px;
    color: #2D2E80;
    font-family: 'Akrobat ExtraBold', sans-serif;
}
#authors h3 {
    margin-bottom: 24px;
}
.link_pages {
    min-width: 200px;
    background: #53B3F9;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    margin-right: 100px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    font-family: 'Roboto-Medium', sans-serif;
    padding: 6px 16px;
    text-align: center;
    margin-bottom: 15px;
}
.link_pages:hover {
    color: #fff;
    text-decoration: none;
}
.pages_text {
    font-family: 'Akrobat Semibold', sans-serif;
    font-size: 17px;
    line-height: 22px;
    color: #434E55;
    padding: 16px 0 20px 0;
}
hr {
     background: #F2994A;
}
.bggreen {
    background: #E9F5F7;
}
#authors .container {
    padding: 50px 0;
    font-family: 'Akrobat Semibold', sans-serif;
    color: #434E55;
    font-size: 18px;
    line-height: 22px;
}
.block_author {
    background: #fff;
    margin-right: 20px;
    text-align: center;
    font-family: 'Akrobat Semibold', sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 19px;
    min-width: 270px;
    max-width: 270px;
    margin-top: 14px;
}
.block_auth:nth-child(4) {
    margin-right: 0;
}
.block_author .foto {
    padding: 5px 0;
    margin-bottom: 24px;
}
.block_author .foto img {
    border-radius: 50%;
}
.block_author:nth-child(1) .foto {
    background: #CEDFF0;
}
.block_author:nth-child(2) .foto {
    background: #F7DDE9;
}
.block_author:nth-child(3) .foto {
    background: #D2EBEE;
}
.block_author:nth-child(4) .foto {
    background: #F9EADC;
}
.block_author .name {
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 24px;
}
.block_author p {
    padding: 0 10px;
}
footer .block_submenu {
    min-height: 63px;
    background: #BDBDBD;
}
footer .block_submenu a {
    display: flex;
}
footer .block_submenu a:hover {
    color: #434E55;
    border-bottom-color: #434E55;
}
footer .block_submenu .but_buy {
    background: #53B3F9;
    color: #fff;
}
#heroes .container {
    max-width: 1160px;
}
#heroes h3 {
    max-width: 300px;
    margin: 0 auto 50px;
    position: relative;
}
#heroes h3 span {
    display: block;
    width: 621px;
    position: absolute;
    right: -340px;
    bottom: -80px;
    background: #fff;
    padding: 10px 38px 10px;
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
    color: #53B3F9;
    border: 3px solid #53B3F9;
    border-radius: 20px;
    font-family: "Akrobat Semibold", sans-serif;
}
#heroes h3 span:before {
    content: "";
    width: 18px;
    height: 12px;
    position: absolute;
    background: url("../img/textbook-new/bgugol.png") #fff no-repeat 0 0;
    top: -12px;
    left: 80px;
}
#heroes .bg {
    background: #F8EADB;
}
#heroes .bg {
    padding: 30px 0;
}
#heroes .heroes_info {
    min-height: 161px;
}
.hover img, .focus img {
    transition: filter 0.7s linear;
    filter: brightness(1) grayscale(1) opacity(0.7);
}
.hidden {
     display: none;
     position: absolute;
     top: 130%;
     left: 90px;
     background-color: #fff;
     color: #434E55;
     padding: 10px 20px 15px;
     text-align: center;
     border-radius: 20px;
     border: 3px solid #53B3F9;
     font-size: 17px;
     line-height: 22px;
     width: 970px;
     font-family: 'Akrobat Semibold', sans-serif;
 }
.hidden p {
    margin-bottom: 0;
}
.hover + .hidden:before,
.focus + .hidden:before {
    content: " ";
    position: absolute;
    top: -32px;
    margin-left: -5px;
    height: 32px;
    width: 26px;
    background: url(../img/textbook/bghidden.png) no-repeat 0 0;
    z-index: 2;
}
.tiger:nth-child(1) .hover + .hidden:before,
.tiger:nth-child(1) .focus + .hidden:before {
    left: 5%;
}
.tiger:nth-child(2) .hover + .hidden:before,
.tiger:nth-child(2) .focus + .hidden:before {
    left: 23%;
}
.tiger:nth-child(3) .hover + .hidden:before,
.tiger:nth-child(3) .focus + .hidden:before {
    left: 40%;
}
.tiger:nth-child(4) .hover + .hidden:before,
.tiger:nth-child(4) .focus + .hidden:before {
    left: 58%;
}
.tiger:nth-child(5) .hover + .hidden:before,
.tiger:nth-child(5) .focus + .hidden:before {
    left: 76%;
}
.tiger:nth-child(6) .hover + .hidden:before,
.tiger:nth-child(6) .focus + .hidden:before {
    left: 90%;
    background: url(../img/textbook/bghiddenright.png) no-repeat 0 0;
}
/* .hover:hover + .hidden,  */
.focus.state_focused + .hidden {display: block;}
.hover:hover img, .focus.state_focused img {
    filter: none;
}
.hidden span {
    color: #DF565F;
    font-size: 40px;
    line-height: 48px;
    font-family: 'Akrobat ExtraBold', sans-serif;
    margin: 9px 44px 15px 25px;
}
#reviews {
    padding: 50px 0;
    text-align: center;
}
#reviews h3 {
    margin-bottom: 50px;
}
#reviews .add {
    margin-top: -90px;
    float: right;
}
#reviews .flexslider .slides img {
    max-width: 170px;
    margin: 0 auto 24px;
    border-radius: 50%;
}
#reviews .flexslider .slides {
    color: #000;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Akrobat Semibold', sans-serif;
}
#reviews .flexslider .slides p {
    margin: 0 41px 24px;
    font-size: 15px;
}
#reviews .flexslider .slides .name {
    font-family: 'Akrobat Bold', sans-serif;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 8px;
}
#reviews .flex-direction-nav .flex-prev,
#reviews .flex-direction-nav .flex-next {
    top: 20%;
    z-index: 8!important;
}
#reviews .flex-direction-nav .flex-next {
    width: 30px;
    height: 30px;
    background: url(../img/textbook/right.png) no-repeat 0 0;
    border-radius: 50px;
    right: 0!important;
    opacity: 1!important;
}
#reviews .flex-direction-nav .flex-prev {
    width: 30px;
    height: 30px;
    background: url(../img/textbook/left.png) no-repeat 0 0;
    border-radius: 50px;
    left: 0!important;
    opacity: 1!important;
    z-index: 8!important;
}
#for_teachers {
    padding-bottom: 40px;
    padding-top: 50px;
}
#for_teachers hr {
    margin-top: -3px;
    margin-bottom: 40px;
}
.but_teachers {
    margin-left: 350px;
    margin-top: -40px;
}
section#for_teachers .nav-tabs .nav-link {
    color: #828282;
    background: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 6px solid transparent;
    padding-bottom: 12px;
}
section#for_teachers .nav-tabs .nav-link.active {
    border-bottom: 6px solid #F2994A;
}
#tasks {
    padding: 50px 0;
}
#tasks .container {
    max-width: 1170px;
}
#tasks h3 {
    white-space: nowrap;
    margin-bottom: 50px;
}
#carouseltasks {
    background: url(../img/textbook/book.png) no-repeat 50% 0;
    background-size: contain;
    height: 570px;
}
#carouseltasks .carousel-inner {
    padding: 40px;
}
#carouseltasks .carousel-control-next {
    top: calc(50% - 30px/2);
    background: url(../img/textbook/right.png) no-repeat 0 0;
    right: -50px;
    width: 3%;
    opacity: 1;
    bottom: inherit;
}
#carouseltasks .carousel-control-prev {
    top: calc(50% - 30px/2);
    background: url(../img/textbook/left.png) no-repeat 0 0;
    left: -50px;
    opacity: 1;
    bottom: inherit;
    width: 3%;
}
#carouseltasks .carousel-control-next-icon,
#carouseltasks .carousel-control-prev-icon {
    background: none;
    height: 30px;
}
.num {
    min-width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #00a2c5;
    color: #fff;
    line-height: 34px;
    text-align: center;
    margin-right: 11px;
}
.block_question .flex-fill p {
    margin-bottom: 0;
}
.block_question {
    padding-left: 50px;
    margin-bottom: 20px;
}
.li2 .block_question {
    padding-left: 30px
}
.block_question .flex-fill p {
    margin-bottom: 0;
}
.flexslider2 .slides > li {
    padding-top: 30px;
}
.block_question p {
    margin-bottom: 0;
}
.block_question input[type="text"] {
    width: 23px;
    border: 0;
    border-bottom: 2px solid #5f99c7;
    color: #5f99c7;
    font-family: cursive;
}

.block_message {
    background: #d6dee3;
    margin-left: 30px;
    border-radius: 15px;
    position: relative;
    width: 245px;
    padding: 10px 10px;
    display: inline-block;
    min-height: 70px;
    font-style: italic;
    color: #333;
}
.block_message::before, .message::before {
    content: '';
    width: 21px;
    height: 45px;
    background: url(../img/bgmessage_bot_left.png) no-repeat 0 0;
    position: absolute;
    left: -20px;
    bottom: 13px;
}
.flexslider2 .slides .block_question1 img,
.slides .block_question1 img {
    height: 151px;
}
.flexslider2 .slides .block_question2 img,
.slides .block_question2 img {
    height: 70px;
}
.flexslider2 .slides .block_question3 img,
.slides .block_question3 img {
    height: 170px;
}
.rotate, .rotate180 {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    overflow: hidden;
}

.rotate:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.rotate180:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
#carouseltasks {
    padding-top: 40px;
}
.block_question audio {
    height: 35px;
}
#tasks .container > .d-flex {
    margin-bottom: 30px;
}
.electr_info {
    background: url(../imgnew/bg_electr_info.png) no-repeat 0 50%;
    padding-left: 90px;
    margin-left: 20px;
}
.electr_info p {
    padding: 8px 0 3px 69px;
    font-size: 20px;
    position: relative;
    display: inline-block;
}
.el1 {
    background: url(../imgnew/el1.png) no-repeat 0 50%;
}
.el2 {
    background: url(../imgnew/el2.png) no-repeat 0 50%;
}
.el3 {
    background: url(../imgnew/el3.png) no-repeat 0 50%;
}
.el4 {
    background: url(../imgnew/el4.png) no-repeat 0 50%;
}
.el5 {
    background: url(../imgnew/el5.png) no-repeat 0 50%;
}
.electr_info span {
    display: inline-block;
    padding: 5px;
    background: #ffdea2;
}
.electr_info p::before {
    content: "";
    width: 42px;
    height: 37px;
    background: url(../imgnew/ok.png) no-repeat 0 0;
    position: absolute;
    right: -55px;
    top: 0;
}
.link_pdf {
    background: url('../img/pdf.png') no-repeat 0 50%/contain;
    padding: 8px 0 8px 50px;
}
.link_pdf a {
    color: #53B3F9;
}
/*modal*/
.modal {
    top: 50%;
    margin-top: -128px;
}
.modal-dialog {
    max-width: 280px;
}
.modal-content {
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(97, 117, 138, 0.2), 0px 8px 16px rgba(97, 117, 138, 0.25);
    border-radius: 11px;
    border: 0;
}
.modal-header {
    border-bottom: 0;
}
.modal-header .close {
    margin-top: -1.5rem;
}
.modal-title {
    font-size: 17px;
    line-height: 19px;
    text-align: center;
    color: #000000;
    font-family: 'Akrobat Semibold', sans-serif;
    flex: 1 1 auto;
    padding-top: 10px;
    margin-right: -1.5rem;
}
.modal-body {
    padding-bottom: 10px;
}
.modal-body form {
    text-align: center;
}
.modal-body input {
    background: #F5F9FD;
    border: 1px solid #CEDFF0;
    box-sizing: border-box;
    border-radius: 4px;
    color: #434E55;
    padding: 6px;
    font-family: 'San Francisco Pro Display Regular', sans-serif;
    margin-bottom: 20px;
}
.modal-body input:active, .modal-body input:focus {
    border: 2px solid #53B3F9;
    color: #53B3F9;
}
.modal-footer {
    border-top: 0;
    justify-content: center;
    padding-top: 0;
    padding-bottom: 25px;
}
.modal-footer button {
    background: #27AE60;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    width: 144px;
    height: 36px;
    font-size: 18px;
    line-height: 21px;
    font-family: 'Roboto-Medium', sans-serif;
    border: 0;
}
.modal2 .modal-dialog {
    background: linear-gradient(145.32deg, rgba(33, 34, 118, 0) 20.45%, rgba(33, 34, 118, 0.19) 100%), #53B3F9;
    border-radius: 11px;
}
.modal2 .modal-title {
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    color: #F5F9FD;
    font-family: 'Akrobat ExtraBold', sans-serif;
}
.modal2 .modal-content {
    background: url("../imgnew/bgwindow.png") no-repeat 50% 80%;
    height: 255px;
    width: 280px;
}
.panel_order {
    position: fixed;
    right: 30px;
    bottom: 5px;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(97, 117, 138, 0.2), 0px 8px 16px rgba(97, 117, 138, 0.25);
    border-radius: 11px;
    width: 304px;
    padding: 20px 20px 20px 15px;
    font-size: 16px;
    line-height: 19px;
    font-family: 'Akrobat Semibold', sans-serif;
    color: #000000;
    z-index: 99;
}
.panel_order a,
.link_order {
    background: #D4EFDF;
    border-radius: 12px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 21px;
    font-family: 'Roboto-Medium', sans-serif;
    color: #fff;
    display: block;
    padding: 7px;
    max-width: 170px;
    cursor: pointer;
    text-align: center;
}
.panel_order a span,
.link_order span {
    background: #27AE60;
    border-radius: 8px;
    display: block;
    line-height: 36px;
    color: #fff;
}
.panel_order a:hover,
.link_order:hover {
    text-decoration: none;
}
.bgfoot .pfoot {
    max-width: 100%;
    padding-right: 0;
    margin-top: 20px;
}
/*book registration*/
#book #wrapper {
    padding-top: 142px;
}
#book .panel_auth .container {
    justify-content: center !important;
}
#book #nav {
    top: 49px;
}
#book .panel_auth form,
#book .link_reg,
#book .panel_auth span {
    display: none;
}
#book #app {
    min-height: calc(100vh - 350px);
}
.panel_auth {
    background: #373F44;
    padding: 0;
    color: #fff;
    font-size: 16px;
    line-height: 19px;
    font-family: 'San Francisco Pro Display Regular', sans-serif;
}
.panel_auth .book__button {
    background: url("../imgnew/book.png") no-repeat 0 100%;
    width: 299px;
    font-family: "Roboto-Regular", sans-serif;
    /*font-size: 0;*/
    color: #fff;
    font-weight: 500;
    text-align: right;
    padding: 18px 20px 12px;
    display: block;
    text-decoration: none;
}
.registration__textbook {
    background: url("../imgnew/fon_auto-new.jpg") no-repeat 50% 100%;
    background-size: cover;
    min-height: 800px;
    position: relative;
    z-index: 1;
}
.abs_registration {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-53%, 0);
    max-width: 100%;
}
.block__registration {
    max-width: 740px;
    max-height: 756px;
    background: url("../imgnew/auto_center.png") no-repeat 50% 0;
    margin: 0 auto;
    padding: 240px 0 0 0;
}

.block__registration form {
    width: 304px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
    padding-bottom: 200px;
}
@media (max-width: 779px) {
    .block__registration {
        max-width: 100%;
        background-size: 100% auto;
    }
    .block__registration form {
        padding-bottom: 170px;
    }
    .abs_registration {
        display: none;
    }
    .registration__textbook {
        background: #fff;
        min-height: auto;
        padding-bottom: 10px;
    }
}
/*@media (max-width: 750px) {*/
/*    #book #nav {*/
/*        top: 43px;*/
/*    }*/
/*}*/
@media (max-width: 700px) {
    .block__registration {
        padding-top: 220px;
    }
    .block__registration form {
        padding-bottom: 120px;
    }
}
@media (max-width: 660px) {
    .block__registration {
        padding-top: 200px;
    }
    .block__registration form {
        padding-bottom: 120px;
    }
}
@media (max-width: 620px) {
    .block__registration {
        padding-top: 170px;
        background-size: 513px auto;
    }
    .block__registration form {
        padding-bottom: 120px;
    }
}
@media (max-width: 560px) {
    .block__registration {
        padding-top: 160px;
    }
    .block__registration form {
        padding-bottom: 100px;
    }
}
@media (max-width: 513px) {
    .block__registration {
        background-size: 480px auto;
    }
}
@media (max-width: 430px) {
    .block__registration {
        background-size: 450px auto;
    }
}

.block__registration form input[type="text"],
.block__registration form input[type="password"] {
    width: 100%;
    margin-bottom: 38px;
    background: #cedff0;
    border: 1px solid #cedff0;
    border-radius: 4px;
    color: #1856a8;
    font-size: 14px;
    line-height: 17px;
    padding: 6px;
}
.block__registration form h3 {
    font-size: 20px;
    line-height: 24px;
    color: #f5f9fd;
    padding: 0 15px 2px 0;
    border-bottom: 3px solid #f2994a;
    margin-right: 40px;
    margin-bottom: 36px;
    font-family: 'San Francisco Pro Display Regular', sans-serif;
}
.block__registration form label {
    font-size: 18px;
    line-height: 21px;
    color: #fff;
    margin-bottom: 34px;
}
.block__registration form a {
    color: #fff;
}
.block__registration form .registration__top a {
    color: #b5e3fd;
    margin-top: 3px;
    font-size: 16px;
}
.block__registration form input[type="submit"] {
    width: 93px;
    height: 42px;
    background: #f2994a;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2), 0px 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    cursor: pointer;
    border: 0;
    color: #fff;
    font-size: 18px;
    line-height: 21px;
    font-family: "Roboto-Regular", sans-serif;
}
@media (max-width: 550px) {
    #book #wrapper .container {
        flex-wrap: wrap;
    }

    .registration__textbook {
        padding-top: 50px;
    }
    .block__registration {
        padding-top: 160px;
    }
    .block__registration form input[type="text"],
    .block__registration form input[type="password"],
    .block__registration form label {
        margin-bottom: 24px;
    }
    .block__registration form h3 {
        margin-bottom: 20px;
    }
}
@media (max-width: 428px) {
    .block__registration {
        padding-top: 140px;
    }
}
/*@media(max-widtH: 459px) {*/
/*    #book #nav {*/
/*        top: 70px;*/
/*    }*/
/*}*/