/* Text color classes */
.white {
  color: #ffffff !important;
}
.grey {
  color: #eeeeee !important;
}
.black {
  color: #555555 !important;
}
.red {
  color: #f75353 !important;
}
.green {
  color: #51d466 !important;
}
.lblue {
  color: #32c8de !important;
}
.blue {
  color: #609cec !important;
}
.orange {
  color: #f78153 !important;
}
.yellow {
  color: #fcd419 !important;
}
.purple {
  color: #cb79e6 !important;
}
.rose {
  color: #ff61e7 !important;
}
.brown {
  color: #d08166 !important;
}
/* Background color classes */
.bg-white {
  background-color: #ffffff !important;
}
.bg-grey {
  background-color: #eeeeee !important;
}
.bg-black {
  background-color: #555555 !important;
}
.bg-red {
  background-color: #f75353 !important;
}
.bg-green {
  background-color: #51d466 !important;
}
.bg-lblue {
  background-color: #32c8de !important;
}
.bg-blue {
  background-color: #609cec !important;
}
.bg-orange {
  background-color: #f78153 !important;
}
.bg-yellow {
  background-color: #fcd419 !important;
}
.bg-purple {
  background-color: #cb79e6 !important;
}
.bg-rose {
  background-color: #ff61e7 !important;
}
.bg-brown {
  background-color: #d08166 !important;
}
.ui-239{
	margin: 	10px auto;
}
/* Outer */
.ui-239 .ui-outer{
	border: 1px solid #e7e7e7;
	background:#fff;
	padding: 15px;
	border-radius: 5px;
	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.07);
	float: left;
	width: 220px;
}
@media(max-width: 600px){
	.ui-239 .ui-outer{
		float: none;
		margin-bottom: 20px;
	}
}
/* Nav Tabs */
.ui-239 .ui-outer ul.ui-nav{
	padding: 0px;
	list-style-type: none;
	margin-bottom: 0px;
	overflow: auto;
	height: 220px;
}
.ui-239 .ui-outer ul.ui-nav > li{
	border-bottom: 1px solid #eee;
}
.ui-239 .ui-outer ul.ui-nav > li:last-child{
	border-bottom: 0px;
}
.ui-239 .ui-outer ul.ui-nav > li > a{
	display: block;
	width: 100%;
	padding: 6px 8px;
	font-size: 13px;
	line-height: 30px;
	color:#666;
	font-weight:600;
}
.ui-239 .ui-outer ul.ui-nav > li.active > a, .ui-239 .ui-outer ul.ui-nav > li.active > a:hover, .ui-239 .ui-outer ul.ui-nav > li > a:hover{
	background: #f4f8fd;
}
/* Image */
.ui-239 .ui-outer ul.ui-nav > li > a > img{
	width: 30px;
	display: inline-block;
	border-radius: 100%;
	margin-right: 15px;
}
/* Tab Content */
.ui-239 .tab-content{
	border: 1px solid #e7e7e7;
	padding: 15px;
	border-radius: 5px;
	background:#fff;
	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.07);
}
@media(max-width: 600px){
	.ui-239 .tab-content{
		margin-left: 0px;
	}
}
/* Table */
.ui-239 .tab-content .table{
	margin-bottom: 0px;
}
.ui-239 .tab-content .table tr > td{
	padding: 11px 13px;
}
.ui-239 .tab-content .table tr:nth-child(1) > td{
	border-top:0px;
}
.ui-239 .tab-content tr > td:nth-child(1){
	font-weight: 400;
	font-size: 13px;
	color: #888;
	width: 200px;
}
.ui-239 .tab-content tr > td:nth-child(2){
	font-weight: 600;
	color: #555;
	background: #f4f8fd;
}


