@charset "UTF-8";

/* CSS Document */

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body,
body * {
    position: absolute;
    vertical-align: baseline;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
#pali4com {
    margin-top: 90vh;
    margin-left: calc(90vw - 110px);
    z-index: 999;
 }
#main_wrapper {
    position: absolute;
    display: block;
    width: 468px;
    height: 60px;
    overflow: hidden;
    background-color: #fff;
    opacity: 0;
}

.active#main_wrapper {
    opacity: 1;
}

#white_overlay {
    width: 468px;
    height: 60px;
    background-color: #fff;
    z-index: 100;
}

#border {
    content: "";
    border: 1px solid #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 101;
}

.bg {
    width: 468px;
    height: 60px;
}

.frame {
    width: 468px;
    height: 60px;
    overflow: hidden;
}

#frame1 {
    background-color: #484b9b;
}

#frame2 {
    top: 15px;
    z-index: 5;
    left: 127px;
    overflow: visible;
    transform: scale(0.54);
    -webkit-transform: scale(0.54);
    -moz-transform: scale(0.54);
    -ms-transform: scale(0.54);
    -o-transform: scale(0.54);
}

#grid1 {
    top: -60px;
    width: 468px;
    height: 60px;
    z-index: 5;
}

#grid2 {
    left: -468px;
    width: 468px;
    height: 60px;
    z-index: 11;
}

#left_top {
    left: 0px;
    top: 0px;
    width: 468px;
    height: 60px;
    background-color: #8c55aa;
}

#left_bottom {
    left: 0px;
    top: 60px;
    width: 468px;
    height: 60px;
    background-color: #273841;
}

#right_top {
    left: 468px;
    top: 0px;
    width: 468px;
    height: 60px;
    background-color: #3e8ddd;
}

#right_bottom {
    left: 468px;
    top: 60px;
    width: 468px;
    height: 60px;
    background-color: #484b9b;
}

#sun {
    left: 56px;
    top: 106px;
    width: 200px;
    height: 200px;
    border-radius: 200px;
    background-color: #eb140a;
}

#ground {
    top: 232px;
    width: 1500px;
    height: 60px;
    background-color: #2b3740;
    left: -630px;
}

#last_frame_bg {
    width: 468px;
    height: 60px;
    background-color: #2b3740;
    z-index: 5;
    opacity: 0;
}

#image1 {
    background: url('img/img_3.png');
    background-size: 468px 120px;
    width: 468px;
    height: 120px;
    top: -48px;
    z-index: 2;
}

#tracktor {
    top: 152px;
    left: 50px;
    transform: scale(.165);
    z-index: 2;
    -webkit-transform: scale(.165);
    -moz-transform: scale(.165);
    -ms-transform: scale(.165);
    -o-transform: scale(.165);
}

#rear_wheel {
    top: 256px;
    left: 172px;
    transform: scale(1.75);
    z-index: 4;
}

#front_wheel {
    top: 303px;
    left: 600px;
    transform: scale(1.25);
    z-index: 4;
}

#corn {
    transform: scale(.9);
    top: 139px;
    left: -14px;
}

#bark_1,
#bark_2,
#bark_3 {
    opacity: 0;
}

.SFTA {
    top: -127px;
    right: 279px;
    transform: scale(.075);
    overflow: hidden;
    z-index: 100;
    -webkit-transform: scale(.075);
    -moz-transform: scale(.075);
    -ms-transform: scale(.075);
    -o-transform: scale(.075);
}


/*---------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------*/

#copy11 {
    background: url('img/copy_sprite.png') no-repeat 0px 0px;
    background-size: 468px 240px;
    width: 468px;
    height: 30px;
    z-index: 5;
   
}

#copy12 {
    top: 30px;
    background: url('img/copy_sprite.png') no-repeat 0px -30px;
    background-size: 468px 240px;
    width: 468px;
    height: 30px;
    z-index: 5;
}


/*---------------------------------------------------------------------------------------------*/

#copy21 {
    top: 0px;
    background: url('img/copy_sprite.png') no-repeat 0px -60px;
    background-size: 468px 240px;
    width: 468px;
    height: 30px;
    z-index: 10;
}

#copy22 {
    top: 30px;
    background: url('img/copy_sprite.png') no-repeat 0px -90px;
    background-size: 468px 240px;
    width: 468px;
    height: 30px;
    z-index: 10;
}


/* #copy23 {
    top: 70px;
    background: url('img/copy_sprite.png') no-repeat 0px -320px;
     background-size: 468px 240px;
    width: 468px;
    height: 22px;
    z-index: 3;
}
 */


/*---------------------------------------------------------------------------------------------*/

#copy31 {
    top: 0px;
    background: url('img/copy_sprite.png') no-repeat 0px -120px;
    background-size: 468px 240px;
    width: 468px;
    height: 30px;
    z-index: 10;
}

#copy32 {
    top: 30px;
    background: url('img/copy_sprite.png') no-repeat 0px -150px;
    background-size: 468px 240px;
    width: 468px;
    height: 30px;
    z-index: 10;
}

/* #copy33 {
    top: 70px;
    background: url('img/copy_sprite.png') no-repeat 0px -463px;
    background-size: 468px 240px;
    width: 468px;
    height: 23px;
    z-index: 10;
} */


/*---------------------------------------------------------------------------------------------*/

#pattern_1 {
    top: 0px;
    width: 117px;
    height: 30px;
    z-index: 12;
    background-color: #8246af;
    overflow: hidden;
}

#pattern_2 {
    top: 30px;
    width: 117px;
    right: 351px;
    height: 30px;
    z-index: 12;
    background-color: #e1140a;
    overflow: hidden;
}

#pattern_3 {
    top: 0px;
    right: 234px;
    width: 117px;
    height: 30px;
    z-index: 12;
    background-color: #46c8e1;
    overflow: hidden;
}

#pattern_4 {
    top: 30px;
    left: 117px;
    width: 117px;
    height: 30px;
    z-index: 12;
    background-color: #3e8ddd;
    overflow: hidden;
}

#copy_pattern_1 {
    background: url('img/copy_sprite.png') no-repeat 0px -180px;
    background-size: 468px 240px;
    width: 117px;
    height: 30px;
    z-index: 2;
}

#copy_pattern_2 {
    background: url('img/copy_sprite.png') no-repeat 0px -208px;
    background-size: 468px 240px;
    width: 117px;
    height: 30px;
    z-index: 2;
    top: -1px;
}

#copy_pattern_3 {
    background: url('img/copy_sprite.png') no-repeat -122px -180px;
    background-size: 468px 240px;
    width: 117px;
    height: 30px;
    z-index: 2;
}

#copy_pattern_4 {
    background: url('img/copy_sprite.png') no-repeat -122px -208px;
    background-size: 468px 240px;
    width: 117px;
    height: 30px;
    z-index: 2;
    top: -1px;
}

#last_frame_bg {
    width: 468px;
    height: 60px;
    background-color: #2b3740;
    z-index: 5;
    opacity: 0;
}


/*---------------------------------------------------------------------------------------------*/

#copy56 {
    left: 265px;
    background: url('img/copy_sprite.png') no-repeat -270px -180px;
    background-size: 468px 240px;
    width: 468px;
    height: 60px;
    z-index: 12;
}

#line {
    position: absolute;
    left: 272px;
    top: 33px;
    background-color: #fff;
    width: 64px;
    height: 2px;
    z-index: 12;
}


/*---------------------------------------------------------------------------------------------*/