/************************
Designed by : http://responsivewebinc.com
************************/


/* Text color classes */
.blue {
  color: #0782c5 !important;
}

/* Background color classes */

.bg-blue {
  background-color: #0782c5 !important;
}
.br-blue {
  border: 1px solid #cecece;
}

/* UI X */

.ui-12 .ui-content{
	max-width:600px;
	margin:20px auto;
}
/* UI head */
.ui-12 .ui-head{
	width: 200px;
	height: 40px;
	position: relative;
	top: 21px;
	left:22px;
	box-shadow:2px 2px 0px 2px rgba(0,0,0,0.1);
  border-radius: 4px;  
}
/* Heading */
.ui-12 .ui-head h2{
	font-size:15px;
	line-height: 40px;
	margin-left:14px;
	color:#fff;
	text-transform:uppercase;
}
/* UI Body */
.ui-12 .ui-body{
	padding:25px;
  padding-top: 30px;
	border-width:2px;
	background:#fff;
	box-shadow:4px 4px 0px 2px rgba(0,0,0,0.05);
  border-radius: 4px;
}
/* Icon */
.ui-12 .ui-body h3{
	font-size:14px;
	line-height:28px;
	margin-top:5px;
	text-transform:uppercase;
}
.ui-12  .ui-feature ul{
	margin-bottom:15px;
}
.ui-12 .ui-feature ul li{
	padding:4px 0px;
}
.ui-12  .ui-feature ul > li:before{
	content: "\f101";
	font-family: FontAwesome;
	color:#ccc;
	font-size:14px;
}
/* Ui description */
.ui-12 .ui-description{
	background:#f7f7f7;
	padding:10px 15px;
	box-shadow:4px 4px 0px 2px rgba(0,0,0,0.05);	
}
@media(max-width:767px){
	.ui-12 .ui-description{
		margin-top:20px;
	}
}