/* UI - X */
.ui-280{
	margin: 10px auto;
    border: 1px solid #e7e7e7;
    padding: 15px;
    border-radius: 5px;
    background: #fff;
    box-shadow: 2px 2px 0px 1px rgba(0,0,0,0.07);
}
/* Item */
@media(max-width: 500px){
	.ui-280 .ui-item{
		margin: 10px 0px;
	}
}
/* Left Side */
.ui-280 .ui-item .ui-left{
	width: 120px;
	float: left;
	position: relative;
	top: 25px;
	left: 50px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 5px 5px;
	text-align: center;
}
@media(max-width: 500px){
	.ui-280 .ui-item .ui-left{
		float: none;
		top: 0px;
		right: 0px;
		left: 0px;
		margin: 0px auto;
	}
}
.ui-280 .ui-item .ui-left:after, 
.ui-280 .ui-item .ui-left:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
@media(max-width: 500px){
	.ui-280 .ui-item .ui-left:after, 
	.ui-280 .ui-item .ui-left:before {
		top: 100%;
		left: 50%;
	}
}
.ui-280 .ui-item .ui-left:after {
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #fff;
	border-width: 7px;
	margin-top: -7px;
}
@media(max-width: 500px){
	.ui-280 .ui-item .ui-left:after {
		border-color: rgba(255, 255, 255, 0);
		border-top-color: #fff;
		margin-left: -7px;
		margin-top: 0px;
	}
}
.ui-280 .ui-item .ui-left:before {
	border-color: rgba(221, 221, 221, 0);
	border-left-color: #ccc;
	border-width: 8px;
	margin-top: -8px;
}
@media(max-width: 500px){
	.ui-280 .ui-item .ui-left:before {
		border-color: rgba(221, 221, 221, 0);
		border-top-color: #ddd;
		margin-left: -8px;
		margin-top: 0px;
	}
}
/* Heading */
.ui-280 .ui-item .ui-left h3{
	font-size: 14px;
	line-height: 24px;
	display: inline;
}
/* Right Side */
.ui-280 .ui-item .ui-right{
	border-left: 1px solid #ccc;
	margin-left: 200px;
	padding: 15px 10px;
	position: relative;
}
@media(max-width: 500px){
	.ui-280 .ui-item .ui-right{
		border-left: 0px;
		margin-left: 0px;
		margin-top: 20px;
	}
}
/* Icon */
.ui-280 .ui-item .ui-right a.ui-icon{
	display: block;
	width: 40px;
	position: absolute;
	top: 24px;
	left: -20px;
}
@media(max-width: 500px){
	.ui-280 .ui-item .ui-right a.ui-icon{
		top: 0px;
		left: 0px;
		right: 0px;
		margin: 0px auto;
	}
}
.ui-280 .ui-item .ui-right a.ui-icon > i{
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 100%;
	color: #fff;
	font-size: 18px;
}
/* Right Content */
.ui-280 .ui-right .ui-rcontent{
	position: relative;
	margin-left: 17px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 5px 20px;
	box-shadow:2px 2px 0px 1px skyblue;
}
@media(max-width: 500px){
	.ui-280 .ui-right .ui-rcontent{
		margin-left: 0px;
		margin-top: 45px;
		text-align: center;
	}
}
.ui-280 .ui-right .ui-rcontent:after, .ui-280 .ui-right .ui-rcontent:before {
	right: 100%;
	top: 28px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
@media(max-width: 500px){
	.ui-280 .ui-right .ui-rcontent:after, .ui-280 .ui-right .ui-rcontent:before {
		bottom: 100%;
		left: 50%;
		top: 0px;
	}
}
.ui-280 .ui-right .ui-rcontent:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 8px;
	margin-top: -8px;
}
@media(max-width: 500px){
	.ui-280 .ui-right .ui-rcontent:after {
		border-color: rgba(255, 255, 255, 0);
		border-bottom-color: #fff;
		border-width: 8px;
		margin-left: -8px;
		margin-top: -16px;
	}
}
.ui-280 .ui-right .ui-rcontent:before {
	border-color: rgba(221, 221, 221, 0);
	border-right-color: #ccc;
	border-width: 9px;
	margin-top: -9px;
}
@media(max-width: 500px){
	.ui-280 .ui-right .ui-rcontent:before {
		border-color: rgba(221, 221, 221, 0);
		border-bottom-color: #ddd;
		border-width: 9px;
		margin-left: -9px;
		margin-top: -18px;
	}
}
/* Heading */
.ui-280 .ui-right .ui-rcontent h4{
	font-size: 16px;
	line-height: 30px;
	font-weight:600;
}
/* Paragraph */
.ui-280 .ui-right .ui-rcontent p{
	font-size: 13px;
	line-height: 25px;
	color: #888;
}



