/*
Copyright 2013 © Thomas Lextrait, all rights reserved
*/

/* ---------------------------------------------------------------- */
/* Backgrounds														*/
/* ---------------------------------------------------------------- */

.city1{
	background:#000 url("https://tlextrait.com/projects/droplet/images/city1.gif") no-repeat;
	background-size:100% 100%;
}

.city2{
	background:#000 url("https://tlextrait.com/projects/droplet/images/city2.gif") no-repeat;
	background-size:100% 100%;
}

.city3{
	background:#000 url("https://tlextrait.com/projects/droplet/images/city3.gif") no-repeat;
	background-size:100% 100%;
}

.city4{
	background:#000 url("https://tlextrait.com/projects/droplet/images/city4.gif") no-repeat;
	background-size:100% 100%;
}

.city5{
	background:#000 url("https://tlextrait.com/projects/droplet/images/city5.gif") no-repeat;
	background-size:100% 100%;
}

/* ---------------------------------------------------------------- */
/* Drops															*/
/* ---------------------------------------------------------------- */

.d{
	background:inherit;
	transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -webkit-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    -khtml-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    border-radius:10px;
    display:none;
    position:absolute;
    cursor:pointer;
}