/*
 * Easy FrontEnd Builder
 * all rights reserved 2015
 */

*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
	        box-sizing: border-box !important;
 -webkit-backface-visibility: hidden;
}
/*.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}*/



/* page setup */
.wrapper{
	width:100%;
	margin: 30px auto;
}
section.row{
	margin:0 0 30px 0;
}
.row{
	width: 100%;
	display: block;
	clear: both;
}

/* Actual content */
.container-item{
	/*position: relative;
	margin-top:40px;
	float:left;
	margin-right:20px;*/
	position: relative;
	width:100%;
}
.row-item{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 5;
	padding:10px;
	float:left;
	}
.row-item:hover{border:1px solid #DFDFDF}

.mvb-column-item{
	display: inline-block;
	position:relative;
	height: 100%;
	-webkit-transition: background-color 0.3s ease-in-out;
	   -moz-transition: background-color 0.3s ease-in-out;
	    -ms-transition: background-color 0.3s ease-in-out;
	     -o-transition: background-color 0.3s ease-in-out;
	        transition: background-color 0.3s ease-in-out;
}
.row-item:hover .mvb-column-item{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	border:1px dashed #E1E1E1
}

.row-content{
	position: absolute;
	width:100%;
	bottom: 15px;
	-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	     -o-transform: translateY(100%);
	        transform: translateY(100%);
	
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
			opacity:0;
			left:0
	
}
.row-item:hover .row-content{
	-webkit-transform: translateY(50px);
	   -moz-transform: translateY(50px);
	    -ms-transform: translateY(50px);
	     -o-transform: translateY(50px);
	        transform: translateY(50px);
	    
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
			opacity:1
}

.row-item:hover .row-add-content{
	opacity:1
}
.column-add-content-inner{
}
.item-top-content{
	position: relative;
}
.item-top-content-inner{
	position: absolute;
	bottom: 0;
	padding:5px 10px;
	background: #999;
	width:100%;
}
.row-add-content{
	padding:0 5px 5px 5px;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.row-item:hover .row-add-content{
	opacity:1
}
.column-add-content-inner{
}



/* Buttons */
.item-control .item-button{
	width:auto !important;
	display:inline-block;
	border:none
}
.item-button.plus{
	background-color:#40c781;
}
.item-button.trash{
	background-color:#40c781;
}
.item-button.arrow{
	background-color:#40c781;
}
.item-button.copy{
	background-color:#40c781;
}
.item-button.plus i, .item-button.trash i, .item-button.arrow i, .item-button.copy i{ text-align:center; padding:8px; border:none; font-size:14px; color:#666}
.item-button.plus:hover, .item-button.trash:hover, .item-button.arrw:hover, .item-button.copy:hover{
	background-color:#34a46c;
	color:#F3F3F3;
	}
.item:hover .item-control{
	opacity:1;
	z-index:6;
	
}
.item-control-h{ display:block}
.item-control{
	 background-color: #40c781;
    left: 50%;
    opacity: 0;
    position: absolute;
    top: 50%;
	opacity:0;
	transform: translate(-50%, -50%);
	white-space:nowrap;
	}


.btn.set{
	background-color: #40c781;
	text-align:center;
	line-height:20px;
	font-weight:700;
	color:#fff;
	border-radius:3px;
	text-decoration:none;
	opacity:1;
	border:0px solid #35a76e;
	border-bottom-width:2px;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
			display:inline-block;
			padding:3px 8px;
}
.btn.set:hover{
	background-color:#34a46c;
}
.expand{
	display:block;
	overflow:hidden
}





.row-content{
	
}
.row-add-content{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color:#7d7d7d;
}
.row-add-content .section{
	margin-bottom:10px;
	text-align:center
}
.row-add-content .section:last-of-type{
	margin-bottom:0;
}
.row-add-content h4{
	font-weight:600;
	color:#222;
	font-size:0.8em;
}
.row-add-content p{
	font-size:0.8em;
}
.item{
	width:100%;
	height:100%;
	position: relative;
	z-index:5;
}

.item-overlay{
	position:relative;
	width: 100%;
	height: 100%;
	-webkit-transition: background-color 0.3s ease-in-out;
	-moz-transition: background-color 0.3s ease-in-out;
	-ms-transition: background-color 0.3s ease-in-out;
	-o-transition: background-color 0.3s ease-in-out;
	transition: background-color 0.3s ease-in-out;
			
}
.item:hover .item-overlay{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	
			
	
}
.column-content{
	position: absolute;
	width:100%;
	top: 0;
	/*-webkit-transform: translateY(100%);
	   -moz-transform: translateY(100%);
	    -ms-transform: translateY(100%);
	     -o-transform: translateY(100%);
	        transform: translateY(100%);*/
	
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
			opacity:0;
			left:0;
			z-index:10
			}
.mvb-column-item:hover .column-content{
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
			opacity:1
}
.column-top-content{
	position: relative;
}
.column-top-content-inner{
	position: absolute;
	bottom: 0;
	padding:5px 10px;
	background: #999;
	width:100%;
}

.column-add-content{
	padding:0 5px 5px 5px;
	opacity:0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	    -ms-transition: all 0.3s ease-in-out;
	     -o-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
}
.mvb-column-item:hover .column-add-content{
	opacity:1
}
.column-add-content-inner{
}
.column-top-content{
	position: relative;
}
.column-top-content-inner{
	position: absolute;
	bottom: 0;
	padding:5px 10px;
	background: #999;
	width:100%;
}

.column-add-content-inner{
}
.column-add-content{
	font-family: 'Lato', sans-serif;
	font-weight:400;
	color:#7d7d7d;
}
.column-add-content .section{
	margin-bottom:10px;
	text-align:center
}
.mvb_column_edit{ position:absolute; left:0; top:0}
.column_delet{ position:absolute; left:-30px; top:52%}
.column_move{ position:absolute; right:-30px; top:17%}
.mvb_column_conf{ position:absolute; right:0; top:0;}

.ui-state-highlight { height: 3em; line-height: 1.2em; background-color: #FAFAB1;}

.row-item a{ z-index:99999 !important;
    
}