/* avatars svg */

@media only screen and (min-width: 750px) {
    path, ellipse {
        transition: fill 0.4s ease;
        -webkit-transition: fill 0.4s ease; 
        -moz-transition: fill 0.4s ease;
        -o-transition: fill 0.4s ease;  
    }
    #girl-svg {
         width: 180px;
         height: 528px;   
     }   
     
     #boy-svg {
         width: 180px;
         height: 562px;   
     } 
}   

@media only screen and (max-width: 420px) {
    #girl-svg {
         width: 100px;
         height: 293px;   
     }   
     
     #boy-svg {
         width: 100px;
         height: 312px;   
     }     
}

.shoes {
    fill: #ffffff;
}

.shoes-red {
    fill: #EC1B24;
}

.shoes-green {
    fill: #00A64F;
}

.shoes-purple {
    fill: #782F99;
}

.shoes-blue {
    fill: #253E7C;
}

.shoes-brown {
    fill: #855C1F;
}

#girl-svg .shoes, #girl-svg .hand, #girl-svg .cls-11, #girl-svg .cls-12, #girl-svg .cls-13, #girl-svg .hand, #girl-svg .cls-17, #girl-svg .cls-2 {
stroke: #3d3616;
}

#girl-svg .shoes, #girl-svg .hand, #girl-svg .cls-11, #girl-svg .cls-12, #girl-svg .cls-13, #girl-svg .hand, #girl-svg .shirt, #girl-svg .cls-16, #girl-svg .cls-17, #girl-svg .cls-2, #girl-svg .hair, #girl-svg .cls-24, #girl-svg .cls-25, #girl-svg .pants, #girl-svg .cls-4, #girl-svg .cls-6, #girl-svg .cls-7, #girl-svg .cls-8, #girl-svg .skin-tone {
stroke-miterlimit: 10;
}

#girl-svg .shoes, #girl-svg .cls-11, #girl-svg .cls-13, #girl-svg .cls-4, #girl-svg .cls-6, #girl-svg .cls-8 {
stroke-width: 1.4px;
}

#girl-svg .cls-17, #girl-svg .cls-19, #girl-svg .cls-2, #girl-svg .cls-23, #girl-svg .cls-5 {
fill: none;
}

#girl-svg .cls-2 {
stroke-width: 1.98px;
}

.pants {
fill: #ffffff;
stroke-width: 1.38px;
}

.pants-blue {
    fill: #253E7C;       
}

.pants-lt-gray, .pants-light-gray {
    fill: #CAC9B7;     
}

.pants-gray, .pants-dk-gray {
   fill: #4F4B4C;      
}

.pants-tan {
   fill: #BE925B;      
}

#girl-svg .pants, #girl-svg .cls-4, #girl-svg .cls-5, #girl-svg .cls-6, #girl-svg .cls-7, #girl-svg .cls-8 {
stroke: #2a160f;
}

#girl-svg .cls-4 {
fill: #ccc9bd;
}

#girl-svg .cls-19, #girl-svg .cls-21, #girl-svg .cls-23, #girl-svg .cls-5 {
stroke-linecap: round;
stroke-linejoin: round;
}

#girl-svg .cls-5 {
stroke-width: 0.7px;
}

#girl-svg .cls-11, #girl-svg .cls-12, #girl-svg .cls-6, #girl-svg .cls-7 {
fill: #3d3616;
}

#girl-svg .cls-12, #girl-svg .cls-7 {
stroke-width: 1.38px;
}

#girl-svg .cls-13, #girl-svg .cls-8 {
fill: #facb0e;
}

#girl-svg .cls-16, .skin-tone {
    fill: #EEC09C;  
}

.skin-tone-1 {
    fill: #F0C7A8;
}

.skin-tone-2 {
    fill: #C2AB79;
}

.skin-tone-3 {
    fill: #FAB493;
}

.skin-tone-4 {
    fill: #8C6529;
}

#girl-svg .cls-16, #girl-svg .cls-19, #girl-svg .cls-21, #girl-svg .hair, #girl-svg .cls-23, #girl-svg .cls-24, #girl-svg .cls-25, #girl-svg .skin-tone {
stroke: #010101;
}

