/*Frontend Styles*/

#customcontent_home {

	margin-right: 0px;

	overflow:hidden;

}

#customcontent_home ul {

	margin: 0px;

	overflow: hidden;

}

#customcontent_home ul li > a {

	display: block;

}

#customcontent_home ul li {

	list-style: none;

	width: 229px;

	padding: 0px;

	box-sizing: border-box;

	float:left;

	/*
	width: 270px;
	
	margin:0 0px 0 30px;*/

	margin:1px 0px 0 2px;

	position:relative;

}

#customcontent_home ul li:hover .item_html span.bnt1{

	transform: rotate(360deg);

	-ms-transform: rotate(360deg); /* IE 9 */

	-webkit-transform: rotate(360deg); /* Safari and Chrome */

	-moz-transition: all 0.8s ease 0s;

	-webkit-transition: all 0.8s ease 0s;

	-o-transition: all 0.8s ease 0s;

}

#customcontent_home ul li:hover .item_html h4{

   transform: translate(0px,10px) scale(1.2);

	-ms-transform: translate(0px,10px) scale(1.2); /* IE 9 */

	-webkit-transform: translate(0px,10px) scale(1.2); /* Safari and Chrome */

	-moz-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;
	
/*   transform: translate(0px,25px) scale(1.5);

	-ms-transform: translate(0px,25px) scale(1.5); /* IE 9 */

	/*-webkit-transform: translate(0px,25px) scale(1.5);*/ /* Safari and Chrome */

	/*-moz-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;*/

}

#customcontent_home ul li:hover .item_html h3{

	opacity:0;

	-moz-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

}

#customcontent_home ul li.num-1{

	margin:0;

}



#customcontent_home ul li .item_html {

	display: block;

	position:absolute;

	z-index: 9;

	text-align: center;

	top:129px;

	left:0;

}

#customcontent_home ul li .item_html h4 {

	color: #ffffff;

	font-size: 33px;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-weight: 700;

	line-height: 33px;

	margin: 0px 0 0 0;

	-moz-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

}

#customcontent_home ul li .item_html h3 {

	font-size: 15px;

	line-height: 20px;

	color: #fff;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	font-weight: normal;

	text-transform:none;

	margin:3px 30px 10px 30px;

	-moz-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

}

#customcontent_home ul li .item_html span.bnt1 {

	width:32px;

	height:32px;

	background:url(../../themes/theme678/img/btn1.png) no-repeat 0 0;
	
	background-size:contain;

	display:block;

	/*margin:0 auto;*/
	
	margin:-33px auto 0;

	-moz-transition: all 0.4s ease 0s;

	-webkit-transition: all 0.4s ease 0s;

	-o-transition: all 0.4s ease 0s;

}

#customcontent_home ul li .item_html span:hover {

	text-decoration: none;

	color:#a9a9a9;

}

@media only screen and (min-width: 980px) and (max-width: 1199px) {

	#customcontent_home ul li {	width: 212px;}

	#customcontent_home ul li .item_html { top:100px;}

	#customcontent_home ul li .item_html h4{font-size:26px; line-height:28px;}

	#customcontent_home ul li:hover .item_html h4{

	   transform: translate(0px,25px) scale(1.5);

		-ms-transform: translate(0px,25px) scale(1.5); /* IE 9 */

		-webkit-transform: translate(0px,25px) scale(1.5); /* Safari and Chrome */

		-moz-transition: all 0.4s ease 0s;

		-webkit-transition: all 0.4s ease 0s;

		-o-transition: all 0.4s ease 0s;

	}

	#customcontent_home ul li .item_html h3 {

		font-size: 15px;

		line-height: 20px;

		color: #fff;

		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

		font-weight: normal;

		text-transform:none;

		margin:0px 10px 5px 10px;

		-moz-transition: all 0.4s ease 0s;

		-webkit-transition: all 0.4s ease 0s;

		-o-transition: all 0.4s ease 0s;

	}

	#customcontent_home ul li:hover .item_html h3{ opacity:0;}

}

@media only screen and (min-width: 768px) and (max-width: 979px) {

	#customcontent_home ul li {	width: 158px;}

	#customcontent_home ul li .item_html { top:88px; margin:0 auto; width:100%;}

	#customcontent_home ul li .item_html h4{font-size:26px; line-height:28px;}

	#customcontent_home ul li:hover .item_html h4{

	   transform: translate(0px,0px) scale(1);

		-ms-transform: translate(0px,0px) scale(1); /* IE 9 */

		-webkit-transform: translate(0px,0px) scale(1); /* Safari and Chrome */

		-moz-transition: all 0.4s ease 0s;

		-webkit-transition: all 0.4s ease 0s;

		-o-transition: all 0.4s ease 0s;

	}

	#customcontent_home ul li .item_html h3 { display:none;}

	#customcontent_home ul li .item_html span.bnt1{ display:none;}



}

#customcontent_left ul li {

	list-style: none;

}

#customcontent_right ul li {

	list-style: none;

}

#customcontent_footer ul li {

	list-style: none;

	width: 25%;

	float: left;

	padding: 0 10px;

	box-sizing: border-box;

}

/*Backend Styles*/

.customcontent_fieldset.deleteItem {

	background: #F2DEDE;

	border-color: #EED3D7;

}

.customcontent_fieldset {

	margin-bottom: 20px;

}

.customcontent_fieldset label {

	width: 120px;

}

.customcontent_fieldset .left-col {

	float: left;

	margin-right: 20px;

	width: 510px;

}

.customcontent_fieldset .field {

	margin-bottom: 6px;

}

.customcontent_fieldset .html {

	position: relative;

}

.customcontent_fieldset .html .displayed_flag {

	float: right;

}

.customcontent_fieldset .html .language_flags {

	position: absolute;

	top: 0;

	right: 20px;

}

.customcontent_fieldset .deleteItem {

	overflow: hidden;

	margin-bottom: 12px;

	padding-bottom: 6px;

	border-bottom: 1px solid #ccc;

}

.customcontent_fieldset .deleteItem input {

	float: left;

	margin-right: 6px;

}

.customcontent_fieldset .deleteItem label {

	width: auto;

	float: none;

	display: inline;

}

.submit-wrapper {

	margin: 20px 0;

}