/*.images11 a { color: #fff;padding: 8px 15px; }
.images11 a:hover { color: #fff;text-decoration: none;margin-top: 15px; }*/
.images11 { position: relative;margin-bottom: 20px;
	overflow: hidden; }
.images11 img { 
	width: 100%;
	transition: transform 2s; 
}
.images11 .for_hover {
	position: absolute;
	transition: all 0.4s;
	display: block;
	margin-top: -170px;
	margin-left: 100px;
}
.for_product p {
	text-align: center!important;
}
.feat img {
	width: 60px;
	height: 60px;
}
.images11:hover .for_hover {
	display: none;
}
.btn-warning {
	background-color: #ff8d12!important;
	border: 1px solid #ff8d12!important;
	color: #fff!important;
}
/*.mask { position: absolute;width: 100%;height: 100%;top: 0; }
.mask, .mask a, .mask p, .mask h4 {
	transition: all 0.4s;
}
.mask a, .mask p, .mask h4 {
	position: relative;
}
.mask h4 {
	padding: 10px 0;
	color: #fff;
}
.mask p {
	color: #fff;
	padding: 0 20px;
}*/

/*.effect1 .mask {
	background-color: #f1c40f;
	left: -400px;
}
.effect1:hover .mask {
	left: 0;
}
.effect1 img { right: 0; }
.effect1:hover img {
	right: 300px;
}
.effect1 h4{
	background-color: #e0b210;
}


.effect2 .mask {
	background-color: rgba(142,68,173,0.3);
	opacity: 0;
	visibility: hidden;
}
.effect2:hover .mask {
	opacity: 1;
	visibility: visible;
}
.effect2 h4 {
	background-color: rgba(155,89,182,0.5);
	top: -20px;
	opacity: 0;
	visibility: hidden;
}
.effect2:hover h4 {
	top: 0px;
	opacity: 1;
	visibility: visible;
}
.effect2 p {
	top: 50px;
	opacity: 0;
	visibility: hidden;
}
.effect2:hover p {
	top: 0;
	opacity: 1;
	visibility: visible;
}
.effect2 img {
	transform: scale(1);
}
.effect2:hover img {
	transform: scale(1.2);
}


.effect3 .mask {
	background-color: rgba(52,152,219,0.55);
	left: -300px;
	opacity: 0;
	visibility: hidden;
}
.effect3:hover .mask {
	left: 0;
	opacity: 1;
	visibility: visible;
}
.effect3 h4 {
	background-color: rgba(41,128,185,0.68);
	transform: scale(0);
}
.effect3:hover h4 {
	transform: scale(1);
	transition-delay: 0.2s;
}
.effect3 p {
	transform: scale(0);
}
.effect3:hover p {
	transform: scale(1);
	transition-delay: 0.4s;
}
.effect3 a {
	transform: scale(0);
	transition-delay: 0.6s;
}
.effect3:hover a {
	top: 15px;
	transform: scale(1);
	transition-delay: 0.6s;
}
.effect3 img {
	transform: scale(1);
}
.effect3:hover img {
	transform: scale(1.2);
}


.effect4 .mask {
	background-color: rgba(26,188,156,0.58);
	transform: rotate(45deg);
	left: 300px;
	opacity: 0;
	visibility: hidden;
}
.effect4:hover .mask {
	transform: rotate(0);
	left: 0;
	opacity: 1;
	visibility: visible;
}
.effect4 h4 {
	background-color: rgba(22,160,133,0.75);
	top: -50px;
	opacity: 0;
	visibility: hidden;
}
.effect4:hover h4 {
	top: 0px;
	opacity: 1;
	visibility: visible;
	transition-delay: 0.7s;
}
.effect4 p {
	left: 0;
	transform: rotate(45deg);
	opacity: 0;
	visibility: hidden;
}
.effect4:hover p {
	left: 0;
	opacity: 1;
	visibility: visible;
	transform: rotate(0deg);
	transition-delay: 0.6s;
}
.effect4 a {
	top: -100px;
	opacity: 0;
	visibility: hidden;
}
.effect4:hover a {
	top: 15px;
	opacity: 1;
	visibility: visible;
	transition-delay: 0.3s;
}*/

.feat {
	padding-bottom: 20px;
	text-align: center;
}
.for-align {
	width: 90%;
	margin-left: 5%;
}

.effect3 .box {
	position: relative;
	/*width: 300px;*/
	height: 350px;
	/*background: #ff0;*/
	margin: 5px;
	box-sizing: border-box;
	display: 
}
.effect3 .box .images11 {
	/*width: 300px;*/
	height: 250px;
}

.effect3 .box .images11 img {
	width: 100%;
	height: 100%;
}

.effect3 .box:hover .images11 img {
	transform: scale(1.2);
}
.effect3 .box .details {
	position: absolute;
	top: 10px;
	left: 10px;
	bottom: 110px;
	right: 10px;
	background: rgba(0,0,0,.8);
	transform: scaleY(0);
	transition: transform .5s;
}
.effect3 .box:hover .details {
	transform: scaleY(1);
}
.effect3 .box .details .content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	/*text-align: center;*/
	padding: 15px;
	color: #fff;
}
.effect3 .box .details .content h4 {
	text-align: center;
}
.effect3 .box .details .content h2 {
	margin: 0;
	padding: 0;
	font-size: 20px;
	color: #ff0;
}
.effect3 .box .details .content h4 {
	padding: 0 0 10px 0;
}/*
.effect3 .box .details .content ul li span img {
	width: 15px;
	height: 13px;
}*/
.effect3 .box .details .content ul li {
	list-style-type: circle;
	line-height: 1.5em;
	margin-left: 6px;
}
.box .cont p a {
	color: #ff8d12;
	font-weight: bold;
}
.box .cont p a:hover {
	text-decoration: underline;
}
.sof-name {
	color: #048627;
	/*color: #fb503b;*/
	font-family: 'Courgette', cursive;
}
.effect3 {
	padding-bottom: 13px;
}
.admin-logo {
	width: 100%;
}
.admin-logo img {
	width: 70%;
	/*height: 25%;*/
	margin-left: 14%;
	overflow: hidden;/*
	border-radius: 50%;*/
}