@font-face {
    font-family: "Adigiana";
    src: url("../fonts/Adigiana_Extreme.ttf");
}
html{
    height: 100%;
}
body{
    width: 100%;
    height:100%;
    max-width: 1980px;
    margin: 0 auto;
    padding: 0;
    box-sizing: content-box;
    overflow-x: hidden;
}

h1,h2,h3{
    font-size: 45px;
    color: #A276AF;
    /* -webkit-text-stroke: 2px #FFFFFF; */
    font-family: "Adigiana", serif;
    /* text-shadow: 1px 4px 0 black; */
    letter-spacing: 3px;
   text-shadow: 1px -3px 0 #FFFFFF, 0px -3px 0 #FFFFFF, 0 2px 0 #FFFFFF, 0px 2px 0 #FFFFFF, -2px 0 0 #FFFFFF, 2px 0 0 #FFFFFF, -2px 0 0 #FFFFFF, 2px 0 0 #FFFFFF, -2px -2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, 2px 3px 0 #FFFFFF, 5px 7px 0 #000000, 5px 3px 0 #000000, 0px 5px 0 #000000, 2px 7px 0 #000;
}

.text-justify{
    text-align: justify;
}

.price{
    font-size: 25px;
    color: #A276AF;
    /* -webkit-text-stroke: 1px #FFFFFF; */
    font-family: "Adigiana", serif;
    text-shadow: 1px 1px white, -1px -1px white, 3px 3px black;
}

.banner-area{
    width: 100%;
    /*height: 100%;*/
    background-color: #ea883f;
}

.section-about .top-block{
    position:absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    max-width: 1980px;
    background: linear-gradient(180deg, #ea883f 4.85%, rgba(255, 227, 105, 0) 95.95%);
}
.section-about{
   /*padding-bottom: 200px;*/
    background: linear-gradient(180deg, rgba(242, 203, 30, 0) 15.19%, #F2CB1E 95.95%);
}

.steps-buy li{
    list-style-type: none;
}

.steps-buy-h2{
    color: #A276AF;
    /* -webkit-text-stroke: 2px #FFFFFF; */
    font-family: "Adigiana", serif;
    font-size: 3em;
    text-align: right;
    letter-spacing: 3px;
   text-shadow: 1px -3px 0 #FFFFFF, 0px -3px 0 #FFFFFF, 0 2px 0 #FFFFFF, 0px 2px 0 #FFFFFF, -2px 0 0 #FFFFFF, 2px 0 0 #FFFFFF, -2px 0 0 #FFFFFF, 2px 0 0 #FFFFFF, -2px -2px 0 #FFFFFF, 2px -2px 0 #FFFFFF, -2px 2px 0 #FFFFFF, 2px 3px 0 #FFFFFF, 5px 7px 0 #000000, 5px 3px 0 #000000, 0px 5px 0 #000000, 2px 7px 0 #000;
}
.steps-buy-text{
    font-size: 20px;
    color: #692157;
}

.section-draw{
    margin-top: -210px;
    position: relative;
    width: 100%;
    /*background-image: url("/img/rules-block-img.png");*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*height: 100%;*/
    /*background-color: #f1cb1e;*/
}
.section-draw .bottom-block{
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 9;
    background-color: #D3FFA0;
}
.background-section{
    margin-top: -180px;
    width: 100%;
    /*height: 1300px;*/
    /*background-image: url("/img/rules-block-img.png");*/
    /*background-size: cover;*/
    /*background-repeat: no-repeat;*/
    /*background-color: #D3FFA0*/
}

.section-collection{
    position: relative;
    width: 100%;
    /*height: 1300px;*/
    background-color: #4bc9e3;
}

.section-collection .top-block{
    position:absolute;
    top: -150px;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #d3ff9f 10.87%, #D3FFA0 87.84%);
}
.section-collection .down-block{
    /*z-index: -1;*/
    /*position:absolute;*/
    /*height: 100%;*/
    /*width: 100%;*/
    background: #D3FFA0;
}

.collection-img{
    /*position: absolute;*/
    /*bottom: -70px;*/
    /*z-index: 9;*/
}

.swiper {
    width: 100%;
    /*height: 300px;*/
}

.swiper-pagination-bullet-active{
    background-color:rgb(147, 192, 99) ;
}

.slider-dino img{
    width: 100%;
    max-width: 250px;
}

.game-text p{
    font-weight: 600;
    color:#692157 ;
}

.section-history{
    padding: 0 0 150px;
    position: relative;
    width: 100%;
    /*height: 100%;*/
    /*background-color: #f9e744;*/
    background-color: #F8FFAD;

}
.section-history .cloud{
    position: absolute;
    z-index: 9;
    /*bottom: -70px;*/
}

.btn-details{
    height: 51px;
    padding: 10px 15px;
    text-decoration: none;
    border-radius: 60px;
    border: 4px solid #FFF;
    color: #fff;
    background: #A276AF;
    filter: drop-shadow(0px 4px 0px #000);
}

.section-coloring{
    padding: 150px 0 50px;
    position: relative;
    width: 100%;
    /*background-color: #c499d0;*/
/*background:linear-gradient(180deg,#c499d0,);*/
    /*height: 100%;*/
    /*background: #F9E1FF;*/
/*;*/
    background: linear-gradient(179.62deg, #c499d0 0.42%, #c499d0 23.58%, #d9afe4 51.88%, #d9afe4 71.1%, #b78cc5 99.67%);

}

.section-coloring .cloud{
    position: absolute;
    bottom: 0;
}

.section-rules{
    background-color: #CCAED5;
}


/*****FOOTER******/
.footer_inner {
    display: block;
    background: #A276AF;
    color: #fff;
}

.footer-container {
    width: 100%;
    margin: 0 auto;
    /*padding: 60px 70px 31px;*/
}

.footer-title p {

    font-size: 23px;
    font-weight: 600;
}

.footer-links li {
    list-style: none;
}

.footer-links li > a {
    text-decoration: none;
    color: #fff;
    font-weight: 300;
    font-size: 17px;
}

.phone {
    font-size: 1.9em;
    color: #fff;
    text-align: left;
    font-weight: 600;
}

.social-icons li {
    list-style-type: none;
    float: left;
    padding-top: 5px;
    padding-left: 15px;
}

.copyright-text {
    float: none;
    color: #ffffff;
    display: block;
    width: 100%;
    overflow: hidden;
    padding-top: 20px;
    font-size: 1em;
    margin-bottom: 30px;
    font-weight: 300;
}

.social-icons {
    margin-left: -35px;
}

/*@media screen and (min-width: 300px) and (max-width: 600px){*/
/*    .background-section{*/
/*        height: 1000px;*/
/*        background-image: url("/img/rules-block-img-mob.png");*/
/*    }*/
/*}*/

@media screen and (min-width: 300px) and (max-width: 767px) {
    .footer-container {
        padding: 90px 0 30px;
    }
    .section-history{
        padding: 30px 0;
    }

    .section-history .cloud{
        bottom: -20px;
    }

    .section-coloring .cloud{
        /*bottom: -20px;*/
    }
    .section-coloring{
        padding: 60px 0 31px;
    }
    .section-history .cloud{
        bottom: -35px;
    }
    .background-section{
        height: 1300px;
        background-image: url("/img/rules-block-img-mob.png");
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    /*.section-coloring .cloud{*/
    /*    bottom: -50px;*/
    /*}*/

    .section-history .cloud{
        bottom: -50px;
    }
}