*{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Merienda', cursive; }

li{ list-style: none; }

a, a:hover{ text-decoration: none; }

img{ margin: 0; padding: 0; display: block; max-width: 100%; width: auto; }

h1, h4{ color: #ed3237; }

/*body {

    background-color: #4182be;

}*/
body {
    background: url(../../bg-img/background-bg.png) no-repeat center center;
    background-size: cover;
}
.toys-banner{position: relative;}

form{ position: absolute;}

.toys-pos {

    top: 14%;

    left: 10%;

}

input.top-text {

    position: absolute;

    bottom: 41px;

    background-color: transparent;

    border: 0;

    border-bottom: 1px solid #000;

    left: 268px;

    font-size: 32px;

    color: #fff;

    width: 224px;

    text-align: center;

    font-weight: bold;

    outline: none;

    z-index: 9999;

}

input.top-text.top-text-1 {

    bottom: -85px;

    left: 93px;

    width: 177px;

}

input.top-text.top-text-2 {

    bottom: -33px;

    left: 95px;

    width: 49px;

}

input.top-text.top-text-3 {

    bottom: -90px;

    left: -27px;

    width: 98px;

}

input.top-text.top-text-4 {

    bottom: -104px;

    top: auto;

    left: 56px;

    width: 97px;

}

input.top-text.top-text-5 {

    bottom: -53px;

    top: auto;

    left: -142px;

    width: 133px;

}

input.top-text.top-text-6 {

    bottom: -104px;

    top: auto;

    left: 266px;

    width: 177px;

}

input.top-text.top-text-7 {

    bottom: -97px;

    top: auto;

    left: auto;

    right: 262px;

    width: 96px;

}

input.top-text.top-text-8 {

    top: auto;

    bottom: -69px;

    left: 114px;

    width: 170px;

}

div#dvSource {

    position: fixed;

    z-index: 9999;

    bottom: 0;

    left: 0;

    background-color: #ec3638;

    padding: 10px;

    border: 15px inset #5c4498;

}

.draggable1 {

    max-height: 80px;

    margin-bottom: 0 !important;

}

.draggable111{position: absolute !important; top: 0; left: 0;}

.opacity-0{ opacity: 0; height: 150px; }

/*#dvSource{ display: inline-block; width: 49%; }*/

img.ui-droppable-disabled    {

padding: 0;

}

div.dvdest-1 {

/*    border: 1px solid #000;*/

    width: 331px;

    height: 410px;

    border-radius: 10px;

    position: absolute;

    top: 29.7%;

    left: 9.4%;

}

div.dvdest-2 {

    left: 34.2%;

    top: 23%;

    width: 448px;

    height: 157px;

}

div.dvdest-3 {

    left: 56.3%;

    top: 10.5%;

    width: 160px;

    height: 127px;

}

div.dvdest-4 {

    top: 54%;

    left: 11.4%;

    width: 177px;

    height: 281px;

}

div.dvdest-5 {

    top: 71.3%;

    left: 23.7%;

    width: 383px;

    height: 120px;

}



div.dvdest-6 {

    top: 17.9%;

    left: 74.5%;

    width: 200px;

    height: 296px;

}

div.dvdest-7 {

    top: 58.1%;

    left: 39.25%;

    width: 94px;

    height: 151px;

}

div.dvdest-8 {

    top: 57.8%;

    left: 33.4%;

    width: 550px;

    height: 132px;

}

img#drag8 {

    width: 100%;

}

div.dvdest-9 {

    top: 70%;

    left: 50.5%;

    width: 610px;

    height: 241px;

}



div.dvdest-10 {

    left: 55.4%;

    top: 41.2%;

    height: 192px;

    width: 423px;

}

div.dvdest-11 {

    left: 60%;  



}

div.dvdest-12 {

    left: 10%;  

}

.bottom-color{  position: relative; }



#dvSource .position-relative {

    display: inline-block;

}









.dvdest-1-img {

    position: absolute;     max-width: 100%;

    max-height: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}



.custom-checkbox .custom-control-label::before {

    border-radius: .25rem;

    background-color: #007bff;

}



.custom-control-label::after {

    position: absolute;

    top: .25rem;

    left: -1.5rem;

    display: block;

    width: 50px;

    height: 50px;

    content: "";

    background: no-repeat 50%/50% 50%;

}

.custom-control-label::before {

    position: absolute;

    top: .25rem;

    left: -1.5rem;

    display: block;

    width: 50px;

    height: 50px;

    pointer-events: none;

    content: "";

    background-color: #fff;

    border: #adb5bd solid 1px;

    border-radius: 0% !important;

}

















@media only screen and (min-width: 768px) and (max-width: 1168px) {



}



@media only screen and (min-width: 768px) and (max-width: 999px) {



}



@media only screen and (min-width: 480px) and (max-width: 767px) {



}



@media only screen and (max-width: 479px) {



}