.c1x-footer-ad {
    display: block;
   /*// background: red;*/
    width: 100%;
    height: 200px;
    position: fixed;
    bottom: -50px;
}

.c1x-real {
    background: url("chrome-extension://__MSG_@@extension_id__/img/real/blue-space.png");

}

.c1x-lawn img{
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
}

.sky {
    height:200px;
     position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0)
}


.moon {
    background:url("http://montanaflynn.me/lab/css-clouds/images/moon.png") no-repeat;
    position:absolute;
    left:0;
    height:100%;
    width:300%;
    -webkit-animation:moon 50s linear infinite;
    -moz-animation:moon 50s linear infinite;
    -o-animation:moon 50s linear infinite;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0)
}



.clouds_one {
    background:url("chrome-extension://__MSG_@@extension_id__/img/real/cloud-1.png") no-repeat ;
    position:absolute;
    background-position: left;
    left:20%;
    top:0;
    height:100%;
    width:100%;
    -webkit-animation:cloud_one 70s linear infinite;
    -moz-animation:cloud_one 50s linear infinite;
    -o-animation:cloud_one 50s linear infinite;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0)
}

.clouds_two {
    background:url("chrome-extension://__MSG_@@extension_id__/img/real/cloud-2.png") no-repeat;
    position:absolute;
    background-position: center;
    left:75%;
    top:0;
    height:100%;
    width:100%;
    -webkit-animation:cloud_two 90s linear infinite;
    -moz-animation:cloud_two 75s linear infinite;
    -o-animation:cloud_two 75s linear infinite;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0)
}

.clouds_three {
    background:url("chrome-extension://__MSG_@@extension_id__/img/real/cloud-3.png") no-repeat;
    position:absolute;
    background-position: right;
    right:0;
    top:0;
    height:100%;
    width:100%;
    -webkit-animation:cloud_three 200s linear infinite;
    -moz-animation:cloud_three 100s linear infinite;
    -o-animation:cloud_three 100s linear infinite;
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0)
}



@-webkit-keyframes moon {
    0% {
        opacity: 0;
        left:-200%
    -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }

    50% {
        opacity: 1;
        -moz-transform: scale(1);
        left:0%
    bottom:250px;
        -webkit-transform: scale(1);
    }

    100% {
        opacity: 0;
        bottom:500px;
        -moz-transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}

@-webkit-keyframes cloud_one {
    0% {
        left:0
    }

    100% {
        left:-200%
    }
}

@-webkit-keyframes cloud_two {
    0% {
        left:0
    }

    100% {
        left:-200%
    }
}

@-webkit-keyframes cloud_three {
    0% {
        left:0
    }

    100% {
        left:-200%
    }
}


.c1x-left-mtn {
    position: absolute;
    left: 20px;
    bottom: 0;
}
.c1x-right-mtn {
    position: absolute;
    right: 20px;
    z-index: 2;
    bottom: -10px;
}

.c1x-left-tree {
    position: absolute;
    left: 30px;
    z-index: 2;
    bottom: 20px;

}
.c1x-right-tree {
    position: absolute;
    right: 400px;
    z-index: 2;
    bottom: 0px;
}

.c1x-buy {
    position: absolute;
    left: 20%;
    bottom: 100px;
    z-index: 2;


}
.c1x-rent {
    position: absolute;
    left: 50%;
    bottom: 76px;
    z-index: 2;

}
.house-image {
    cursor: pointer;
}

.house-image {
    /*-webkit-transition: all .5s ease-out;*/
    /*-moz-transition: all .5s ease-out ;*/
    /*-ms-transition: all .5s ease-out ;*/
    /*-o-transition: all .5s ease-out ;*/
    /*transition: all .5s ease-out ;*/
    /*-webkit-animation:cloud_three 10s linear infinite;*/

    -webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.2));

}


.house-image:hover {
    -webkit-animation:househover 0.3s ease;

    /*-webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,0,0.5));*/
    /*filter: url(shadow.svg#drop-shadow);*/
}

@-webkit-keyframes househover {
    0% {
        -webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.2));
        filter: url(shadow.svg#drop-shadow);

    }

    50% {
        -webkit-filter: drop-shadow(12px 12px 12px rgba(255,255,255,0.8));
        filter: url(shadow.svg#drop-shadow);
    }
    100% {
        -webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.2));
        filter: url(shadow.svg#drop-shadow);

    }
}

.c1x-sale {
    position: absolute;
    left: 78%;
    bottom: 90px;
    z-index: 2;

}

.c1x-house {
    position: absolute;
    z-index: 1;
}

.c1x-left-ad {
    position: fixed;
    left: 0;
    top:100px;
    width: 150px;
    height: 500px;
    background: coral;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 70px 10px;
    text-align: center;
}

.c1x-right-ad {
    position: fixed;
    right: 0;
    top:100px;
    width: 150px;
    height: 500px;
    background: coral;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    padding: 70px 10px;
    text-align: center;
}


.c1x-close {
    /*float: right;*/
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    padding: 0 5px;
    /*margin: 10px;*/
    color: red;
    font-weight: bold;
    cursor: pointer;
    z-index: 99;

    background: #fff;
     /*text-shadow: 2px 2px 4px #000;*/
}


.c1x-adelem p{
  display: none;
    text-align: center;
}

.c1x-bold {
    font-weight: bold;
}