/* General CSS */
/* Outer Div */
.ui-37{
	margin:0px 0px;	
}

@media(max-width: 500px){
	.ui-37 .col-mob{
		width:100%;
	}
}
/* Download Button */
.ui-37  a {	
	border-radius:3px;
	color:#fff;
	width:230px;
	margin:0px auto 20px auto;
	padding:15px;
	position:relative;
	overflow:hidden;
	display:block;
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.4), 4px 4px 0px 1px rgba(0,0,0,0.06);
	-webkit-transition: background 1s;
    -moz-transition: background 1s;
    -o-transition: background 1s;
    transition: background 1s;
}
/* Transparent Image */
.ui-37 a > img{
	position: absolute;
	bottom: 33px;
	z-index: 10;
	-ms-transform: rotate(-18deg);
	-moz-transform: rotate(-18deg);  /* FF3.5/3.6 */
	-o-transform: rotate(-18deg);  /* Opera 10.5 */
	-webkit-transform: rotate(-18deg);  /* Saf3.1+ */
	transform: rotate(-18deg);
	right: 0px;
}
/* Icon */
.ui-37  a > i{
	font-size:40px;
	line-height:40px;
	float:left;
	text-align:center;
	margin:5px 0px;
	margin-left:5px;
}
/* Text */
.ui-37  a > span{
	font-size:12px;
	line-height:15px;
	text-transform:uppercase;
	margin-left:25px;
	color:rgba(255,255,255,0.7);
}
.ui-37  a > span > b{
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	margin-left:20px;
	color:#fff;
}
.ui-240{
	margin: 10px 0px;
	width: 100%;
}
/* Column Mobile */
@media(max-width: 500px){
	.ui-240 .col-mob{
		width: 100%;
	}
}
/* Item */
.ui-240 .ui-item{
	max-width: 320px;
	margin: 20px auto;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
	background:#fff;
	box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.07);
}
/* Heading */
.ui-240 .ui-item h3{
	color: #fff;
	margin:0px;
	font-size: 15px;
	line-height: 25px;
	padding: 8px 15px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.ui-240 .ui-item h3 > a{
	color: #fff;
}
/* Nav Tabs */
.ui-240 .ui-item .ui-nav{
	padding: 10px 8px 15px;
}
/* Unordered Listing */
.ui-240 .ui-item ul{
	padding: 0px;
	list-style-type: none;
}
.ui-240 .ui-item ul > li{
	float: left;
	border: 1px solid #e7e7e7;
	background:#fcfcfc;
	margin: 4px;
	border-radius: 25px;
}
.ui-240 .ui-item ul > li > a{
	display: block;
	width: 100%;
	padding: 0px 8px;
	font-size: 12px;
	line-height: 22px;
	color:#777;
}
/* Tab Content */
.ui-240 .ui-item .tab-content{
	margin: 0px 4px;
}
/* Heading */
.ui-240 .ui-item .tab-content h2{
	margin: 8px 0px;
	font-size: 40px;
	line-height: 40px;
	font-weight: 300;
}
.ui-240 .ui-item .tab-content h2 > a > span{
	float:right;
	font-size: 13px;
	line-height: 23px;
	border-radius: 25px;
	color: #fff;
	text-align: center;
	padding: 5px 12px;
	margin: 5px 0px;
	font-weight: 600;
}
/* Small Heading */
.ui-240 .ui-item .tab-content h4{
	font-size: 14px;
	line-height: 24px;
	margin: 4px 0px 0px 0px;
	color: #777;
}
.ui-240 .ui-item .tab-content h4 > span{
	margin-right: 8px;
}
/* UI X */
.ui-30{
	max-width:800px;
	margin:50px auto;
	text-align:center;
	padding:0px 10px;
}
/* Table */
.ui-30 table,
.ui-30 table.table{
	margin:0px;
	font-weight:600;
	background:#f1fbfc;
	border:0px;
	color:#777;
}
.ui-30 .table td{
	border:0px;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.ui-30 .table td:hover{
	background:#32c8de !important;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
	color:#fff !important;
}	
.ui-30 .table td:first-child:hover{
	background:transparent !important;
	color:#777 !important;
}
.ui-30 .table td:nth-child(2):hover{
	background:transparent !important;
	color:#777 !important;
}
.ui-30 .table>thead>tr>th, 
.ui-30 .table>tbody>tr>th, 
.ui-30 .table>tfoot>tr>th, 
.ui-30 .table>thead>tr>td, 
.ui-30 .table>tbody>tr>td, 
.ui-30 .table>tfoot>tr>td {
	padding: 16px 10px;
	border: 1px solid #32c8de;
}
.ui-30 .table-responsive{
	border:0px;
}
.ui-30 .table tr th{
	text-align:center;
	text-transform:uppercase;
	background:#32c8de;
	color:#fff;
	border:0px;
	border-bottom:1px solid #2fb3c4;
}
.ui-30 .table tr th:nth-child(2),
.ui-30 .table tr td:nth-child(2){
	text-align:left;
}
.ui-30 .table tr th:nth-child(1),
.ui-30 .table tr td:nth-child(1){
	padding-left:12px;
	padding-right:12px;
}
.ui-30 .table tr th:first-child{
	border-top-left-radius:5px;
}
.ui-30 .table tr th:last-child{
	border-top-right-radius:5px;
}
.ui-30 .table tr:last-child td:first-child{
	border-bottom-left-radius:5px;
}
.ui-30 .table tr:last-child td:last-child{
	border-bottom-right-radius:5px;
}
.ui-30 .table tr td.co-1{
	background:#4bcee1;
	color:#fff;
}
.ui-30 .table tr td.co-2{
	background:#61d6e7;
	color:#fff;
}
.ui-30 .table tr td.co-3{
	background:#79dceb;
	color:#fff;
}
.ui-30 .table tr td.co-4{
	background:#8ee1ed;
	color:#2fb3c4;
}
.ui-30 .table tr td.co-5{
	background:#aae6ef;
	color:#2fb3c4;
}
.ui-30 .table tr td.co-6{
	background:#c6eef4;
	color:#2fb3c4;
}
.ui-12 .ui-head{
	width: 320px;
	height: 40px;
	position: relative;
	top: 21px;
	left:22px;
	cursor:pointer;
	box-shadow:2px 2px 0px 2px rgba(0,0,0,0.1);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.status-badge {
	-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border: 1px solid #4c4c4c;
float:right;
margin-top: 5px;
margin-right: 5px;
box-shadow: 0 0 20px #4c4c4c;
}
.btn-blink {
	    -webkit-border-radius: 60px;
        border: none;
        cursor: pointer;
        display: inline-block;
        
        text-align: center;
        text-decoration: none;
		animation: glowing 1300ms infinite;
}
 @keyframes glowing {
        0% {
          background-color: #2ba805;
          box-shadow: 0 0 3px #2ba805;
        }
        50% {
          background-color: #49e819;
          box-shadow: 0 0 10px #49e819;
        }
        100% {
          background-color: #2ba805;
          box-shadow: 0 0 3px #2ba805;
        }
      }
/* 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{
	border-width:2px;
	background:#fff;
	box-shadow:4px 4px 0px 2px rgba(0,0,0,0.05);
	box-shadow: 0 0 20px #4c4c4c;
}
/* Icon */
.ui-12 .ui-body h3{
	font-size:14px;
	line-height:28px;
	margin-top:5px;
	text-transform:uppercase;
}
.ui-12  .ui-feature{
	padding: 25px;

}
.ui-12 .actionButtonsBlock {
	width: 100%;
	display: inline-block;
    background: aliceblue;
    display: inline-block;
    padding: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.ui-12  .ui-feature ul{
	margin-bottom:0px;
}
.ui-12 .ui-feature ul li{
	padding: 5px;
    display: inline-block;
    border-radius: 5px;
}
.ui-12 .ui-feature ul li h5{
	display: inline-block;
}
.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;
	}
}


.ui-303 .o-timeline{
	border-left:1px solid #e7e7e7;
	margin-left:70px;
	padding:10px 0px;
}
.ui-303 .timeline-item{
	position:relative;
	margin:40px 0px;
}
.ui-303 .timeline-circle{
	width:120px;
	height:120px;
	text-align:center;
	line-height:32px;
	font-size:16px;
	text-transform:uppercase;
	border-radius:100%;
	position:absolute;
	left:-70px;
	top:-15px;
	color:#fff;
	padding-top:25px;
box-shadow:3px 3px 0px 1px rgba(0,0,0,0.06);
}
.ui-303 .timeline-circle span{
	display:block;
	font-size:24px;
	border-bottom: 1px dotted #fff; 
}
.ui-303 .timeline-content{
	margin-left:65px;
	position:relative;
	background:#fff;
	border:1px solid #e8e8e8;
	border-radius:5px;
	padding:5px 10px;
	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.06);
}
.ui-303 .timeline-content:after, 
.ui-303 .timeline-content:before {
	right: 100%;
	top: 35%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.ui-303 .timeline-content:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 13px;
	margin-top: -20px;
}
.ui-303 .timeline-content:before {
	border-color: rgba(238, 238, 238, 0);
	border-right-color: #e4e4e4;
	border-width: 14px;
	margin-top: -21px;
}
.ui-303 .timeline-content p{
	font-size:14px;
	color:#888;
}
@media (max-width:900px){
	.ui-303 .timeline-circle{
		width:90px;
		height:90px;
		font-size:13px;
		left:-15px;
		padding-top:15px;
		line-height:25px;
		top:-25px;
	}
	.ui-303 .timeline-circle span{
		font-size:16px;
	}
	.ui-303 .timeline-content{
		margin-left:90px;
	}
	.ui-303 .timeline-content:after, 
	.ui-303 .timeline-content:before {
		top: 15%;
	}
	.ui-303 .timeline-content p{
		font-size:13px;
	}
}
@media (max-width:500px){
	.ui-303 .o-timeline{
		margin-left:0px;
		border:0px;
	}
	.ui-303 .timeline-content{
		padding:0px 10px;
		margin-left:90px;
	}
	.ui-303 .timeline-content:after, 
	.ui-303 .timeline-content:before {
		
	}
}

/* Ui X */
.ui-22{
	margin:20px auto;
	padding:0px 20px;
}
@media (max-width:767px){
	.ui-22{
		max-width:400px;
		margin:0 auto;
		padding:0;
	}
}
/* UI Item */
.ui-22 .ui-item{
	padding:20px;
	margin-top:20px;
}
/* Heading */
.ui-22 .ui-item h2{
	color:rgba(0,0,0,0.3);
	font-size:15px;
	line-height:25px;
	text-transform:uppercase;
}
/* Item Inner */
.ui-22 .ui-item-inner{
	margin-top:30px;
}
.ui-22 .ui-item-inner h3{
	float:left;
	font-size:30px;
	color:#fff;
	font-weight:300;
}
/* Icon */
.ui-22 .ui-item-inner i{
	font-size: 20px;
	height: 30px;
	width: 30px;
	color:#fff;
	border-radius: 100%;
	background: rgba(0,0,0,0.2);
	line-height: 30px;
	text-align: center;
	float:right;
	cursor:pointer;
	margin-top:7px;
	margin-right: 15px;
}
/* UI Content */
.ui-22 .ui-content{
	padding:10px 20px;
	margin-bottom:20px;
	background:#fff;
	border:1px solid #ddd;
	border-top:0px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	display:none;
	position:absolute;
	z-index:4000;
	width:90%;
	left:5%;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
/* Heading */
.ui-22 .ui-content h4{
	font-size: 20px;
    text-transform: uppercase;
    line-height: 24px;
    text-decoration: underline;

}
.ui-22 .ui-content ul li{
	position:relative;
	padding:4px 0px;
	font-weight:600;
	width:100%;
}
.ui-22 .ui-content ul li span{
	position:absolute;
	right:0px;
	color:#999;
}
.ui-22 .ui-content ul li span i{
	margin-left:3px;
	font-size:15px;
}

/* UI - X */
.ui-165{
	margin:0 auto;
	
}
/* Column Mobile */
@media(max-width: 500px){
	.ui-165 .col-mob{
		width:100%;
	}
}
/* UI - Item */
.ui-165 .ui-item{
	max-width:265x;
	margin:20px auto 0 auto;
	border:2px solid rgba(0,0,0,0.05);
	text-align:center;
	padding:30px 0px;
	position:relative;
	overflow:hidden;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
/* Icon */
.ui-165 .ui-item img{
	width:300px;
	margin:0px auto 0px;	
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;	
}
/* Heading */
.ui-165 .ui-item h3{
	line-height: 33px;
    padding:5px 15px;
	font-size: 25px;
	text-transform:uppercase;
	font-weight:400;
-webkit-border-top-right-radius: 30px;
-webkit-border-bottom-right-radius: 30px;
-moz-border-radius-topright: 30px;
-moz-border-radius-bottomright: 30px;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.ui-165 .ui-item h3 a{
	color:#fff;
}
/* Hover */
.ui-165 .ui-item .ui-hover{
	width:30px;
	height:30px;
	background:#fff;
	position:absolute;
	top:0px;
	border-bottom-right-radius:100%;	
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	box-shadow:0px 0px 25px rgba(0,0,0,0.2);
}
.ui-165 .ui-item:hover .ui-hover{
	width: 100%;
	height: 75%;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
/* Hover Content */
.ui-165 .ui-item .ui-hover .ui-hcontent{
	text-align:left;
	padding:15px 15px;
	width:85%;
	height:100%;
	position:absolute;
	top:0px;
	opacity:0;
	background:transparent;
}
.ui-165 .ui-item:hover .ui-hover .ui-hcontent{
	opacity:1;
    -webkit-transition: all 1s ease-in 0.1s;
    -moz-transition: all 1s ease-in 0.1s;
    -o-transition: all 1s ease-in 0.1s;
    transition: all 1s ease-in 0.1s;
}
/* Heading */	
.ui-165 .ui-item .ui-hover .ui-hcontent h4{
	font-size: 20px;
    text-transform: uppercase;
    line-height: 24px;
    text-decoration: underline;
}	
/* Paragraph */
.ui-165 .ui-item .ui-hover .ui-hcontent p{
	font-size:12px;
	line-height:28px;
	color:#aaa;
}
.width-100 .loadComponent {
	width: 100%;
}
.loadComponent .nav-tabs .nav-link{
	font-size: 1em!important;
}

/* UI - X */
.ui-52{
	margin:5px auto;
	max-width:750px;
}
@media(max-width: 800px){
	.ui-52{
		margin:5px 10px;
	}
}
/* Column Padding */
.ui-52 .col-pad{
	padding-left:0px;
	padding-right:0px;
}
@media(max-width: 670px){
	.ui-52 .col-mob{
		width:50%;
	}
}
@media(max-width: 357px){
	.ui-52 .col-mob{
		width:100%;
	}
}
/* Info */
.ui-52 .ui-info{
	position:relative;
	border-radius:4px;
	padding:20px 0px 0px;
	background:#fff;
	border:1px solid #e7e7e7;
	box-shadow:3px 3px 0px 1px rgba(0,0,0,0.05);
}
/* Image */
.ui-52 .ui-info img{
	width:200px;
	height:200px;
	border-radius:100%;
	border:1px solid #eee;
	padding:3px;
	margin-left: 23px;
	float:left;
	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.05);
	margin-bottom: 15px;
}
@media(max-width: 525px){
	.ui-52 .ui-info img{
		float:none;
		margin:0px auto;
	}
}
@media(max-width: 350px){
	.ui-52 .ui-info img{
		margin-top: 10px;
	}
}
/* Details */
.ui-52 .ui-info .ui-details{
	margin-left:190px;
}
@media(max-width: 525px){
	.ui-52 .ui-info .ui-details{
		margin-left:0px;
	}
}
@media(max-width: 357px){
	.ui-52 .ui-info .ui-details{
		margin-left:0px;
		text-align:center;
	}
}
/* Item */
.ui-52 .ui-details .ui-item{
	padding:7px 10px;
	max-width:286px;
	margin:0px auto 10px;
}
@media(max-width: 525px){
	.ui-52 .ui-details .ui-item{
		text-align:center;
	}
}
/* Heading */
.ui-52 .ui-details .ui-item h4{
	font-size:12px;
	line-height:22px;
	color:#bbb;
	text-transform:uppercase;
	font-weight:600;
}
/* Content */
.ui-52 .ui-details .ui-item h5{
	font-size:13px;
	line-height:23px;
	color:#777;
	font-weight:600;
}
/* Social */
.ui-52 .ui-info .ui-social{
	position:absolute;
	top: -15px;
	right: 15px;
}
@media(max-width: 525px){
	.ui-52 .ui-info .ui-social{
		text-align:center;
		right:0px;
		width:100%;
	}
}
/* Icon */
.ui-52 .ui-info .ui-social a > i{
	width:33px;
	height:33px;
	line-height:33px;
	color:#fff;
	text-align:center;
	margin-right:2px;
	border-radius:50px;
}



/* UI X */
.ui-322{
	max-width:1150px;
	margin:10px auto;
	padding:0px 20px;
}
.ui-322 .item {
	position: relative;
	max-width: 360px;
	margin: 15px auto;
	padding: 5px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	border:2px solid #eee;
}
.ui-322 .item:hover{	
	cursor: pointer;	
	transform: scale(1.1);	
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.ui-322 .item img {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 3px;
}
.ui-322 .item  .item-dtls h4 {
	margin-top: 13px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.ui-322 .item  .item-dtls .price {
	display: block;
	margin-bottom: 13px;
	font-size: 25px;
}
.ui-322 .item  .ecom {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding-bottom:10px;
	padding-top: 10px;
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	-ms-transition: all 0.35s ease-in;
	-o-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
}
.ui-322 .item:hover  .ecom { 
	margin-top: -50px; 
}
.ui-322 .item  .ecom  a.btn{
	border:1px solid #fff;
	color:#fff;
	background:transparent;
	-webkit-transition: all 0.35s ease-in;
	-moz-transition: all 0.35s ease-in;
	-ms-transition: all 0.35s ease-in;
	-o-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
}
.ui-322 .item  .ecom  a.btn:hover{
	background:#fff;
	color:#777;
}