@font-face {
  font-family: 'GESSTwoLight-Light';
  src: url('../fonts/GESSTwoLight-Light.eot?#iefix') format('embedded-opentype'), 
  		url('../fonts/GESSTwoLight-Light.otf')  format('opentype'),
	    url('../fonts/GESSTwoLight-Light.woff') format('woff'), 
	    url('../fonts/GESSTwoLight-Light.ttf')  format('truetype'), 
	    url('../fonts/GESSTwoLight-Light.svg#GESSTwoLight-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
*{
	margin: 0;
	padding: 0;
}
body, html{
	font-family: 'GESSTwoLight-Light', sans-serif;
	overflow-x: hidden;
	font-size: 14px;
	line-height: 17px;
	color: #000;
	background-color: #c7eafa;
}
h1, h2, h3, h4, h5, h6{
	margin: 0 0 10px;
	color: #333333;
}

.item{
	width: 100%;
	float: left;
	margin: 0 0 20px;
	border-radius: 12px;
	overflow: hidden;
}
.item.last{ margin: 0; }
.item .zone{
	height: 120px;
	border: 2px dashed #FFF;
}
.item h3{
	padding: 5px 10px;
	text-align: center;
	background-color: #18668a;
	margin: 0;
	color: #FFF;
	font-size: 19px;
}
.images{
	position: relative;
}
.images img{
	width: auto;
	height: 110px;
	margin: 0 auto 15px;
	clear: both;
}
.ui-draggable-dragging {
    height: 110px;
    width: auto !important;
}
/*img.ui-draggable-dragging{
	width: 100px;
	height: auto;
}*/
/*.dragg{
	position: absolute;
	left: 0;
	top: 0;
}*/

.maxWidth{
	width: 100px;
	height: auto;
}


.padding-30{
 	padding: 20px 0;
 }
 .padding-20{
 	padding: 0 0 30px;
 }


.for-desktop{ display: inline-block !important; }
.for-mobile{ display: none !important; }

@media screen and (max-width: 768px) {
	.for-mobile{ display: inline-block !important; }
	.for-desktop{ display: none !important; }
}

@media screen and (max-width: 650px) {
	.images img{
		width: auto;
		height: 70px;
	}
	.item .zone{
		height: 80px;
	}
}