@import "lib.css" screen;
.hidd {
    color: hsla(353.42465753424653, 97.36%, 34.12%, 1.00);
    font-size: 32px;
    margin-bottom: 2%;
}

.blue{
    padding: 1% 3% 2%;
    background-image: linear-gradient(180deg, rgba(5, 18, 192, .5), rgba(5, 18, 192, .5)), url(../images/fon.jpg);
    background-position: 0px 0px, 50% 0px;
    background-size: auto, 1280px;
}
.blue .max1{
    max-width: 1100px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 1%;
}
.blue-h1{
    margin-bottom: 3%;
    font-size: 31px;
    font-weight: 300;
    color: #fff;
}
.quest{
    display: block;
    width: 100%;
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    border-width: 3px;
    border-color: #fff;
    border-radius: 30px;
    background-image: linear-gradient(180deg, hsla(353.42465753424653, 100.00%, 42.94%, 1.00), hsla(353.42465753424653, 93.10%, 17.26%, 1.00));
    font-size: 22px;
    line-height: 2em;
    text-align: center;
    text-transform: uppercase;
    padding: 9px 15px;
    color: white;
}
._l:hover, .colorGreen{
    background-image: linear-gradient(11deg, hsla(144.96, 96.49%, 31.89%, 1.00), hsla(144.96, 96.49%, 21.37%, 1.00));
}
.blue-button{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 440px;
    margin: auto;
}

.hidden-img{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.hidden-content{
    flex: 1;
    min-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
}
.div-block-3 {
    width: 100%;
    max-width: 560px;
    margin-right: auto;
    margin-left: auto;
    border-style: solid;
    border-width: 20px;
    border-color: #8e8e9c #676770;
    border-radius: 20px;
}
.hidden-img img{
    max-width: 100%;
}
.hidden-block{
    display: none;
}
.hidden-block{
    padding: 2%;
}
.row1, .row2{
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.text-block-11 {
    margin-bottom: 3%;
    font-size: 36px;
    line-height: 1.4em;
}
.text-block-14 {
    margin-bottom: 3%;
    font-size: 20px;
    line-height: 20px;
}
.text-block-15 {
    color: #192024;
    font-size: 22px;
    line-height: 1.2em;
}
.hidden-content ul li{
    color: hsla(353.42465753424653, 97.36%, 34.12%, 1.00);
    font-size: 30px;
    list-style-type: square;
}
.last-btn{
    display: block;
    width: 100%;
    max-width: 400px;
    margin-top: 2%;
    margin-right: auto;
    margin-left: auto;
    float: none;
    border-radius: 50px;
    background-image: linear-gradient(180deg, #e64c40, #6f0202);
    font-size: 30px;
    line-height: 2em;
    text-align: center;
    padding: 9px 15px;
    color: white;
}
.last-btn:hover{
    background-image: linear-gradient(180deg, #6f0202, #e64c40);
}
.ll{display: none;}
.bordo{
    padding: 2% 4%;
    background-color: #a60303;
}
.bordo-text{
    color: #fff;
    font-size: 44px;
    line-height: 1.2em;
    text-align: center;
}
.ll{
    background: #fff;
}


@media(max-width: 425px){
    .quest {margin-bottom: 10px;}
}

header{
    background-image: url(../images/243.jpg);
    min-height: 300px;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}
.red-line{
    padding: 1% 2%;
    background-color: #8f0506;
    color: #fff;
    font-size: 44px;
    line-height: 1.2em;
    text-align: center;
    text-transform: uppercase;
}

/*book*/

.book{
    padding: 2% 3% 1%;
}
.inner-book{
    width: 100%;
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
}
.book-img{
    width: 98%;
    max-width: 100%;
}
.a-uzor{
    width: 100%;
    padding-top: 18px;
    padding-bottom: 18px;
    background-color: transparent;
    background-image: url(../images/uzor.png);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    font-size: 24px;
    line-height: 2em;
    text-align: center;
    letter-spacing: 4px;
    display: inline-block;
    color: white;
}
@media(max-width: 1025px){
    header {min-height: 246px;}
}
@media(max-width: 801px){
    header {min-height: 171px;}
    .red-line {font-size: 35px;}
}
@media(max-width: 450px){
    header {min-height: 99px;}
    .red-line {font-size: 28px;}
    .book-img {
        width: 78%;
        margin-left: auto;margin-right: auto;display: block;}
}

/*gold*/

.gold{
    padding: 5% 3%;
    background-color: #c9b485;
    background-image: url(../images/per.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.text-block-322 {
    font-size: 60px;
    line-height: 1.2em;
    text-align: center;
}
.bold-text-133 {
    color: #f2002b;
    font-size: 90px;
}

/*dmiurg*/

.dmiurg{
    padding: 7% 3% 8%;
    background-image: radial-gradient(circle farthest-corner at 50% 50%, #000, transparent), url(../images/524.jpg), url(../images/200.jpeg), url(../images/243.png);
    background-position: 0px 0px, 100% 0%, 0px 0px, 0px 0px;
    background-size: auto, contain, contain, 125px;
    background-repeat: repeat, no-repeat, no-repeat, repeat;
    background-attachment: scroll, scroll, scroll, scroll;
}
.image-153 {
    display: block;
    width: 100%;
    max-width: 550px;
    margin-right: auto;
    margin-left: auto;
}
.text-block-323 {
    margin-bottom: 0%;
    color: #edeff2;
    font-size: 36px;
    line-height: 1.2em;
    text-align: center;
}
.text-block-324 {
    color: #cabc67;
    font-size: 80px;
    line-height: 1.2em;
    text-align: center;
    text-shadow: 1px 1px 6px #000;
}
.bold-text-132._44 {
    font-size: 120px;
}

@media(max-width: 801px){
    .bold-text-133 {font-size: 72px;}
    .bold-text-132._44 {font-size: 94px;}
    .text-block-324 {font-size: 67px;}
    .text-block-323 {font-size: 31px;}
    .image-153 {max-width: 434px;}
}
@media(max-width: 450px){
    .bold-text-133 {font-size: 46px;}
    .bold-text-132._44 {font-size: 63px;}
    .text-block-324 {font-size: 48px;}
    .text-block-323 {font-size: 20px;}
    .image-153 {max-width: 286px;}
    .blue-h1 {font-size: 25px;}
}

/*circ*/

.circ{
    min-height: 100vh;
    padding: 3%;
    background-image: url(../images/654.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*gold-2*/

.gold-2{
    padding: 5% 3%;
    background-image: url(../images/per.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.text-block-322._567 {
    margin-bottom: 1%;
    font-size: 40px;
}
.bold-text-133._342._988 {
    color: #192024;
    font-size: 120px;
    line-height: 1.4em;
}
._45 {
    color: #f2002b;
    font-size: 60px;
}
.bold-text-134 {
    font-size: 40px;
}

.image-156 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    max-width: 647px;
}

@media(max-width: 801px){
    .bold-text-133._342._988 {font-size: 92px;}
    ._45 {font-size: 52px;}
}
@media(max-width: 450px){
    .bold-text-133._342._988 {font-size: 50px;}
    ._45 {font-size: 40px;}
}
.nm{
    display: none;
    width: 100%;
}
@media(max-width: 450px){
    .circ {
        min-height: auto;
        padding: 0%; 
        background: none;}
    .nm{display: block;}
}