@import "lib.css" screen;
.b-top {z-index:2600;position:fixed;left:0;bottom:90px;width:34%;margin-left:50%;opacity: 0.5;filter:alpha(opacity=50);}
.b-top:hover {opacity:1;filter:alpha(opacity=100);cursor:pointer;}
.b-top-but {z-index:2600;position:absolute;display:block;left:56px;bottom:0;margin:0 0 0 100%;padding:32px 12px 4px;
color:#000;background:#83c718 url(https://primavera.spb.ru/images/b-j-top.png) no-repeat 50% 11px;border-radius:7px;}

main{
    flex: 1;
    position: relative;
    width: 100%;
    padding: 0% 2% 2%;
    background-color: #2e2a2a;
    background-image: url(../images/fon.png);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.max1100{
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.card{
    position: -webkit-sticky;
    position: sticky;
    top: 3%;
    z-index: 0;
    width: 100%;
    max-width: none;
    padding-top: 20px;
    background-color: #1d1d1d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-height: none;
    min-height: 350px;
    margin: 10px 10px 40px;
    padding: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
    border-radius: 20px;
    box-shadow: 1px 1px 3px 0 #ccc;
}
._1 .card_content{
    flex: 1;
    min-width: 250px;
}
._1 .card_img{
    flex: 1;
    min-width: 150px;
    max-width: 424px;
}
.heading-84 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #fff;
    font-size: 60px;
    line-height: 1em;
    text-align: left;
    text-transform: uppercase;
}
.text-block-889 {
    margin-bottom: 2%;
    color: #ff9500;
    font-size: 189px;
    line-height: 0.8em;
    font-weight: 900;
    text-align: left;
    letter-spacing: 5px;
    text-shadow: none;
}
.text-block-890 {
    margin-bottom: 2%;
    color: #fff;
    font-size: 36px;
    line-height: 1.4em;
}
.div-block-358 {
    width: 100%;
    height: 2px;
    max-width: 165px;
    margin-bottom: 2%;
    background-color: #ffbc00;
}
.text-block-888 {
    margin-bottom: 5%;
    color: #fff;
    font-size: 32px;
    line-height: 1.2em;
}
.btn{
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: 1px;
    padding-left: 25px;
    border-style: solid;
    border-width: 1px;
    border-color: #ff9500;
    border-radius: 50px;
    background-color: #ffbc00;
    box-shadow: inset -1px -1px 4px 3px rgb(197 181 4 / 76%), 3px 3px 9px 3px rgb(255 210 75 / 36%);
    color: rgba(0, 0, 0, 0.88);
    font-size: 16px;
    line-height: 1.6em;
    font-weight: 400;
    z-index: 3000;
    border-color: #83c718;
    background-color: #b8fd4c;
    box-shadow: inset -1px -1px 4px 3px rgb(100 197 4 / 76%), 3px 3px 9px 3px rgb(184 253 76 / 61%);
    text-align: center;
    letter-spacing: 5px;
    max-width: 400px;
    margin-bottom: 3%;
    padding: 9px 15px;
}
.btn:hover{
    box-shadow:none;
}
.bold-text-530 {
    background-color: transparent;
    color: #fff;
    font-size: 42px;
    font-weight: 600;
}
._1 .inner-card_img{
    position: relative;
    top: -17px;
    max-height: 600px;
    padding: 2% 0% 5%;
    border-style: solid;
    border-width: 10px;
    border-color: #ff9500;
    border-radius: 0px;
    background-image: url(../images/t-6.png), none;
    background-position: 50% 50%, 50% 50%;
    background-size: contain, contain;
    background-repeat: repeat-x, repeat;
}
._1 .inner-card_img img{
    position: relative;
    bottom: -197px;
    max-width: 100%;
    display: block;
}
.bold-text-530._324 {
    font-size: 30px;
    font-weight: 400;
}
._1mobile{display: none;}

._2 .card_content{
    flex: 1;
    min-width: 250px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
._2 .card_img{
    flex: 1;
    min-width: 150px;
    max-width: 424px;
}
._2 .inner-card_img{
    max-height: 523px;
    position: relative;
    top: 17px;
    padding: 2% 0% 5%;
    border-style: solid;
    border-width: 10px;
    border-color: #ff9500;
    border-radius: 0px;
    background-image: url(../images/t-6.png), none;
    background-position: 50% 0%, 0% 50%;
    background-size: contain, contain;
    background-repeat: repeat-x, repeat;
}
._2 .inner-card_img img{
    position: relative;
    top: -78px;
    z-index: 800;
    display: block;
    width: 100%;
    max-width: 279px;
    margin-right: auto;
    margin-left: auto;
}
.play_btn_wrapper-2 {
    position: absolute;
    left: auto;
    top: auto;
    right: 20px;
    bottom: 79px;
    z-index: 1100;
    display: block;
    width: 300px;
    height: 145px;
    padding-top: 2%;
    padding-right: 10px;
    padding-left: 63px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: solid;
    border-width: 1px;
    border-color: #ffbc00;
    border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.74);
    font-size: 14px;
    line-height: 10em;
    font-weight: 500;
}
.play_btn {
    position: absolute;
    left: -57px;
    top: -18px;
    right: auto;
    bottom: 0%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 130px;
    height: 130px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.play_big_circe {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 0;
    width: 84px;
    height: 84px;
    margin: auto;
    border-radius: 100%;
    background-color: hsla(0, 0%, 100%, 0.09);
}
.play_lightbox_wrapper {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 84px;
    height: 84px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    background-color: #fff;
}
#play_icon {
    width: 60px;
    margin-left: 8px;
    top: 0;
}
.play_big_circe {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 0;
    width: 84px;
    height: 84px;
    margin: auto;
    border-radius: 100%;
    background-color: hsla(0, 0%, 100%, 0.09);
}
.text-block-898 {
    margin-right: auto;
    margin-bottom: 2%;
    margin-left: auto;
    color: #ecf0f1;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 400;
}
.list-72 {
    color: #ffbc00;
    line-height: 1.6em;
}
.list-item-17 {
    padding-bottom: 5px;
    line-height: 1.6em;
}
.text-block-899, .text-block-902 {
    color: #fff;
    font-size: 16px;
    line-height: 10px;
}
.text-block-902 {
    font-weight: 400;
}
.text-block-897 {
    margin-bottom: 10%;
    color: #fff;
    font-size: 24px;
    line-height: 1.4em;
}
.text-span-168 {
    color: #ffbc00;
    text-transform: uppercase;
}
._2mobile{display: none;}
.list-73 {
    padding-left: 30px;
    color: #ffbc00;
    font-size: 30px;
    list-style-type: square;
}
.text-block-903 {
    padding-bottom: 2%;
    color: #fff;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 400;
}
.text-block-904 {
    margin-bottom: 2%;
    color: #fff;
    font-size: 69px;
    line-height: 1em;
}
.text-span-170 {
    color: #ffbc00;
}
.bold-text-530._34545 {
    padding-right: 7px;
    padding-left: 12px;
    background-color: #ffbc00;
    color: #000;
    font-size: 42px;
}
.rrrrr{
    font-size: 42px;
}
.list-74 {
    margin-top: 24px;
    margin-bottom: 22px;
    padding-left: 30px;
    color: #ffbc00;
    font-size: 30px;
    font-weight: 900;
    list-style-type: decimal;
}
.num_img{
    flex: 1;
    max-width: 50px;
}
.num_content{
    flex: 1;
    min-width: 200px;
}
.text-block-906 {
    color: #ffbc00;
    font-size: 37px;
    line-height: 1em;
    font-weight: 500;
    text-align: center;
}
.bold-text-535 {
    color: #ffbc00;
}
.mb{margin-bottom: 20px;}
.bold-text-536 {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.text-block-907 {
    margin-top: 18px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    color: #fff;
    text-align: center;
}
.btn-wrap{
    width: 100%;
    max-width: 400px;
    margin-left: 0;
    margin-right: auto;
}
._3 .max960{
    position: relative;
    width: 100%;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding: 3% 0%;
}
.inner-last-block{
    top: -15px;
    width: 100%;
    max-height: 450px;
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(../images/fon-3.jpg);
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: repeat;
    position: relative;
    padding: 2% 0% 5%;
    border-style: solid;
    border-width: 10px;
    border-color: #ff9500;
    border-radius: 0px;
}
.text-block-908 {
    margin-bottom: 3%;
    color: #fff;
    font-size: 60px;
    line-height: 1em;
    text-align: center;
}
.text-block-909 {
    margin-bottom: 5%;
    color: #fff;
    font-size: 28px;
    line-height: 1.3em;
    text-align: center;
}
.btn-2{
    position: relative;
    z-index: 2000;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
    border-color: rgba(100, 197, 4, 0.76);
    background-color: #b8fd4c;
    box-shadow: inset -1px -1px 4px 3px rgba(100, 197, 4, .76), 3px 3px 9px 3px rgba(75, 255, 102, .36);
    font-size: 20px;
    line-height: 2.3em;
    text-align: center;
    margin-bottom: 3%;
    display: block;
    color: rgba(0, 0, 0, 0.88);
    width: 100%;
    padding: 9px 15px;
    border-radius: 50px;
}
.btn-2:hover{
    box-shadow: none;
}
.image-372ww {
    position: absolute;
    left: auto;
    top: auto;
    right: -22%;
    bottom: -35%;
    display: block;
    width: 100%;
    max-width: 300px;
    margin-right: auto;
    margin-left: auto;
}

@media(max-width: 1025px){
    .inner-last-block {padding: 2% 0% 3%;}
    .image-372ww {
        right: -10%;
        bottom: -22%;
        max-width: 230px;}
    .card{padding: 20px 20px 20px 20px;}
    ._1 .card_img {max-width: 340px;}
    ._1 .inner-card_img {top: 20px;}
    ._1 .inner-card_img img {bottom: -160px;}
    ._2 .card_img {max-width: 340px;}
    ._2 .inner-card_img img {max-width: 229px;}
    ._2 .inner-card_img {max-height: 422px;}
    .card._2{padding-bottom: 40px;}
}
@media(max-width: 801px){
    .text-block-908 {font-size: 76px;}
    ._1 .card_content{padding-right: 10px;}
    .text-block-904 {
        margin-bottom: 3%;
        font-size: 69px;}
    .text-block-890 {font-size: 29px;}
    .bold-text-530._34545 {font-size: 36px;}
    .mb{margin-bottom: 20px;}
    .text-block-903 {font-size: 20px;}
    ._2 .card_content{padding-right: 10px;}
    .play_btn_wrapper-2 {right: 4px;}
    .play_btn_wrapper-2 {width: 259px;padding-left: 32px;}
    .text-block-897 br:not(.br){display: none;}
    .text-block-903 br:not(.br){display: none;}
    .text-block-909 {font-size: 26px;}
    .image-372ww {
        right: -4%;
        bottom: -15%;
        max-width: 176px;}
    .play_btn {
        left: -33px;
        top: 20px;}
    .play_lightbox_wrapper {
        width: 60px;
        height: 60px;}
    .play_big_circe {
        width: 55px;
        height: 55px;}
    #play_icon {
        width: 40px;
        margin-left: 8px;
        top: 0;}
    .play_btn{
        width: 100px;
        height: 100px;}
    ._2 .card_img {max-width: 290px;}
    .text-block-897 {font-size: 20px;}
    ._1 .card_img {max-width: 290px;}
    .text-block-889 {font-size: 139px;}
    .heading-84 {font-size: 94px;}
    .bold-text-530 {font-size: 31px;}
    .bold-text-530._324 {font-size: 24px;}
    .text-block-888 {font-size: 26px;}
    .card{margin-left: auto;margin-right: auto;}
}
@media(max-width: 700px){
    .inner-last-block {border-width: 5px;}
    .text-block-909 {font-size: 23px;}
    .text-block-908 {font-size: 56px;}
    .image-372ww {
        right: -2%;
        bottom: -13%;
        max-width: 132px;}
    .list-74 {font-size: 26px;}
    .bold-text-530._34545 {font-size: 32px;}
    .text-block-904 {font-size: 59px;}
    .play_btn_wrapper-2 {right: -4px;}
    ._2 .inner-card_img {border-width: 5px;}
    ._2 .card_img {max-width: 260px;}
    .heading-84 {font-size: 76px;}
    .text-block-889 {font-size: 114px;}
    .bold-text-530 {font-size: 27px;}
    ._1 .inner-card_img {top: 0px;border-width: 5px;}
    ._1 .inner-card_img img {bottom: -132px;}
    ._1 .card_img {max-width: 260px;}
    ._2 .inner-card_img {max-height: 345px;}
    ._2 .inner-card_img img {max-width: 180px;top: -40px;}
    .text-block-898 {font-size: 19px;}
}
@media(max-width: 600px){
    .text-block-908 {font-size: 48px;}
    .text-block-909 {font-size: 20px;}
    .image-372ww {max-width: 97px;}
    ._2 .card_img {max-width: 200px;}
    ._1 .card_img {max-width: 200px;}
    ._1 .inner-card_img img {bottom: -61px;}
    .heading-84 {font-size: 40px;}
    .text-block-889 {font-size: 77px;}
    .bold-text-530 {font-size: 24px;}
    .bold-text-530._324 {font-size: 20px;}
    .text-block-888 {font-size: 24px;}
    .btn {max-width: 220px;}
    .text-block-890 {font-size: 24px;}
    .play_btn {
        width: 60px;
        height: 60px;}
    .play_big_circe {
        width: 38px;
        height: 38px;}
    .play_lightbox_wrapper {
        width: 45px;
        height: 45px;}
    #play_icon {
        width: 30px;
        margin-left: 8px;}
    .play_btn {
        left: -26px;
        top: 25px;}
    .play_btn_wrapper-2 {
        width: 215px;
        padding-right: 5px;
        padding-left: 20px;}
    ._2 .inner-card_img img {max-width: 135px;}
    ._2 .inner-card_img {max-height: 253px;}
    .play_btn_wrapper-2 {
        right: -15px;
        bottom: 0px;
        height: 128px;}
    ._2 .card_content {padding-right: 20px;}
    .text-block-904 {font-size: 48px;}
    .bold-text-530._34545 {font-size: 28px;}
}
.image-372ww2{display: none;}
@media(max-width: 500px){
    .image-372ww2{
        max-width: 160px;
        margin-top: 30px;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
        display: block;}
    .image-372ww{display: none;}
    .inner-last-block{min-height: fit-content;}
    .text-block-908 {font-size: 40px;}
    .text-block-909 {font-size: 18px;}
    .card._3{min-height: 98vh;}
    .image-372ww {
        max-width: 66px;
        bottom: -26%;}
    .btn-2{max-width: 85%;padding: 8px;font-size: 18px;}
    .btn-wrap{margin-left: auto;}
    .card._2{padding-bottom: 10px;}
    .mb {margin-bottom: 13px;}
    .list-73 {
        padding-left: 25px;
        font-size: 20px;}
    .text-block-903 {font-size: 18px;}
    .card {top: 1%;padding: 10px 10px 20px 10px;border-radius: 10px;}
    ._1desctop{display: none;}
    .heading-84 {font-size: 50px;}
    .text-block-889 {font-size: 71px;}
    .bold-text-530 {font-size: 21px;}
    .div-block-358 {max-width: 127px;}
    .btn{margin-left: auto;}
    .num_img {max-width: 26px;}
    ._2 .card_content{padding-right: 5px;}
    .text-block-906 {font-size: 24px;}
    ._1mobile{
        max-width: 160px;
        margin-left: auto;
        margin-right: auto;
        display: block;}
    ._1 .card_img{margin-bottom: 50px;margin-top: 10px;}
    ._1 .inner-card_img {border-width: 3px;}
    ._1 .inner-card_img img {
        bottom: -44px;
        margin-left: auto;
        margin-right: auto;
        max-width: 90%;}
    ._2mobile{
        margin-left: auto;
        margin-right: auto;
        display: block;}
    .text-block-897 {
        margin-bottom: 5%;
        font-size: 18px;}
    ._2 .inner-card_img img {
        max-width: 120px;
        top: -30px;}
    ._2 .card_img{margin-bottom: 30px;}
    ._2 .inner-card_img {max-height: 230px;}
    .play_btn_wrapper-2 {right: -39px;width: 227px;}
    .text-block-904 {font-size: 39px;}
    .bold-text-530._34545 {font-size: 23px;}
    .text-block-890 {font-size: 20px;}
    .list-74 {
        margin-top: 10px;
        font-size: 20px;
        padding-left: 25px;}
    ._1 .card_content{padding-right: 0;}
    ._1 .inner-card_img img {bottom: -27px;}
    ._1.ooo .card_img {
        margin-bottom: 26px;
        margin-top: 10px;}
    .bold-text-536 {font-size: 20px;}
    .text-block-907{margin-bottom: 10px;}
}
@media(max-width: 333px){
    .text-block-897 {font-size: 16px;}
    .text-block-903 {font-size: 16px;}
    .bold-text-530._34545 {font-size: 20px;}
    .text-block-890 {font-size: 16px;}
}
.scrollup{
width:56px;
height:56px;
opacity:0.3;
position:fixed;
bottom:50px;
right:100px;
display:none;
text-indent:-9999px;
background: url('https://sale.plitka-store.ru/images/icon_top.png') no-repeat;
}