#girl-svg .hand, #girl-svg .hand, #girl-svg .skin-tone {
stroke-width: 1.44px;
}

.shirt {
fill: #ffffff;
stroke: #414042;
stroke-width: 1.39px;
}

.shirt-red {
    fill: #ED1C4A;
}

.shirt-pink {
    fill: #D8078D;
}

.shirt-green {
    fill: #A5D71C;
}

.shirt-blue {
    fill: #5AB5E4;
}

#girl-svg .cls-16, #girl-svg .cls-17, #girl-svg .cls-19, #girl-svg .hair, #boy-svg .hair {
stroke-width: 1.46px;
}

#girl-svg .cls-18 {
fill: url(#New_Gradient_Swatch_8);
}

#girl-svg .cls-20, #girl-svg .cls-21 {
fill: #eb828e;
}

#girl-svg .cls-21 {
stroke-width: 0.73px;
}

#girl-svg .hair {
    fill: #362F17;   
}

#boy-svg .hair {
    fill: #D6AB3C;   
}

#boy-svg .hair-1, #girl-svg .hair-1 {
    fill: #D6AB3C;   
}

#boy-svg .hair-2, #girl-svg .hair-2 {
    fill: #362F17;   
}

#boy-svg .hair-3, #girl-svg .hair-3 {
    fill: #612B17;   
}

#boy-svg .hair-4, #girl-svg .hair-4 {
    fill: #CD421D;   
}

#girl-svg .cls-23 {
stroke-width: 2.78px;
}

#girl-svg .cls-24, #girl-svg .cls-25, #girl-svg .cls-28 {
fill: #fff;
}

#girl-svg .cls-24 {
stroke-width: 0.7px;
}

#girl-svg .cls-25 {
stroke-width: 0.74px;
}

#girl-svg .cls-26 {
fill: #010101;
}

#girl-svg .cls-30 {
fill: #2a160f;
}

.eyes {
    fill: #3871C1;  
}

.eyes-blue {
    fill: #3871C1;  
}

.eyes-green {
    fill: #26963B;  
}

.eyes-brown {
    fill: #351F16;  
}
 
 
                                                     
.pants, #boy-svg .cls-10, #boy-svg .skin-tone, #boy-svg .cls-16, #boy-svg .cls-18, #boy-svg .hair, #boy-svg .cls-3, #boy-svg .shoes, #boy-svg .cls-5, #boy-svg .cls-6, #boy-svg .cls-7 {
stroke: #3d3616;
}

#boy-svg .pants, #boy-svg .cls-11, #boy-svg .cls-16, #boy-svg .cls-18, #boy-svg .hair, #boy-svg .cls-3, #boy-svg .skin-tone {
stroke-miterlimit: 10;
}

#boy-svg .pants, #boy-svg .cls-3, #boy-svg .shoes, #boy-svg .cls-5, #boy-svg .cls-6, #boy-svg .cls-7 {
stroke-width: 1.59px;
}

#boy-svg .cls-2 {
fill: #16161c;
}

#boy-svg .cls-3 {
fill: #fedc00;
}

#boy-svg .cls-10, #boy-svg .cls-12, #boy-svg .skin-tone, #boy-svg .shoes, #boy-svg .cls-5, #boy-svg .cls-6, #boy-svg .cls-7 {
stroke-linecap: round;
stroke-linejoin: round;
}

#boy-svg .cls-16, #boy-svg .cls-18, #boy-svg .cls-8 {
fill: #fff;
}

#boy-svg .hand {
stroke: #3c2415;
stroke-width: 1.2px;
}

#boy-svg .cls-10 {
fill: none;
stroke-width: 1.95px;
}

#boy-svg .cls-12 {
stroke: #414042;
stroke-width: 1.35px;
}

#boy-svg .skin-tone {
stroke-width: 1.44px;
}

#boy-svg .cls-15 {
fill: #3d3616;
}

#boy-svg .cls-16 {
stroke-width: 0.65px;
}

#boy-svg .cls-18 {
stroke-width: 0.64px;
}

#boy-svg .cls-20 {
fill: #010101;
}

#boy-svg .cls-22 {
fill: #231f20;
}
    
.sticker {
    display: none;
}