@import url("plugins.css");
.icon-circle {
  border-radius: 50%;
}
.icon-wrap {
  display: inline-block;
  padding: 10px;
  border-radius: 2px;
}
.icon-wrap-md {
  padding: 17px;
}
ins {
  background-color: #c6ffc6;
  text-decoration: none;
}
del {
  background-color: #ffc6c6;
}
.morris-full-content {
  height: 170px;
  margin: 0 -25px -30px;
  overflow: hidden;
}
@media (min-width: 768px) {
  .morris-full-content {
    height: 235px;
  }
}
.morris-donut {
  display: inline-block;
  text-align: center;
  max-width: 200px;
  max-height: 200px;
}
.morris-donut text {
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 300 !important;
}
.flot-full-content {
  min-height: 212px;
  margin: -8px;
  bottom: -8px;
}
.pie-title-center {
  display: inline-block;
  position: relative;
  text-align: center;
}
.pie-value {
  display: block;
  position: absolute;
  font-size: 14px;
  height: 40px;
  top: 50%;
  left: 0;
  right: 0;
  margin-top: -20px;
  line-height: 40px;
}
.range-vertical {
  height: 135px;
}
.ui-item{
	border:1px solid #e7e7e7;
	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.05);
	border-radius:3px;
	margin:20px auto;
	max-width:300px;
	background:#fff;
}
.ui-61 .ui-top{
	padding:15px 10px;
	text-align:center;
}
.ui-61 .ui-top h4{
	font-size:12px;
	line-height:24px;
	text-transform:uppercase;
}
.ui-61 .ui-top h2{
	font-size:40px;
	line-height:50px;
	font-weight:300;
}
.ui-61 .ui-bottom{
	background:#fcfcfc;
	border-top:1px solid #eee;
	padding:10px;
	text-align:center;
}
.ui-61 .list .l-item{
	display:inline-block;
	width:28px;
	margin:0px 3px;
}
@media(max-width: 350px){
	.ui-61 .list .l-item{
		width:20px;
	}
}
.ui-61 .list .l-item h6{
	font-size:10px;
	line-height:20px;
	font-weight:400;
	text-transform:uppercase;
	color:#aaa;
}
.ui-61 .list .graph{
	width:15px;
	margin:5px auto;
	height:50px;
	box-shadow:inset 0px 0px 1px 1px rgba(0,0,0,0.1);
	position:relative;
}
.ui-61 .list .in-graph{
	position:absolute;
	bottom:0px;
	width:100%;
}
.db-item{
	max-width: 300px;
	height: 250px;
	margin: 10px auto 15px;
	padding: 15px;
	text-align: center;
	background: #fff;
}
/* Item One */
.item-one .db-details{
	margin:5px 10px 0px 10px;
}
.item-one .db-details ul > li{
	padding:5px 0px;
}
.item-one .db-details ul > li > b{
	float:right;
}
.item-two  .db-details{
	margin:32px 0px;
	font-size:34px;
	font-weight:400;
}
.item-two .db-details i{
	font-size:24px;	
}

/* Item Three */
.db-item.item-three .db-social{
	padding:0px 5px;
}
.db-item.item-three .db-social ul > li{
	padding:5px 0px;
}
.db-item.item-three .db-social ul > li > a{
	display:inline-block;
	width:35px;
	height:35px;
	text-align:center;
	line-height:35px;
	border-radius:100%;
	color:#fff;
	margin-right:5px;
}
.db-item.item-three .db-social ul > li > b{
	float:right;
	margin-top:3px;
}
.db-item.item-four h3{
	font-size:35px;
	line-height:45px;
	font-weight:400;
	color:#888;
}
.db-item.item-four i.arrow{
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:100%;
	color:#fff;
	font-size:30px;
	margin:14px 0px;
}
.db-item.item-four .db-details{
	padding:0px 5px;
}
.db-item.item-four .db-details ul > li{
	padding:3px 0px;
}
.db-item.item-four .db-details ul > li > i{
	font-size:16px;
	font-weight:600;
}
.db-item.item-four .db-details ul > li > i.circle{
	font-size:8px;
	position:relative;
	top:-2px;
}
.db-item.item-four .db-details ul > li > b{
	float:right;
}

/* Item Five */
.db-item.item-five h4{
	text-align:center;
}
.db-item.item-five{
	text-align:left;
	font-weight:600;
}
.db-item.item-five .progress{
	margin:5px 0px 12px 0px;
	height:6px;
}


/* Item Six */
.db-item.item-six .db-details ul > li{
	padding:2px 3px;
	color:#888;
}
.db-item.item-six .db-details ul > li > b{
	float:right;
	color:#444;
}
/* Item Seven */
.db-item.item-seven h3{
	font-size:38px;
	line-height:48px;
	font-weight:400;
	margin-bottom:15px;
}
.db-item.item-seven h4{
	margin-top:27px;
}
/* Item eight */ 
.db-item.item-eight ul > li{
	padding:6px 0px;
	font-weight:600;
}
.db-item.item-eight ul > li > i{
	font-size:15px;
	color:#bbb;
	font-weight:normal;
}
.db-item.item-eight ul > li > a.btn{
	float:right;
}
/* Item Nine */
.db-item.item-nine{
	padding:0px;
	border-top:0px;
}
.db-item.item-nine .db-chart{
	height:160px;
	padding:15px 10px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.db-item.item-nine .db-chart h4{
	color:#fff;
}
.db-item.item-nine .db-details{
	height:90px;
}
.db-item.item-nine .db-details h3{
	font-size:25px;
	line-height:35px;
	font-weight:400;
	margin-top:5px;
}
.db-item.item-nine .db-details .db-content-one{
	float:left;
	width:50%;
	height:100%;
	padding:10px;
	border-right:1px solid #e7e7e7;
}
.db-item.item-nine .db-details .db-content-two{
	margin-left:50%;
	height:100%;
	padding:10px;
}
/* Item Ten */
.db-item.item-ten .db-chart{
}
.db-item.item-ten .db-details .db-content-one{
	width:50%;
	float:left;
}
.db-item.item-ten .db-details .db-content-two{
	margin-left:50%;
}
.db-item.item-ten .db-details h3{
	font-size:22px;
	line-height:32px;
}
.db-item.item-ten .db-details h3 > i{
	font-size:18px;
}
/* Item Eleven */
.db-item.item-eleven h3{
	font-size:50px;
	line-height:60px;
	font-weight:400;
	margin: 12px 0px;
}
.db-item.item-eleven h3 span{
	font-size:34px;
	margin-right:5px;
}
.db-item.item-eleven > span{
	font-size:26px;
	line-height:36px;
	font-weight:400;
	display:block;
	margin: 10px 0px;
}
/* Item Twelve */
.db-item.item-twelve{
	padding:0px;
	border-top:0px;
}
.db-item.item-twelve .db-icon{
	padding:15px 10px;
	height:155px;
}
.db-item.item-twelve .db-details{
	padding:25px 10px;
	height:95px;
}
.db-item.item-twelve i{
	font-size: 60px;
	width: 60px;
	height: 60px;
	line-height: 47px;
	border: 2px solid #fff;
	border-radius: 100%;
	color:#fff;
	text-align:center;
	margin:13px 0px;
	background:rgba(0,0,0,0.08);
}
.db-item.item-twelve span{
	display:block;
	font-size:32px;
	line-height:42px;
}
/* Social Media */
.facebook {	background: #3280e7; }
.facebook:hover { background: #134fa0; }
.twitter { background: #32c8de;}
.twitter:hover {	background: #188392;}
.google-plus {background: #f96f4a;}
.google-plus:hover {	background: #eb6440;}
.linkedin  {	background: #729fda;}
.linkedin:hover {background: #3069b6;}
.pinterest {	background: #ed5441;}
.pinterest:hover { background: #b72411;}
.dropbox {background: #32c8de;}
.dropbox:hover {	background: #188392;}
.bitcoin {background: #f8a841;}
.bitcoin:hover {	background: #cc7607;}
.foursquare {background: #22bed4;}
.foursquare:hover {background: #146f7c;}
.flickr { background: #ff61e7;}
.flickr:hover {	background: #fa00d4;}
.github {background: #666666;}
.github:hover {	background: #333333;}
.instagram {	background: #d6917a;}
.instagram:hover {background: #b35637;}
.skype {background: #32c8de;}
.skype:hover {background: #188392;}
.tumblr {background: #84a1c8;}
.tumblr:hover {background: #476d9f;}
.vimeo {background: #32c8de;}
.vimeo:hover {background: #188392;}
.dribbble{background: #ff2edf;}
.dribbble:hover {background: #c700a9;}
.youtube {background: #ed5441;}
.youtube:hover {	background: #b72411;}

.list-group-sp .list-group-item {
  margin-bottom: 8px;
  border-radius: 3px;
}
.item .top {
  position: absolute;
  top: 0;
  left: 0;
}
.item .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
.item{
	position: relative;
}
.db-mini-item.item{
	margin:30px auto;
	max-width:320px;
	border-radius:4px;
	border:1px solid #e7e7e7;
	background:#fff;
	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.07);
	position:relative;
}
.db-mini-item.item .icon{
	position:absolute;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	color:#fff;
	box-shadow:0px 0px 2px rgba(0,0,0,0.1);
	border-radius:100px;
	top:-20px;
	left:20px;
	font-size:16px;
}
.db-mini-item.item h3{
	margin-top:30px;
	margin-left:15px;
	font-size:14px;
	line-height:24px;
	text-transform:uppercase;
}
.db-mini-item.item h2{
	font-weight:400;
	margin-left:15px;
	font-size:35px;
	margin-bottom:55px;
}
.db-mini-item.item h5{
	position:absolute;
	bottom:-2px;
	width:100%;
	background:#fafafa;
	padding:13px 0px;
	padding-left:15px;
	border-top:1px solid #eee;
	font-size:13px;
	text-transform:uppercase;
	margin: 0;
}
.db-mini-item.item h5 span{
	float:right;
	padding-right:15px;
}
.stats-tabletable,
.stats-tabletable.table{
	margin:0px;
	font-weight:600;
	background:#f1fbfc;
	border:0px;
	color:#777;
}
.stats-table.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;
}
.stats-table.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;
}	
.stats-table.table td:first-child:hover{
	background:transparent !important;
	color:#777 !important;
}
.stats-table.table td:nth-child(2):hover{
	background:transparent !important;
	color:#777 !important;
}
.stats-table.table>thead>tr>th, 
.stats-table.table>tbody>tr>th, 
.stats-table.table>tfoot>tr>th, 
.stats-table.table>thead>tr>td, 
.stats-table.table>tbody>tr>td, 
.stats-table.table>tfoot>tr>td {
	padding: 16px 10px;
}
.stats-table.table-responsive{
	border:0px;
}
.stats-table.table tr th{
	text-align:center;
	text-transform:uppercase;
	background:#32c8de;
	color:#fff;
	border:0px;
	border-bottom:1px solid #2fb3c4;
}
.stats-table.table tr th:nth-child(2),
.stats-table.table tr td:nth-child(2){
	text-align:left;
}
.stats-table.table tr th:nth-child(1),
.stats-table.table tr td:nth-child(1){
	padding-left:12px;
	padding-right:12px;
}
.stats-table.table tr th:first-child{
	border-top-left-radius:5px;
}
.stats-table.table tr th:last-child{
	border-top-right-radius:5px;
}
.stats-table.table tr:last-child td:first-child{
	border-bottom-left-radius:5px;
}
.stats-table.table tr:last-child td:last-child{
	border-bottom-right-radius:5px;
}
.stats-table.table tr td.co-1{
	background:#4bcee1;
	color:#fff;
}
.stats-table.table tr td.co-2{
	background:#61d6e7;
	color:#fff;
}
.stats-table.table tr td.co-3{
	background:#79dceb;
	color:#fff;
}
.stats-table.table tr td.co-4{
	background:#8ee1ed;
	color:#2fb3c4;
}
.stats-table.table tr td.co-5{
	background:#aae6ef;
	color:#2fb3c4;
}
.stats-table.table tr td.co-6{
	background:#c6eef4;
	color:#2fb3c4;
}


.bottom-collapsable{
	height:175px;
	position:fixed;
	bottom:-172px;
	right:0px;
	left:0px;
	border-top:3px solid #32c8de;	
	background:#333;
	box-shadow:inset 0px 0px 10px rgba(0,0,0,0.4);
	z-index: 999;
}
@media(max-width: 767px){	
	.bottom-collapsable{
		display:none;
	}
}
/* Sparkline tooltip */
.jqstooltip {
  width: auto !important;
  height: auto !important;
  border-radius: 5px;
  padding: 4px 6px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  border: 0 !important;
}
/* Button  */
.bottom-collapsable .ui-btn a{
	display: block;
	position:absolute;
	bottom:175px;
	z-index:1000;
	right:7%;
}
.bottom-collapsable .ui-btn a > i{
	width:35px;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#fff;
	font-size:25px;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
}
/* Content */
.bottom-collapsable .ui-content{
	color:#fff;
	max-width:1100px;
	margin:0px auto;
}
/* Item */
.bottom-collapsable .ui-item{
	max-width:312px;
	margin:25px auto;
}
/* Bar Chart */
.bottom-collapsable .ui-bar{
	float:left;
	width:60px;
	text-align:center;
}
/* Heading */
.bottom-collapsable .ui-heading{
	position:relative;
	margin-left:70px;
	top:25px;
}
.bottom-collapsable .ui-heading h5{
	line-height:15px;
	margin-bottom:6px;
	color:#aaa;
	text-transform:uppercase;
}
.bottom-collapsable .ui-heading h2{
	font-size:30px;
	line-height:40px;
	color:#fff;
	font-weight:300;
	margin: 0;
}
/* Icon */
.bottom-collapsable .ui-icon{
	margin:20px 0px;
}
.bottom-collapsable .ui-icon i{
	width:17px;
	height:17px;
	line-height:17px;
	text-align:center;
	color:#fff;
	font-size:13px;
	border-radius:2px;	
}
/* Number */
.bottom-collapsable .ui-icon span{
	color:#eee;
}

/* Plot Chart Placeholder */
.ui-item .chart-placeholder {
	width: 100%;
	height: 50px;
}
/* Content */
.long-chart .ui-content{
	margin:20px 0px 30px;
}
/* Details */
.long-chart .ui-content .ui-details{
	max-width:170px;
	margin:10px auto;
}
@media(max-width: 534px){
	.long-chart .ui-content .ui-details{
		text-align:center;	
	}
}
/* Small Heading */
.long-chart .ui-content .ui-details h4{
	font-size:14px;
	line-height:28px;
	text-transform:uppercase;
}
/* Big Heading */
.long-chart .ui-content .ui-details h3{
	font-size:36px;
	line-height:46px;
	font-weight:300;
}
/* Text and Icon */
.long-chart .ui-content .ui-details span{
	font-size: 14px;
	line-height: 25px;
	margin-right:8px;
}
@media(max-width: 551px) and (min-width: 535px){
	.long-chart .ui-content .ui-details span{
		font-size:14px;
	}
}
/* Chart */
.long-chart .ui-content .ui-chart{
	max-width:950px;
}
/* Plot Chart Placeholder */
.long-chart .ui-content .ui-chart .chart-placeholder {
	width: 100%;
	height: 130px;
}
.font-12{
	font-size: 12px;
}
.font-14{
	font-size: 14px;
}
.font-16{
	font-size: 16px;
}
.font-18{
	font-size: 18px;
}
.font-20{
	font-size: 20px;
}
.font-22{
	font-size: 22px;
}
.font-24{
	font-size: 24px;
}


.img-holder img{
	max-width: 100%;
}
.img-xs {
  width: 32px;
  height: 32px;
}
.img-sm {
  width: 40px;
  height: 40px;
}
.tabbable-line .nav-tabs>li.active>a,.tabbable-line  .nav-tabs>li.active>a:focus,.tabbable-line .nav-tabs>li.active>a:hover,.tabbable-line .nav-tabs>li>a{
	border:0px;
	border-radius: 0!important;
}
.tabbable-line .nav-tabs>li.active>a{
	background-color: #F6F6F6;
  	border-bottom: 1px solid #dadada !important;
}
.box-header{
	border-bottom:1px solid #f6f6f6;
}
/***
Extended pagination
***/
.table-group-action-input{
	position: relative;
	top: 2px;
}
.paging_bootstrap_extended {
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  font-size: 13px;
}

.dataTables_extended_wrapper .seperator {
  padding: 0 2px;
}

.dataTables_extended_wrapper div.dataTables_paginate,
.dataTables_extended_wrapper div.dataTables_length,
.dataTables_extended_wrapper div.dataTables_info {
  display: inline-block;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}

@media (max-width: 480px) {
  .dataTables_extended_wrapper div.dataTables_paginate,
  .dataTables_extended_wrapper div.dataTables_length,
  .dataTables_extended_wrapper div.dataTables_info {
    display: block;
    margin-bottom: 10px !important;
  }

  .dataTables_extended_wrapper .seperator {
    display: none !important;
  }
}
.dataTables_extended_wrapper div.dataTables_length label {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px;
  float: none !important;
  display: inline-block !important;
}

.table-container .table-actions-wrapper {
  display: none;
}
/***
Scroller Extension
***/
.dataTables_scroll {
  margin-bottom: 10px;
}

.dataTables_scrollHead {
  border-bottom: 2px solid #ddd !important;
}
.dataTables_scrollHead thead th {
  border-bottom: 0 !important;
}

.dataTables_scrollBody {
  border-bottom: 1px solid #ddd !important;
}

.DTTT_Print_Info {
  width: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -150px;
  background: #eee;
  padding: 10px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.DTTT_Print_Info > h6 {
  font-size: 16px;
  font-weight: 400;
}
.dataTables_length .form-control{
	display: inline !important;
	margin-left: 10px;
}
table.dataTable thead th, table.dataTable thead td{
	padding:10px;
}
.dataTable tr.filter{
	background: #FBFBFB;
}
.dataTable tr.filter td,.dataTable{
	border: 1px solid #dadada;
	border-bottom: 1px solid #dadada !important;
}
.dataTable th{
	border-top: 1px solid #dadada !important;
	border: 1px solid #dadada;
	border-collapse: collapse;
}
.dataTable.table > thead > tr > th{
	border-bottom: 0px !important;
	background: #F6F8F8;
}
.dataTable{
	border-collapse: collapse !important;
}
.grey-hr{
	border-bottom: 1px solid #f5f5f5;
}
.box-header .caption{
	float: left;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}
.box-header .actions{
	float: right;
}
.box-header:after{
	clear: both;
	content: '';
	display: block;
}
.pro-img-box img{
	max-width: 100%;
}
.list-border > li,.list-border > li a.active{
	border-bottom: 1px solid #f6f6f6;
}
.list-dashed > li,.list-dashed > li a.active{
	border-bottom: 1px dashed #f6f6f6;
}
.list-dottoed > li,.list-dottoed > li a.active{
	border-bottom: 1px dotted #f6f6f6;
}
.alert .btn{
	text-decoration: none;
}

/***
UI Loading
***/
.loading-message {
  display: inline-block;
  min-width: 125px;
  margin-left: -60px;
  padding: 10px;
  margin: 0 auto;
  color: #000 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}
.loading-message.loading-message-boxed {
  border: 1px solid #ddd;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.loading-message > span {
  line-height: 20px;
  vertical-align: middle;
}

.page-loading {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  position: fixed;
  top: 50%;
  left: 50%;
  min-width: 125px;
  margin-left: -60px;
  margin-top: -30px;
  padding: 7px;
  text-align: center;
  color: #333;
  font-size: 13px;
  border: 1px solid #ddd;
  background-color: #eee;
  vertical-align: middle;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.page-loading > span {
  line-height: 20px;
  vertical-align: middle;
}

.page-spinner-bar {
  position: fixed;
  z-index: 10051;
  width: 100px;
  top: 40%;
  left: 50%;
  margin-left: -55px;
  text-align: center;
}
.page-spinner-bar > div {
  margin: 0 5px;
  width: 18px;
  height: 18px;
  background: #eee;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.page-spinner-bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.page-spinner-bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.block-spinner-bar {
  display: inline-block;
  width: 80px;
  text-align: center;
}
.block-spinner-bar > div {
  margin: 0 2px;
  width: 15px;
  height: 15px;
  background: #3C8DBC;
  border-radius: 100% !important;
  display: inline-block;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.block-spinner-bar .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.block-spinner-bar .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes bounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounceDelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}


/* UI X */
.big-social-widgets {
	padding:0px 10px;
	margin:20px auto;
	max-width:1150px;
}


/* UI Social */
.big-social-widgets .ui-social{
	text-align:center;
	padding:20px;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	transition:all 1s;
	box-shadow:inset 0px 0px 10px rgba(0,0,0,0.1), 0px 0px 0px 1px rgba(255,255,255,0.6);
}
.big-social-widgets .ui-padd{
	padding:0;
}
@media (max-width:400px){
	.big-social-widgets .ui-padd{
		float:none;
		width:100%;
	}
}
/* Icon */
.big-social-widgets .ui-social > a > i{
	font-size:50px;
	color:#fff;
	margin-top:30px;
	margin-bottom:20px;
}
.big-social-widgets .ui-social h5{
	margin-top:15px;
	font-size:22px;
	font-weight:400;
}
.big-social-widgets .ui-social h5 > a{
	color: #fff;
}
.big-social-widgets .ui-social h6 {
	font-size:13px;
	font-weight:600;
	text-transform:uppercase;
}
.big-social-widgets .ui-social h6 > a{
	color:rgba(255,255,255,0.7);
}

/* UI X */
.social-widgets-bigger{
	margin:50px auto;
}
.social-widgets-bigger a.ui-item{
	margin:30px auto;
	max-width:300px;
	position:relative;
	color:#fff;
	display:block;
	padding:30px;
	box-shadow:inset 0px 3px 0px 1px rgba(0,0,0,0.1);
	border-radius:1px;
}
.social-widgets-bigger a.ui-item:hover{
	color:#fff;
}
.social-widgets-bigger .ui-item i{
	color:#fff;
	display:block;
	font-size:60px;
	margin-bottom:200px;
}
.social-widgets-bigger .ui-item span{
	position:absolute;
	left:30px;
	bottom:30px;
	font-size:30px;
	color:#fff;
	line-height:45x;
	font-weight:300;
}
.social-widgets-bigger .ui-item span b{
	display:block;
	margin-top:10px;
	font-size:17px;
	line-height:32px;
	font-weight:400;
	color:#fff;
}	

/* social-widget-medium */
.social-widget-medium{
	margin:60px 0px;
}
/* Column Padding */
.social-widget-medium .col-pad{
	padding-left:0px;
	padding-right:0px;
}
/* Column Mobile */
@media(max-width: 500px){
	.social-widget-medium .col-mob{
		width:100%;
	}
}
/* Item */
.social-widget-medium .ui-item{
	max-width: 300px;
	margin:10px auto;
	text-align:center;
	border-radius:4px;
}
/* Icon */
.social-widget-medium .ui-item a.ui-icon{
	display:block;
	color:#fff;
	padding:15px 0px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.social-widget-medium .ui-item a.ui-icon i{
	width:50px;
	height:50px;
	line-height:50px;
	text-align:center;
	font-size:24px;
	border-radius:100%;
	background:rgba(0,0,0,0.15);
	margin:5px 0px 10px;
}
/* Heading */
.social-widget-medium .ui-item a.ui-icon span{
	color:#fff;
	display:block;
	font-size:18px;
	line-height:28px;
	font-weight:400;
}
/* Details */
.social-widget-medium .ui-item .ui-details{
	background:#fff;
	border:1px solid #ddd;
	border-top:0px;
	padding:0px 0px;
	border-top:0px;
	width:100%;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
/* Details Item */
.social-widget-medium .ui-item .ui-details .ui-ditem{
	padding:20px 0px;
	width:50%;
	text-align:center;
}
.social-widget-medium .ui-item .ui-details .ui-ditem.ui-bor{
	border-right:1px solid #eee;
}
/* Small Heading */
.social-widget-medium .ui-item .ui-details h5{
	line-height:22px;
	font-size:13px;
	font-weight:400;
	margin-bottom:8px;
	text-transform:uppercase;
}
.social-widget-medium .ui-item .ui-details h5 > a{
	color:#aaa;
}
/* Heading */
.social-widget-medium .ui-item .ui-details h3{
	font-size:30px;
	font-weight:400;
	line-height:28px;
}
.social-widget-medium .ui-item .ui-details h3 > a{
	color:#777;
}



/* social-widget-mini*/
.social-widget-mini{
	margin:50px 0px;
}
.social-widget-mini .social-item {
	position: relative;
	max-width: 140px;
	margin: 15px auto;
	padding: 20px 0;
	text-align: center;
	border-bottom: 5px solid rgba(0,0,0,0.2);
	border-radius: 4px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.2);
	overflow: hidden;
   -webkit-transition: all 0.75s ease;
      -moz-transition: all 0.75s ease;
           transition: all 0.75s ease;
}
.social-widget-mini .social-item .trans-img {
	position: absolute;
	top: -90%;
	left: 19%;
	box-shadow: 0 0 50px rgba(0,0,0,0.06);
	-webkit-transform: rotate(-39deg);
	-moz-transform: rotate(-39deg);
	-ms-transform: rotate(-39deg);
	-o-transform: rotate(-39deg);
	transform: rotate(-39deg);
}
.social-widget-mini .social-item i ,
.social-widget-mini .social-item h5 { 
	color: #fff; 
}
.social-widget-mini .social-item i {
	width: 55px;
	height: 55px;
	margin: 0 auto;
	margin-top: 10px;
	line-height: 55px;
	text-align: center;
	font-size: 24px;
	border: 2px solid #fff;
	border-radius: 50%;
	box-shadow: 0 -1px 1px rgba(0,0,0,0.15), 0 -1px 1px rgba(0,0,0,0.15) inset;
}
.social-widget-mini .social-item h5 {
	margin-top: 20px;
	margin-bottom: 4px;
	font-size: 17px;
	text-transform: uppercase;
}
.social-widget-mini .social-item .sub-text {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-weight: 600;
	color: rgba(0,0,0,0.4);
}

/* UI X */
.social-widget-summary{
	margin:50px 0px;
}
.social-widget-summary .social-item {
	position: relative;
	max-width: 250px;
	margin: 15px auto;
	padding: 0 20px;
	border-radius: 6px;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
	overflow: hidden;
   -webkit-transition: all 0.75s ease;
      -moz-transition: all 0.75s ease;
           transition: all 0.75s ease;
}
.social-widget-summary .social-item  .trans-img {
	position: absolute;
	top: -50%;
	left: -25%;
	box-shadow: 0 0 50px rgba(0,0,0,0.06);
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
}
.social-widget-summary .social-item h4 {
	margin-top: 5px;
	margin-bottom: 25px;
	padding-top: 15px;
	font-size: 50px;
	color: #fff;
	font-weight:300;
}
.social-widget-summary .social-item h4 small {
	display: inline-block;
	margin-left: 6px;
	color: rgba(255,255,255,0.7);
	font-size: 20px;
}
.social-widget-summary .social-item i {
	position: relative;
	bottom: -8px;
	display: block;
	padding-bottom: 0;
	text-align: right;
	font-size: 120px;
	line-height: 110px;
	color: #fff;
}

/* UI - X */
.social-widget-twitter{
	margin:60px 0px;
}
/* Column Mobile */
@media(max-width: 357px){
	.social-widget-twitter .col-mob{
		width:100%;
	}
}
/* Item */
.social-widget-twitter .ui-item{
	max-width:350px;
	margin:30px auto;
	border:1px solid #eee;
	background:#fff;
	border-radius:4px;
	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.07);
}
/* Big Image */
.social-widget-twitter .ui-item img{
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
/* Details */
.social-widget-twitter .ui-item .ui-details{
	padding:20px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}
@media(max-width: 357px){	
	.social-widget-twitter .ui-item .ui-details{
		text-align:center;
	}
}
/* Heading */
.social-widget-twitter .ui-item .ui-details .ui-heading{
	margin-bottom:20px;
}
/* User Image */
.social-widget-twitter .ui-item .ui-details a > img{
	width:50px;
	border-radius:100%;
	float:left;
}
@media(max-width: 357px){	
	.social-widget-twitter .ui-item .ui-details a > img{
		float:none;
		margin:0px auto;
	}
}
/* User Name */
.social-widget-twitter .ui-item .ui-details h2{
	font-size: 16px;
	line-height: 28px;
	margin:0px 0px 6px 70px;
}
@media(max-width: 357px){	
	.social-widget-twitter .ui-item .ui-details h2{
		margin:20px 0px 0px;
	}
}
/* Check Icon */
.social-widget-twitter .ui-item .ui-details h2 > a > i{
	width:18px;
	height:18px;
	border-radius:100%;
	color:#fff;
	line-height:18px;
	text-align:center;
	font-size:13px;
	font-weight:normal;
	position:relative;
	top:-2px;
}
/* Small Heading */
.social-widget-twitter .ui-item .ui-details h2 > span{
	color:#aaa;
	font-size:13px;
	line-height:17px;
	font-weight:400;
	display:block;
}
/* Details Item */
/* Tweets, Followers, Followings */
.social-widget-twitter .ui-item .ui-details .ui-ditem{
	max-width:140px;
	margin:0px auto;
}
/* Small Heading */
.social-widget-twitter .ui-item .ui-ditem h4{
	font-size:13px;
	line-height:13px;
	text-transform:uppercase;
	font-weight:400;
}
.social-widget-twitter .ui-item .ui-ditem h4 > a{
	color:#999;
}
/* Big Heading */
.social-widget-twitter .ui-item .ui-ditem h3{
	font-size:18px;
	line-height:30px;
}
.text-5x{
	font-size:50px;
	line-height: 50px;
}

/* UI - X */
.credit-cards{
	margin:60px 0px;
}
/* Card */
.credit-cards .ui-item{
	width:450px;
	margin:20px auto;
	border:1px solid #ddd;
	padding:0px 20px;
	background:#f8f8f8;
	box-shadow:0px 0px 15px rgba(0,0,0,0.1);
	border-radius:4px;
	position:relative;
	overflow:hidden;
	max-width: 500px !important;
}
.credit-cards .ui-black{
	background:#000;
	color:#fff;
}
/* Transparent Image */
.credit-cards .ui-item img{
	position:absolute;
	top: -126px;
	left: -56px;
	transform: rotate(49deg);
}
/* Heading */
.credit-cards .ui-item .ui-heading{
	margin:10px 0px;
}
.credit-cards .ui-item .ui-heading h3{
	float:left;
	font-size:16px;
	line-height:28px;
	font-weight:400;
}
/* Bank Name */
.credit-cards .ui-item .ui-heading h4{
	float:right;
	font-size:16px;
	line-height:28px;
	color:#aaa;
	font-weight:400;
}
/* Account Number */
.credit-cards .ui-item .ui-account{
	margin:10px 0px;
}
.credit-cards .ui-item .ui-account span{
	font-size:18px;
	line-height:28px;
	margin:0px 5px;
	letter-spacing:3px;
}
.credit-cards .ui-item .ui-account span.ui-anum{
	padding:0px 4px;
	background:#fff;
}
.credit-cards .ui-item.ui-black .ui-account span.ui-anum{
	padding:0px 4px;
	background:rgba(255,255,255,0.45);
}
/* Item */
.credit-cards .ui-item .ui-validity .ui-vitem{
	margin:5px 0px;
}
/* Title */
.credit-cards .ui-item .ui-validity .ui-vitem h5{
	width:36px;
	font-size:12px;
	line-height:18px;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-weight:400;
	color:#aaa;
}
/* Value */
.credit-cards .ui-item .ui-validity .ui-vitem span{
	float:right;
	font-size:18px;
	line-height:28px;
	margin-right:10px;
	margin-top:4px;
	letter-spacing:3px;
}
/* Card Type */
.credit-cards .ui-item .ui-ctype{
	margin:5px 0px 18px;
}
/* Type */
.credit-cards .ui-item .ui-ctype h6{
	float:left;
	font-size: 13px;
	line-height: 26px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 5px 0px;
	letter-spacing:2px;
}
/* Icon */
.credit-cards .ui-item .ui-ctype i{
	float:right;
	font-size:35px;	
}

.streamline .panel-heading{
	padding: 10px;
}
.streamline .panel-heading:after{
	display: none !important;
}

.call-widget{
	margin: 30px auto;
	padding:30px 10px;
	max-width: 243px;
	background:#fff;
	border:2px solid #eee;
	border-radius:10px;
	text-align:center;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}
/* Image */
.call-widget img{
	max-width:100px;
	margin:0 auto;
	border: 5px solid #fff;
	box-shadow:0px 0px 5px rgba(0,0,0,0.2);
}
/* Heading */
.call-widget h3{
	color:#555;
	font-size:15px;
	line-height:15px;
	margin-top:15px;
}
.call-widget h4{
	color:#aaa;
	font-size:13px;
	margin-bottom:10px;
	font-weight:400;
}
/* Button */
.call-widget .btn{
	padding: 7px 30px;
	border-radius: 33px;
	border:0px;
}
.call-widget.incoming .btn{
	padding:7px 15px !important;
}
.call-widget .fa-rotate{
	transform: rotate(853deg);
}
/* Font awesome icon */
.call-widget .call-widget-icons{
	margin-top:20px;
}
/* ui-39-icon */
.call-widget .call-widget-icons a{
	display:inline-block;
	height:40px;
	width:40px;
	line-height:40px;
	text-align:center;
	border:1px solid #32c8de;
	border-radius:100%;
	color:#888;
	font-size:15px;
}
.call-widget.incoming a{
	text-decoration:none;
}

.tweets-block-widget{
	margin: 25px auto;
	max-width: 400px;
	border: 1px solid #e7e7e7;
	padding: 10px;
	box-shadow: 1px 1px 0px 1px rgba(0,0,0,0.07);
	border-radius:5px;
	background:#fff;
}
/* Heading */
.tweets-block-widget .ui-heading{
	height:60px;
}
/* UI Image */
.tweets-block-widget .ui-heading .ui-image{
	float:left;
	width:60%;
}
/* Tablets */
@media (max-width: 767px){
	.tweets-block-widget .ui-heading .ui-image{
		width:100%;
	}
}
/* Image */
.tweets-block-widget .ui-heading img{
	float:left;
	width:60px;
	height:60px;
	padding:5px;
	border-radius:10px;
}
/* Heading */
.tweets-block-widget .ui-heading h4{
	margin-left:65px;
	font-size:15px;
	line-height:25px;
	font-weight:600;
}
.tweets-block-widget .ui-heading h4 span{
	font-size:13px;
	display:block;
	color:#999;
	font-weight:400;
}
/* Date And Time */	
.tweets-block-widget .ui-heading .ui-date{
	float:right;
	max-width:40%;
	font-size:12px;
	color:#aaa;
}
/* Tablets */
@media (max-width: 767px){
	.tweets-block-widget .ui-heading .ui-date{
		display:none;
	}
}
/* Content */	
.tweets-block-widget .ui-content{
	font-size:13px;
	line-height:28px;
	margin-top:10px;
	margin-bottom:10px;
	color:#888;
}
/* Footer */
.tweets-block-widget .ui-footer{
	padding:5px 0px;
}
/* Twitter Icon */
.tweets-block-widget .twitter-icon{
	float: left;
	width: 40%;
}	
/* witter Button */
.tweets-block-widget  .btn-twitter{
	border-radius: 4px;
	border: 1px solid #ddd;
	font-size: 12px;
	font-weight: 700;
	padding:5px 8px;
}
/* Icons */
.tweets-block-widget .icons{
	float:right;
	width:40%;
	text-align:right;
}
.tweets-block-widget .icons i{
	color:#bbb;
	margin-left:5px;
}
.v-card-1{
	margin:50px 0px;
}
.v-card-1 .item{
	max-width:320px;
	margin:20px auto;
	border-radius:4px;
	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.06);
}
.v-card-1 .head{
	background:#fbfbfb;
	padding:18px;
	border:1px solid #ddd;
	border-bottom:1px solid #e7e7e7;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.v-card-1 .head img{
	width:80px;
	float:left;
	margin:0px;
	border:2px solid #fff;
	box-shadow:0px 0px 5px rgba(0,0,0,0.05);
}
.v-card-1 .head h2{
	margin-left:95px;
	font-size:18px;
	line-height:28px;
	margin-top:10px;
	font-weight:400;
}
.v-card-1 .head h2 a{
	color:#666;
}
.v-card-1 .head h2 span{
	display:block;
	font-size:14px;
	line-height:28px;
	color:#999;
}
.v-card-1 .content{
	background:#fff;
	border:1px solid #ddd;
	border-top:0px;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	padding: 0;
}
.v-card-1 .content ul{
	margin:0px;
}	
.v-card-1 .content ul li{
	padding:12px 5px;
	border-bottom:1px solid #eee;
	font-size:15px;	
	-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;
}
.v-card-1 .content ul li a{
	color:#777;
}
.v-card-1 .content ul li:last-child{
	border-bottom:0px;
}
.v-card-1 .content ul li:hover{
	background:#fdfdfd;
}
.v-card-1 .content ul li i{
	display:inline-block;
	width:35px;
	height:35px;
	color:#fff;
	line-height:35px;
	text-align:center;
	font-size:15px;
	border-radius:100px;
	margin-right:10px;
	font-weight:normal;
}
/* User */
.resume-option-1{
	max-width:600px;
	margin: auto;
	padding:80px 0;
}
.resume-option-1 .ui-user{
	text-align: center;
	margin-bottom: 10px;
}
/* User Image */
.resume-option-1 .ui-user img{
	width: 100px;
	border-radius: 100%;
	margin: 0px auto;
	border:3px solid #fff;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.3);
	margin-bottom:10px;
}
/* User Name */
.resume-option-1 .ui-user h3{
	font-size: 18px;
	line-height: 28px;
	font-weight: 600;
	text-transform:uppercase;
} 
.resume-option-1 .ui-user h3 > span{
	font-size: 14px;
	line-height: 24px;
	color: #999;
	display: block;
	font-weight:400;
}
/* Paragraph */
.resume-option-1 p{
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	margin: 18px 0px 13px;
	font-weight: 400;
	color: #555;
}
.resume-option-1 p > span{
	border-bottom: 1px dashed #aaa;
}
/* Details Item */
.resume-option-1 .ui-item{
	max-width: 90px;
	margin: 15px auto;
	background: none !important;
	border: none !important;
	box-shadow: none;
}
@media(max-width: 340px){
	.resume-option-1.ui-item{
		text-align: center;
	}
}
/* Heading */
.resume-option-1 .ui-item h4{
	font-size: 14px;
	line-height: 30px;
	text-transform:uppercase;
}
/* Unordered Listing */
.resume-option-1 .ui-item ul{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}
.resume-option-1 .ui-item ul > li{
	font-size: 12px;
	line-height: 18px;
	margin:5px 0px;
	color: #777;
}


/* Head */
.resume-option-2 .ui-head{
	text-align:center;
	padding:30px 0px;
	position:relative;
	border-bottom:2px solid #fff;
	box-shadow:0px 0px 5px rgba(0,0,0,0.1);
}
/* Details */
.resume-option-2 .ui-head .ui-details{
	margin:0px 0px 74px;
}
.resume-option-2 .ui-head .ui-details h3{
	color:#fff;
	font-size:40px;
	line-height:60px;
	font-weight:300;
}
@media (max-width:400px){
	.resume-option-2 .ui-head .ui-details h3{
		font-size:25px;
		line-height:40px;
		font-weight:400;
	}
}
.resume-option-2 .ui-head .ui-details h4{
	color:#fff;
	font-size:18px;
	line-height:38px;	
	font-weight:400;
}
/* Image */
.resume-option-2 .ui-head .ui-image{
	width:100%;
	position:absolute;
	bottom:-55px;
	z-index: 10;
}
.resume-option-2 .ui-head img{
	width:120px;
	border-radius:100%;
	margin:0px auto;
	border:4px solid #fff;
	box-shadow:0px 0px 15px rgba(0,0,0,0.1);
}
/* Content */
.resume-option-2 .ui-content{
	width: 100%;
}
/* Nav */
.resume-option-2 .ui-content .nav{
	text-align:center;
	margin:80px 0px 20px;
}
/* Link */
.resume-option-2 .ui-content .nav a{	
	display:inline-block;
	color: #444;
	text-align:center;
	width:80px;
}
@media(max-width: 350px){
	.resume-option-2 .ui-content .nav a{
		width:60px;
		margin-bottom: 5px;
	}	
}
/* Icon */
.resume-option-2 .ui-content .nav a > i {
	display: block;
	width:50px;
	height:50px;
	line-height:50px;
	border-radius:100%;
	box-shadow:0px 0px 5px rgba(0,0,0,0.1);
	text-align:center;
	margin:0px auto;
	margin-bottom:5px;
	font-size:18px;
	color:#aaa;
	background:#fff;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* Active */
.resume-option-2 .ui-content .nav a.active > i{
	background:#32c8de;
	color:#fff;
}
/* Hover */
.resume-option-2 .ui-content .nav a:hover > i{
	background:#32c8de;
	color:#fff;
}
.resume-option-2 .ui-content .nav a > span{	
	font-weight:600;
	font-size:12px;
	text-transform:uppercase;
	color:#888;
}
@media(max-width: 350px){
	.resume-option-2 .ui-content .nav a > span{	
		display:none;
	}	
}
/* Tab Content */
.resume-option-2 .ui-content .tab-content{
	max-width: 650px;
	margin: 30px auto;
	padding:15px 20px;
	background:#fff;
	border:1px solid #ddd;
	border-radius:4px;
	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.06);
}
@media(max-width: 700px){
	.resume-option-2 .ui-content .tab-content{
		margin: 30px 15px;
	}
}
.resume-option-2 .ui-content .tab-content h3{
	font-size:20px;
	line-height:30px;
	font-weight:400;
}
.resume-option-2 .ui-content .tab-content .container-fluid{
	padding:0px;
}
/* About */
.resume-option-2 .ui-content .tab-content #about p{
	font-size:15px;
	line-height:35px;
	font-weight:400;
}
.resume-option-2 .ui-content .tab-content #about p span{
	font-weight:600;
}
/* Skills */
.resume-option-2 .ui-content .tab-content #skills .ui-item{
	margin:10px 0;
	max-width:320px;
}
.resume-option-2 .ui-content .tab-content #skills .ui-item h4{
	font-size:12px;
	line-height:26px;
	text-transform:uppercase;
}
/* Experience */
.resume-option-2 .ui-content .tab-content #experience .ui-item{
	margin:15px 0;
	max-width:320px;
}
/* Headings */
.resume-option-2 .tab-content #experience .ui-item h4{
	font-size:12px;
	line-height:20px;
	font-weight:400;
	color:#999;
}
.resume-option-2 .tab-content #experience .ui-item h5{
	font-size:15px;
	line-height:25px;
	font-weight:600;
}
.resume-option-2 .tab-content #experience .ui-item h6{
	font-size:12px;
	line-height:20px;
	font-weight:400;
	color:#999;
	margin-bottom:5px;
}
.resume-option-2 .tab-content #experience .ui-item p{
	line-height:25px;
}
/* Contact */
.resume-option-2 .tab-content #contact .ui-contact{
	width: 300px;
	float: left;
	margin: 13px 0px;
}
@media(max-width: 570px){
	.resume-option-2 .tab-content #contact .ui-contact{
		float: none;
		width: 100%;
		margin-top: 24px;
	}
}
.resume-option-2 .tab-content #contact .ui-contact .ui-btn{
	color: #fff;
}
.resume-option-2 .tab-content #contact .ui-cdetails{
	margin: 20px 0px 6px 325px;
}
@media(max-width: 570px){
	.resume-option-2 .tab-content #contact .ui-cdetails{
		margin: 6px 0px;
	}
}
.resume-option-2 .tab-content #contact .ui-cdetails h4{
	font-size: 13px;
	line-height: 23px;
	margin: 6px 0px;
	font-weight: 400;
}
.resume-option-2 .tab-content #contact .ui-cdetails h4 > i{
	width: 25px;
}
.resume-option-2 #contact .ui-cdetails  .ui-social a > i{
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	color:#fff;
	border-radius:100%;
	margin:6px 2px;
}
.resume-option-2 .ui-item{
	background: none !important;
	box-shadow: none !important;
	border: none !important;
}

.resume-option-3{	
	max-width:500px;
	border:1px solid #e7e7e7;
	margin:0 auto;
	padding:0;
	background:#fff;
	border-radius:4px;
	box-shadow:2px 2px 0px 1px rgba(0,0,0,0.07);
}
.resume-option-3 > .ui-content{
	padding: 0 20px;
}
@media (max-width:500px){
	.resume-option-3{
		margin:50px 10px;
	}
}
/* Header */
.resume-option-3 .ui-header{
	text-align:center;
	margin-bottom:30px;
	padding: 50px 0;
	color:#fff;
}
/* User Image */
.resume-option-3 .ui-header img{
	width:80px;
	height:80px;
	border-radius:100%;
	margin:0px auto;
	margin-bottom:10px;
}
/* User Name */
.resume-option-3 .ui-header h3{
	font-size:18px;
	line-height:28px;
}
/* Designation */
.resume-option-3 .ui-header h4{
	font-size:13px;
	line-height:23px;
	font-weight:400;
}
/* Content */
/* Main Heading */
.resume-option-3 .ui-content h3{
	font-size:13px;
	line-height:23px;
	border-bottom:1px solid #eee;
	padding-bottom:8px;
	margin-bottom:10px;
	text-transform:uppercase;
}
/* Details */
.resume-option-3 .ui-content .ui-details{
	margin-bottom:30px;
}
/* Title */
.resume-option-3 .ui-content .ui-details b{
	float:left;
	line-height:30px;
}
@media(max-width: 430px){
	.resume-option-3 .ui-content .ui-details b{
		float:none;
	}
}
/* Heading */
.resume-option-3 .ui-content .ui-details h4{
	font-size:13px;
	line-height:26px;
	margin-bottom:5px;
}
.resume-option-3 .ui-content .ui-details h4 > span{
	float:right;
	color:#999;
	width:200px;
	font-weight:400;
	margin-top:3px;
}
@media(max-width: 430px){
	.resume-option-3 .ui-content .ui-details h4 > span{
		width:90px;
	}
}
/* Paragraph */
.resume-option-3 .ui-content .ui-details p{
	font-size:12px;
	line-height:23px;
	color:#777;
}
/* Item */
.resume-option-3 .ui-details .ui-eitem{
	margin-bottom:10px;
}
/* Item Details */
.resume-option-3 .ui-eitem .ui-eidetails{
	float:right;
	width:200px;
}
@media(max-width: 430px){
	.resume-option-3 .ui-eitem .ui-eidetails{
		float:none;
	}
}
/* Heading */
.resume-option-3 .ui-eitem .ui-eidetails h4{
	line-height: 20px;
}
.resume-option-3 .ui-eitem .ui-eidetails h4 > span{
	display:block;
	font-style:italic;
	font-size:12px;
}
@media(max-width: 430px){
	.resume-option-3 .ui-eitem .ui-eidetails h4 > span{
		width:200px;
	}
}
/* Social Media */
.resume-option-3 .ui-social{
	text-align:center;
	border-top:1px solid #eee;
	padding:30px 0px 0px;
}
.resume-option-3 .ui-social a > i{
	width:30px;
	height:30px;
	line-height:30px;
	text-align:center;
	border-radius:100%;
	color:#fff;
}

.divider-1{
	height:8px;
	background:url("../img/dividers/1.png") repeat-x;
	background-size:20px 20px;
	margin:20px 0px;
}
.divider-2{
	height:7px;
	/*background:url("../img/dividers/2.png") repeat-x;*/
	background-size:7px 7px;
	margin:20px 0px;
}
.divider-3{
	height:10px;
	background:url("../img/dividers/3.png") repeat-x;
	background-size:10px 10px;
	margin:20px 0px;
}
.divider-4{
	border-bottom:1px dashed #d4d4d4;
	margin:20px 0px;
}
.divider-5{
	border-bottom:1px dotted #d4d4d4;
	margin:20px 0px;
}
.divider-6{
	border-top:1px solid #d4d4d4;
	border-bottom:1px solid #d4d4d4;
	padding:2px;
	margin:20px 0px;
}
.divider-7{
	border-top:1px dashed #d4d4d4;
	border-bottom:1px dashed #d4d4d4;
	padding:2px;
	margin:20px 0px;
}
.divider-8{
	border-top:1px dotted #d4d4d4;
	border-bottom:1px dotted #d4d4d4;
	padding:2px;
	margin:20px 0px;
}
.divider-9{
	background:#f5f5f5;
	height:6px;
	margin:20px 0px;
}
.divider-10{
	border-top:1px solid #f1f1f1;
	border-bottom:1px solid #e4e4e4;
	background:#f8f8f8;
	box-shadow:0px 2px 5px rgba(0,0,0,0.05);
	padding:2px;
	margin:20px 0px;
}

.to-do-1{

}
/* Column Mobile */
@media(max-width: 500px){
	.to-do-1 .col-mob{
		width:100%;
	}
}
.to-do-1 h2{
	font-size:16px;
	line-height:26px;
}
/* Item */
.to-do-1 .ui-item{
	background:#fff;
	max-width:350px;
	border:1px dashed #ddd;
	padding:15px 20px;
	margin:15px auto;
}
/* Heading */
.to-do-1 .ui-item .ui-heading h5{
	font-size:13px;
	line-height:23px;
	float:left;
}
.to-do-1 .ui-item .ui-heading h5 a{
	color:#888;
}
/* Close */
.to-do-1 .ui-item .ui-heading span > a.ui-close{
	float:right;
	color:#aaa;
	display:none;
	font-size:14px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
	position:relative;
	top:-5px;
}
.to-do-1 .ui-item:hover span > a.ui-close{
	display:block;
}
/* Date */
.to-do-1 .ui-item span{
	font-size:11px;
	display:block;
	color:#aaa;
}
.to-do-1 .ui-item span > a.label{
	float:right;
	margin-top:2px;
}
/* Paragraph */
.to-do-1 .ui-item p{
	color:#999;
	font-size:12px;
	line-height:22px;
	margin:3px 0px;
}


.to-do-2{
}
.to-do-2 > h2{
	text-align:center;
	font-size:14px;
	line-height:28px;
	text-transform:uppercase;
}
.to-do-2 > p{
	text-align:center;
	font-size:12px;
	line-height:28px;
	margin-bottom:15px;
	color:#999;
	font-style:italic;
}
.to-do-2 .ui-item{
	background:#fff;
	border:1px solid #eee;
	box-shadow:1px 1px 0px 1px rgba(0,0,0,0.08);
	border-radius:3px;
	padding:10px;
	position:relative;
	margin:12px 0px;
	max-width: 100% !important;
}
.to-do-2 .ui-placeholder{
	border-radius:5px;
	border:1px dashed #ebe3c9;
	background:#fffcf4;
	height:50px;
	margin:10px 0px 10px 0px;
}
.to-do-2 .ui-placeholder:before{
	content: "Drop Here";
	font-size:17px;
	color:rgba(0,0,0,0.2);
	text-align:center;
	display:block;
	margin-top:12px;
	font-weight:600;
}
.to-do-2 .priority{
	float:left;
	width:30px;
	height:30px;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:14px;
	border-radius:100%;
	cursor:move;
}
.to-do-2 .priority.high{
	background:#ed5441;
}
.to-do-2 .priority.medium{
	background:#51d466;
}	
.to-do-2 .priority.low{
	background:#32c8de;
}
.to-do-2 h3{
	margin: 0;
	margin-left:40px;
	font-size:14px;
	line-height:24px;
}
.to-do-2 .actions{
	position:absolute;
	top:15px;
	right:15px;
	display:none;
}
.to-do-2 .actions a i{
	display:inline-block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	border-radius:3px;
	color:#888;
	background:#f8f8f8;
	border:1px solid #ddd;
}
.to-do-2 .ui-item:hover .actions{
	display:block;
}

.schedule-widget{
}
.schedule-widget .panel-heading {
	padding:5px 0px !important;
}
.schedule-widget .panel-heading h4{
	font-size:13px;
	line-height:38px;
}
.schedule-widget .panel-heading h4 a i{
	font-size:13px;
	line-height:18px;
	width:18px;
	height:18px;
	margin-right:5px;
	color:#fff;
	text-align:center;
	background:#32c8de;
}
.schedule-widget .panel-body{
	padding:0px 0px;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
}
.schedule-widget .table-responsive{
	border:0px;
}
.schedule-widget .table *{
	border:0px;
}
.schedule-widget .table{
	margin:0px;
}
.schedule-widget .table tr th:first-child{
	min-width:150px;
	background:#fafafa;
	border-right:1px solid #f4f4f4;
}
.schedule-widget .table tr th,
.schedule-widget .table tr td{
	padding:10px 15px;
}
.schedule-widget .table tr th{
	text-transform:uppercase;
	border-bottom:1px solid #f4f4f4;
}
.schedule-widget .table tr td:first-child{
	font-size:12px;
	color:#999;
	padding-top:18px;
	background:#fafafa;
	border-right:1px solid #f4f4f4;
}
.schedule-widget .table tr td h4{
	font-size:13px;
	line-height:23px;
	text-transform:uppercase;
}
.schedule-widget .table tr td p{
	font-size:12px;
	line-height:28px;
	color:#999;
}
.schedule-widget .panel-heading:after{
	display: none !important;
}

/* Item */
.accordian-image-widget .ui-item{
	max-width:600px;
	margin:0px auto;
	border:1px solid #e8e8e8;
	border-bottom:0px;
	background:#fcfcfc;
}
.accordian-image-widget .ui-item:last-child{
	border-bottom:1px solid #e8e8e8;
}
/* Heading */
.accordian-image-widget .ui-item a.ui-heading{
	padding:8px 10px;
	display:block;
}
@media(max-width: 360px){
	.accordian-image-widget .ui-item a.ui-heading{
		padding:5px 10px 10px;
	}
}
/* Left */
.accordian-image-widget a.ui-heading span.ui-left{
	margin:3px 0px;
	display:inline-block;
	font-size:13px;
	line-height:23px;
	font-weight:600;
	color:#888;
}
@media(max-width: 481px){
	.accordian-image-widget  a.ui-heading span.ui-left{
		margin:5px auto 12px;
	}
}
@media(max-width: 360px){
	.accordian-image-widget a.ui-heading span.ui-left{
		width:100%;
		font-size:12px;
		line-height:22px;
	}
}
/* Badge */
.accordian-image-widget a.ui-heading span.ui-left span.badge{
	margin:0px 5px;
	font-weight:600;
}
/* Right */
.accordian-image-widget a.ui-heading span.ui-right{
	float:right;
	width:130px;
}
@media(max-width: 481px){
	.accordian-image-widget a.ui-heading span.ui-right{
		float:none;
	}
}
/* Image */
.accordian-image-widget a.ui-heading span.ui-right img{
	width:30px;
	border-radius:100%;
	display:inline-block;
}
/* Heading  */
.accordian-image-widget a.ui-heading span.ui-right span.ui-heading{
	font-size:13px;
	line-height:23px;
	font-weight:600;
	margin:0px 8px;
	color:#888;
}
@media(max-width: 300px){
	.accordian-image-widget  a.ui-heading span.ui-right span.ui-heading{
		font-size:12px;
		line-height:22px;
	}
}
/* Icon */
.accordian-image-widget  a.ui-heading span.ui-right span.ui-icon{
	float:right;
	width:23px;
	height:23px;
	line-height:21px;
	text-align:center;
	border-radius:100%;
	font-size:14px;
	margin:4px 0px;
	border:1px solid #ddd;
	background:#fafafa;
	color:#aaa;
}
/* Details */
.accordian-image-widget  .ui-item .ui-details{
	padding:10px 20px;
	border-top:1px solid #e7e7e7;
	display:none;
	background:#fff;
}
/* Company Name */
.accordian-image-widget .ui-details h5{
	font-size:14px;
	line-height:24px;
	font-weight:600;
	color:#888;
}
.accordian-image-widget .ui-details p{
	font-size:12px;
	line-height:25px;
	font-weight:400;
	color:#aaa;
}
.box-fullscreen{
	  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
}
.page-box-fullscreen{
	overflow: hidden;
}
.sticky-notes{
	margin:100px auto;
}
.sticky-notes .ui-item{
	max-width:280px;
	height:200px;
	margin:20px auto;
	color:#fff;
	padding:20px;
	position: relative;
	box-shadow:inset 0px 4px 3px 0px rgba(0,0,0,0.1);
	font-family: Architects Daughter;
}
.sticky-notes .ui-item:before,
.sticky-notes .ui-item:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 15px;
	left: 10px;
	width: 50%;
	top: 50%;
	max-width: 300px;
	background: rgba(0, 0, 0, 0.2);
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}
.sticky-notes .ui-item:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 10px;
	left: auto;
}
.sticky-notes .ui-item > i{
	font-size:40px;
	position:absolute;
	color:#fff;
	top:-19px;
	left:10px;
	text-shadow:0px 0px 1px rgba(0,0,0,0.6);
}
.sticky-notes .ui-item h2{
	color:#fff;
	font-size:25px;
	line-height:35px;
	font-weight:400;
	margin-bottom:5px;
	font-family: Architects Daughter;
}
.sticky-notes .ui-item p{
	font-size:15px;
	line-height:28px;
}

/* UI X */
.coming-soon{
	text-align:center;
	color:#fff;
	margin-top:50px;
	padding:20px 10px;
}
.coming-soon h3{
	font-size:60px;
	line-height:75px;
	font-weight:300;
	color:#fff;
	margin:10px 0px;
	text-shadow:0px 0px 10px rgba(0,0,0,0.2);
}
.coming-soon .countdown{
	margin-top:30px;
	text-align:center;
}
.coming-soon .countdown .date{
	display:inline-block;
	font-size:40px;
	width:120px;
	height:120px;
	border-radius:100px;
	color:#fff;
	padding-top:20px;
	margin-right:7px;
	margin-left:7px;
	margin-bottom:10px;
	background:rgba(0,0,0,0.2);
	border:3px solid rgba(0, 0, 0, 0.1);
	box-shadow:inset 0px 0px 15px rgba(0,0,0,0.1);
}
.countdown .date span{
	display:block;
	font-size:13px;
	color:rgba(255,255,255,0.6);
	margin-top:0px;
}
.coming-soon hr{
	max-width:500px;
	margin:0 auto;
	margin-top:40px;
	margin-bottom:40px;
	border-top:1px solid rgba(0,0,0,0.1);
	border-bottom:0px
}
.coming-soon h4{
	color:#fff;
	margin-bottom:10px;
	font-weight:300;
}
.cs-footer{
	text-align:center;
	margin-top:40px;
	color:#fff;
	margin-bottom:10px;
}
.cs-footer a{
	color:#fff !important;
}
@media (max-width: 480px){
	.coming-soon h4{
		font-size:13px !important;
	}
	.coming-soon h3{
		font-size:40px !important;
	}
	.countdown{
		margin-top:40px !important;
	}
}
@media (max-width: 767px){
	.coming-soon h4{
		font-size:20px !important;
	}
	.coming-soon h4 span{
		padding:6px 13px;
	}
	.coming-soon h3{
		font-size:30px;
	}
	.countdown{
		margin-top:30px !important;
		margin-bottom:40px;
	}
	.countdown .date{
		font-size:35px !important;
		height:95px !important;
		width:95px !important;
		margin-left:5px !important;
		margin-right:5px !important;
		padding-top:20px !important;
	}
	.coming-soon-item hr{
		max-width:400px;
	}
}

.md-shadow-z-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18);
}

.md-shadow-z-1-i {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}

.md-shadow-z-1-hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.14), 0 1px 2px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-2-i {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22) !important;
}

.md-shadow-z-2-hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26);
}

.md-shadow-z-3 {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.md-shadow-z-3-i {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), 0 6px 6px rgba(0, 0, 0, 0.24) !important;
}

.md-shadow-z-3-hover {
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.26);
}

.md-shadow-z-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-4-i {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.26), 0 10px 10px rgba(0, 0, 0, 0.22) !important;
}

.md-shadow-z-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22);
}

.md-shadow-z-5-i {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.28), 0 15px 12px rgba(0, 0, 0, 0.22) !important;
}

.md-shadow-none {
  box-shadow: none !important;
}

.md-click-circle {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  -webkit-animation: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
.md-click-circle.md-click-animate {
  -webkit-animation: mdClickEffect 0.55s linear;
  -moz-animation: mdClickEffect 0.55s linear;
  animation: mdClickEffect 0.55s linear;
}

@-webkit-keyframes mdClickEffect {
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
  }
}
@-moz-keyframes mdClickEffect {
  100% {
    opacity: 0;
    -moz-transform: scale(2.5);
  }
}
@keyframes mdClickEffect {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
.form-group.form-md-line-input {
  position: relative;
  margin: 0 0 35px 0;
  padding-top: 20px;
}
.form-horizontal .form-group.form-md-line-input {
  padding-top: 10px;
  margin-bottom: 20px;
  margin: 0 -15px 20px -15px;
}
.form-horizontal .form-group.form-md-line-input > label {
  padding-top: 5px;
  font-size: 13px;
  color: #888888;
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}
.form-group.form-md-line-input .form-control {
  background: none;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  color: #333;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}
.form-group.form-md-line-input .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-group.form-md-line-input .form-control:-ms-input-placeholder {
  color: #999;
}
.form-group.form-md-line-input .form-control::-webkit-input-placeholder {
  color: #999;
}
.form-group.form-md-line-input .form-control.form-control-static {
  border-bottom: 0;
}
.form-group.form-md-line-input .form-control.input-sm {
  font-size: 14px;
  padding: 6px 0;
}
.form-group.form-md-line-input .form-control.input-lg {
  font-size: 20px;
  padding: 14px 0;
}
.form-group.form-md-line-input .form-control ~ label,
.form-group.form-md-line-input .form-control ~ .form-control-focus {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  pointer-events: none;
}
.form-horizontal .form-group.form-md-line-input .form-control ~ label, .form-horizontal
.form-group.form-md-line-input .form-control ~ .form-control-focus {
  width: auto;
  left: 15px;
  right: 15px;
}
.form-group.form-md-line-input .form-control ~ label:after,
.form-group.form-md-line-input .form-control ~ .form-control-focus:after {
  content: '';
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
  width: 0;
  visibility: hidden;
  transition: 0.2s ease all;
}
.form-group.form-md-line-input .form-control ~ label {
  top: 0;
  margin-bottom: 0;
  font-size: 13px;
  color: #888888;
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus {
  color: #888888;
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  visibility: visible;
  left: 0;
  width: 100%;
  background: #45B6AF;
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ label {
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}
.form-group.form-md-line-input .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input .form-control.focus:not([readonly]) ~ .help-block {
  color: #45B6AF;
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}
.form-group.form-md-line-input .form-control[readonly], .form-group.form-md-line-input .form-control[disabled], fieldset[disabled] .form-group.form-md-line-input .form-control {
  background: none;
  cursor: not-allowed;
  border-bottom: 1px dashed #e5e5e5;
}
.form-group.form-md-line-input.form-md-floating-label .form-control ~ label {
  font-size: 16px;
  top: 25px;
  transition: 0.2s ease all;
  color: #999;
}
.form-group.form-md-line-input.form-md-floating-label .form-control[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.focus:not([readonly]) ~ label {
  top: 0;
  font-size: 13px;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm ~ label {
  font-size: 14px;
  top: 24px;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.input-sm[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-sm.focus:not([readonly]) ~ label {
  top: 0;
  font-size: 13px;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg ~ label {
  font-size: 20px;
  top: 30px;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.input-lg[readonly] ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.edited ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.form-control-static ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg:focus:not([readonly]) ~ label, .form-group.form-md-line-input.form-md-floating-label .form-control.input-lg.focus:not([readonly]) ~ label {
  top: 0;
  font-size: 13px;
}
.form-group.form-md-line-input.form-md-floating-label .input-icon > label {
  padding-left: 34px;
}
.form-group.form-md-line-input.form-md-floating-label .input-icon.right > label {
  padding-left: 0;
  padding-right: 34px;
}
.form-group.form-md-line-input.form-md-floating-label .input-group.left-addon label {
  padding-left: 34px;
}
.form-group.form-md-line-input.form-md-floating-label .input-group.right-addon label {
  padding-right: 34px;
}
.form-group.form-md-line-input + .input-icon {
  padding-top: 0;
}
.form-group.form-md-line-input .help-block {
  position: absolute;
  margin: 2px 0 0 0;
  opacity: 0 ;
  filter: alpha(opacity=0) ;
  font-size: 13px;
}
.form-group.form-md-line-input > .input-icon > i {
  left: 0;
  bottom: 0;
  margin: 9px 2px 10px 10px;
  color: #888888;
}
.form-group.form-md-line-input > .input-icon.input-icon-lg > i {
  top: 6px;
}
.form-group.form-md-line-input > .input-icon.input-icon-sm > i {
  top: -1px;
}
.form-group.form-md-line-input > .input-icon .form-control {
  padding-left: 34px;
}
.form-group.form-md-line-input > .input-icon > label {
  margin-top: -20px;
}
.form-group.form-md-line-input > .input-icon.right .form-control {
  padding-left: 0;
  padding-right: 34px;
}
.form-group.form-md-line-input > .input-icon.right > i {
  left: auto;
  right: 8px;
  margin: 11px 2px 10px 10px;
}
.form-group.form-md-line-input + .input-group {
  padding-top: 0;
}
.form-group.form-md-line-input .input-group {
  padding-top: 0;
}
.form-group.form-md-line-input .input-group > label {
  margin-top: -20px;
}
.form-group.form-md-line-input .input-group .input-group-addon {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  background: none;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.form-group.form-md-line-input .input-group + .input-group-control {
  padding-top: 0;
}
.form-group.form-md-line-input .input-group .input-group-control {
  padding-top: 0;
  position: relative;
  display: table-cell;
  vertical-align: bottom;
}
.form-group.form-md-line-input .input-group .input-group-control > label {
  margin-top: -20px;
}
.form-group.form-md-line-input .input-group .input-group-btn .btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.form-group.form-md-line-input .input-group .input-group-btn.btn-left .btn {
  margin-right: 10px;
}
.form-group.form-md-line-input .input-group .input-group-btn.btn-right .btn {
  margin-left: 10px;
}
.form-group.form-md-line-input .input-group .help-block {
  margin-top: 35px;
}
.form-group.form-md-line-input .input-group.input-group-sm .help-block {
  margin-top: 30px;
}
.form-group.form-md-line-input .input-group.input-group-lg .help-block {
  margin-top: 47px;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-success .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  background: #3c763d;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ label {
  color: #3c763d;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ i {
  color: #3c763d;
}
.form-group.form-md-line-input.has-success .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-success .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-success .form-control.focus:not([readonly]) ~ .help-block {
  color: #3c763d;
}
.form-group.form-md-line-input.has-success .input-group-addon {
  color: #3c763d;
}
.form-horizontal .form-group.form-md-line-input.has-success > label {
  color: #3c763d;
}
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  background: #8a6d3b;
}
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ label {
  color: #8a6d3b;
}
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ i {
  color: #8a6d3b;
}
.form-group.form-md-line-input.has-warning .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-warning .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-warning .form-control.focus:not([readonly]) ~ .help-block {
  color: #8a6d3b;
}
.form-group.form-md-line-input.has-warning .input-group-addon {
  color: #8a6d3b;
}
.form-horizontal .form-group.form-md-line-input.has-warning > label {
  color: #8a6d3b;
}
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-error .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  background: #a94442;
}
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ label {
  color: #a94442;
}
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ i {
  color: #a94442;
}
.form-group.form-md-line-input.has-error .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-error .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-error .form-control.focus:not([readonly]) ~ .help-block {
  color: #a94442;
}
.form-group.form-md-line-input.has-error .input-group-addon {
  color: #a94442;
}
.form-horizontal .form-group.form-md-line-input.has-error > label {
  color: #a94442;
}
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label:after,
.form-group.form-md-line-input.has-info .form-control.form-control-static ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .form-control-focus:after, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label:after,
.form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .form-control-focus:after {
  background: #31708f;
}
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label {
  color: #31708f;
}
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ i {
  color: #31708f;
}
.form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block {
  color: #31708f;
}
.form-group.form-md-line-input.has-info .input-group-addon {
  color: #31708f;
}
.form-horizontal .form-group.form-md-line-input.has-info > label {
  color: #31708f;
}

.form-inline .form-md-line-input {
  margin: 0;
  padding-top: 0;
  margin-right: 20px;
}
.form-inline .form-md-line-input > .input-icon {
  padding: 0;
}

.form-horizontal .form-group.form-md-line-input .input-icon .form-control {
  padding-left: 33px;
}
.form-horizontal .form-group.form-md-line-input .input-icon > i {
  top: 0;
}
.form-horizontal .form-group.form-md-line-input .input-icon.right .form-control {
  padding-left: 0;
  padding-right: 33px;
}
.form-horizontal .form-group.form-md-line-input .input-icon > .form-control-focus {
  left: 0 !important;
  right: 0 !important;
}
.form-horizontal .form-group.form-md-line-input .input-group {
  padding-top: 0;
}
.form-horizontal .form-group.form-md-line-input .input-group > .input-group-btn .btn {
  margin-bottom: 0 !important;
}
.form-horizontal .form-group.form-md-line-input .input-group > .input-group-control {
  padding-top: 0;
}
.form-horizontal .form-group.form-md-line-input .input-group > .input-group-control > .form-control-focus {
  left: 0 !important;
  right: 0 !important;
}
.form-horizontal .form-group.form-md-line-input .input-group > .form-control-focus {
  left: 0 !important;
  right: 0 !important;
}

.md-checkbox {
  position: relative;
  /* handling click events */
  /* when checkbox is checked */
}
.md-checkbox.md-checkbox-inline {
  display: inline-block;
}
.form-inline .md-checkbox.md-checkbox-inline {
  margin-right: 20px;
  top: 3px;
}
.md-checkbox input[type=checkbox] {
  visibility: hidden;
  position: absolute;
}
.md-checkbox label {
  cursor: pointer;
  padding-left: 30px;
}
.md-checkbox label > span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.md-checkbox label > span.inc {
  background: #fff;
  left: -20px;
  top: -20px;
  height: 60px;
  width: 60px;
  opacity: 0;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
}
.md-checkbox label > .box {
  top: 0px;
  border: 2px solid #666;
  height: 20px;
  width: 20px;
  z-index: 5;
  -webkit-transition-delay: 0.2s;
  -moz-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.md-checkbox label > .check {
  top: -4px;
  left: 6px;
  width: 10px;
  height: 20px;
  border: 2px solid #45B6AF;
  border-top: none;
  border-left: none;
  opacity: 0;
  z-index: 5;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition-delay: 0.3s;
  -moz-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.md-checkbox label > span.inc {
  -webkit-animation: growCircle 0.3s ease;
  -moz-animation: growCircle 0.3s ease;
  animation: growCircle 0.3s ease;
}
.md-checkbox input[type=checkbox]:checked ~ label > .box {
  opacity: 0;
  -webkit-transform: scale(0) rotate(-180deg);
  -moz-transform: scale(0) rotate(-180deg);
  transform: scale(0) rotate(-180deg);
}
.md-checkbox input[type=checkbox]:checked ~ label > .check {
  opacity: 1;
  -webkit-transform: scale(1) rotate(45deg);
  -moz-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg);
}
.md-checkbox input[type=checkbox]:disabled ~ label,
.md-checkbox input[type=checkbox][disabled] ~ label {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;
}
.md-checkbox input[type=checkbox]:disabled ~ label > .box,
.md-checkbox input[type=checkbox][disabled] ~ label > .box {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;
}
.md-checkbox input[type=checkbox]:disabled:checked ~ label > .check,
.md-checkbox input[type=checkbox][disabled]:checked ~ label > .check {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;
}
.md-checkbox.has-error label {
  color: #F3565D;
}
.md-checkbox.has-error label > .box {
  border-color: #F3565D;
}
.md-checkbox.has-error label > .check {
  border-color: #F3565D;
}
.md-checkbox.has-info label {
  color: #89C4F4;
}
.md-checkbox.has-info label > .box {
  border-color: #89C4F4;
}
.md-checkbox.has-info label > .check {
  border-color: #89C4F4;
}
.md-checkbox.has-success label {
  color: #45B6AF;
}
.md-checkbox.has-success label > .box {
  border-color: #45B6AF;
}
.md-checkbox.has-success label > .check {
  border-color: #45B6AF;
}
.md-checkbox.has-warning label {
  color: #dfba49;
}
.md-checkbox.has-warning label > .box {
  border-color: #dfba49;
}
.md-checkbox.has-warning label > .check {
  border-color: #dfba49;
}

.form-md-checkboxes > label {
  font-size: 13px;
  color: #888888;
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}
.form-md-checkboxes.has-error > label {
  color: #F3565D;
}
.form-md-checkboxes.has-info > label {
  color: #89C4F4;
}
.form-md-checkboxes.has-success > label {
  color: #45B6AF;
}
.form-md-checkboxes.has-warning > label {
  color: #dfba49;
}

.md-checkbox-list {
  margin: 10px 0;
}
.form-horizontal .md-checkbox-list {
  margin-top: 0px;
}
.md-checkbox-list .md-checkbox {
  display: block;
  margin-bottom: 10px;
}

.md-checkbox-inline {
  margin: 10px 0;
}
.form-horizontal .md-checkbox-inline {
  margin-top: 5px;
}
.md-checkbox-inline .md-checkbox {
  display: inline-block;
  margin-right: 20px;
}
.md-checkbox-inline .md-checkbox:last-child {
  margin-right: 0;
}

/* bubble animation */
@-webkit-keyframes growCircle {
  0%, 100% {
    -webkit-transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    -webkit-transform: scale(1.25);
  }
}
@-moz-keyframes growCircle {
  0%, 100% {
    -moz-transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    -moz-transform: scale(1.25);
  }
}
@keyframes growCircle {
  0%, 100% {
    transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    transform: scale(1.25);
  }
}
.md-radio {
  position: relative;
  /* handling click events */
  /* when radio is checked */
}
.md-radio input[type=radio] {
  visibility: hidden;
  position: absolute;
}
.md-radio label {
  cursor: pointer;
  padding-left: 30px;
}
.md-radio label > span {
  display: block;
  position: absolute;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.md-radio label > span.inc {
  background: #fff;
  left: -20px;
  top: -20px;
  height: 60px;
  width: 60px;
  opacity: 0;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
}
.md-radio label > .box {
  top: 0px;
  border: 2px solid #666;
  height: 20px;
  width: 20px;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  z-index: 5;
}
.md-radio label > .check {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  background: #45B6AF;
  opacity: 0;
  z-index: 6;
  border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  -webkit-border-radius: 50% !important;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  transform: scale(0);
}
.md-radio label > span.inc {
  -webkit-animation: growCircleRadio 0.3s ease;
  -moz-animation: growCircleRadio 0.3s ease;
  animation: growCircleRadio 0.3s ease;
}
.md-radio input[type=radio]:checked ~ label > .check {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);
}
.md-radio input[type=radio]:disabled ~ label,
.md-radio input[type=radio][disabled] ~ label {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;
}
.md-radio input[type=radio]:disabled ~ label > .box,
.md-radio input[type=radio][disabled] ~ label > .box {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;
}
.md-radio input[type=radio]:disabled:checked ~ label > .check,
.md-radio input[type=radio][disabled]:checked ~ label > .check {
  cursor: not-allowed;
  opacity: 0.7 ;
  filter: alpha(opacity=70) ;
}
.md-radio.has-error label {
  color: #F3565D;
}
.md-radio.has-error label > .box {
  border-color: #F3565D;
}
.md-radio.has-error label > .check {
  background: #F3565D;
}
.md-radio.has-info label {
  color: #89C4F4;
}
.md-radio.has-info label > .box {
  border-color: #89C4F4;
}
.md-radio.has-info label > .check {
  background: #89C4F4;
}
.md-radio.has-success label {
  color: #45B6AF;
}
.md-radio.has-success label > .box {
  border-color: #45B6AF;
}
.md-radio.has-success label > .check {
  background: #45B6AF;
}
.md-radio.has-warning label {
  color: #dfba49;
}
.md-radio.has-warning label > .box {
  border-color: #dfba49;
}
.md-radio.has-warning label > .check {
  background: #dfba49;
}

.form-md-radios > label {
  font-size: 13px;
  color: #888888;
  opacity: 1 ;
  filter: alpha(opacity=100) ;
}
.form-md-radios.has-error > label {
  color: #F3565D;
}
.form-md-radios.has-info > label {
  color: #89C4F4;
}
.form-md-radios.has-success > label {
  color: #45B6AF;
}
.form-md-radios.has-warning > label {
  color: #dfba49;
}

.md-radio-list {
  margin: 10px 0;
}
.form-horizontal .md-radio-list {
  margin-top: 0px;
}
.md-radio-list .md-radio {
  display: block;
  margin-bottom: 10px;
}

.md-radio-inline {
  margin: 10px 0;
}
.form-horizontal .md-radio-inline {
  margin-top: 5px;
}
.md-radio-inline .md-radio {
  display: inline-block;
  margin-right: 20px;
}
.md-radio-inline .md-radio:last-child {
  margin-right: 0;
}

/* bubble animation */
@-webkit-keyframes growCircleRadio {
  0%, 100% {
    -webkit-transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    -webkit-transform: scale(1.25);
  }
}
@-moz-keyframes growCircleRadio {
  0%, 100% {
    -moz-transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    -moz-transform: scale(1.25);
  }
}
@keyframes growCircleRadio {
  0%, 100% {
    transform: scale(0);
    opacity: 1;
  }
  70% {
    background: #eee;
    transform: scale(1.25);
  }
}


/***
iCheck
***/
.icheck-list > label {
  display: block;
  margin-bottom: 8px;
}
.icheck-list > label:last-child {
  margin-bottom: 0;
}

.form-horizontal .icheck-inline {
  margin-top: 8px;
}
.icheck-inline > label {
  display: inline-block;
  margin-left: 15px;
}
.icheck-inline > label:first-child {
  margin-left: 0;
}

div[class*='icheckbox_'],
div[class*='iradio_'] {
  margin-right: 5px;
  top: -1px !important;
}

.icheck-colors {
  padding: 0;
  margin: 0;
  list-style: none;
}
.icheck-colors > li {
  padding: 0;
  margin: 4px;
  float: left;
  display: inline-block;
  height: 20px;
  width: 20px;
  background: #000000;
  opacity: 0.6 ;
  filter: alpha(opacity=60) ;
}
.icheck-colors > li:first-child {
  margin-left: 0;
}
.icheck-colors > li:hover {
  opacity: 1 ;
  filter: alpha(opacity=100) ;
  cursor: pointer;
}
.icheck-colors > li.active {
  height: 26px;
  margin-top: 0;
  opacity: 0.6 ;
  filter: alpha(opacity=60) ;
}
.icheck-colors > li.red {
  background: #d54e21;
}
.icheck-colors > li.green {
  background: #78a300;
}
.icheck-colors > li.blue {
  background: #0e76a8;
}
.icheck-colors > li.aero {
  background: #9cc2cb;
}
.icheck-colors > li.grey {
  background: #73716e;
}
.icheck-colors > li.orange {
  background: #f70;
}
.icheck-colors > li.yellow {
  background: #fc0;
}
.icheck-colors > li.pink {
  background: #ff66b5;
}
.icheck-colors > li.purple {
  background: #6a5a8c;
}
.input-icon{
	position: relative;
}
.input-icon > i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 11px 2px 4px 10px;
  z-index: 3;
  width: 16px;
  font-size: 16px;
  text-align: center;
}
.input-icon > .form-control {
  padding-left: 33px;
}
.input-icon.right > .form-control {
  padding-right: 33px;
  padding-left: 12px;
}
.input-icon.right > i {
  right: 8px;
  float: right;
}
input[type="text"].spinner, input[type="password"].spinner, input[type="datetime"].spinner, input[type="datetime-local"].spinner, input[type="date"].spinner, input[type="month"].spinner, input[type="time"].spinner, input[type="week"].spinner, input[type="number"].spinner, input[type="email"].spinner, input[type="url"].spinner, input[type="search"].spinner, input[type="tel"].spinner, input[type="color"].spinner {
  background-image: url("../img/input-spinner.gif") !important;
  background-repeat: no-repeat;
  background-position: right 8px;
}
.form-row-seperated .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 15px 0;
}

/***
Select2 Plugin
***/
.form-control .select2-choice {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  background-image: none;
  filter: none;
  height: 34px;
  padding: 3px 0 0px 12px;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #e5e5e5;
  background-color: #fff;
  background-image: none;
  filter: none;
}

.select2-drop {
  border: 1px solid #e5e5e5;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  filter: none;
  border-top: 0;
}

.select2-drop-auto-width {
  border-top: 1px solid #e5e5e5;
}

.select2-drop.select2-drop-above {
  border-top: 1px solid #e5e5e5;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-drop-active {
  border: 1px solid #999;
  border-top: 0;
}

.select2-container .select2-choice .select2-arrow {
  background-image: none;
  background-color: #fff;
  filter: none;
  border-left: 1px solid #e5e5e5;
}

.select2-container.select2-container-active .select2-arrow,
.select2-container.select2-dropdown-open .select2-arrow {
  border-left: 0 !important;
}

.select2-container .select2-choice .select2-arrow b {
  background-position: 0 1px;
}

.select2-search input {
  border: 1px solid #e5e5e5;
  background-color: #fff !important;
  filter: none;
  margin: 0;
  outline: 0;
  border: 1px solid #e5e5e5;
  webkit-appearance: none !important;
  color: #333333;
  outline: 0;
  box-shadow: none;
  height: auto !important;
  min-height: 26px;
  padding: 6px 6px !important;
  line-height: 20px;
  font-size: 14px;
  font-weight: normal;
  vertical-align: top;
  background-color: #ffffff;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-top: 5px;
}

.form-control.select2-container {
  border: 0;
  height: auto !important;
  padding: 0px;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #999 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-dropdown-open .select2-choice {
  border-bottom: 0 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #999 !important;
  border-top: 0 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border: 1px solid #999 !important;
  border-bottom: 0 !important;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

.select2-results {
  margin: 5px 0;
}

.select2-results .select2-highlighted {
  background: #eee;
  color: #333;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  padding: 3px 7px 4px;
  background: #f4f4f4;
  display: list-item;
}

.select2-container-multi {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.select2-container-multi .select2-choices {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.select2-container-multi.select2-dropdown-open {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.select2-container-multi.select2-dropdown-open .select2-choices {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.select2-container-multi.select2-dropdown-open.select2-drop-above {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.select2-container-multi.select2-dropdown-open.select2-drop-above .select2-choices {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.select2-container-multi .select2-choices {
  padding-left: 6px;
  min-height: 34px;
  border: 1px solid #e5e5e5;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #999 !important;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 5px 0 3px 5px;
  border: 1px solid #e5e5e5;
  background-image: none;
  background-color: #fff;
  filter: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.form-bordered .form-group {
  margin: 0;
  border-bottom: 1px solid #efefef;
}
.form-bordered .form-group > div {
  padding: 15px;
  border-left: 1px solid #efefef;
}
.form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}

.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
  background-color: #fcfcfc;
}
.form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) > div {
  background-color: #ffffff;
}
.form-bordered .form-group .control-label {
  padding-top: 20px;
}

.editable-input .combodate select {
  margin-bottom: 5px;
}



/* Form input sizing */
.input-mini {
  width: 45px !important;
}

.input-xsmall {
  width: 80px !important;
}

.input-small {
  width: 145px !important;
}

.input-medium {
  width: 240px !important;
}

.input-large {
  width: 320px !important;
}

.input-xlarge {
  width: 420px !important;
}

.input-inline {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.input-fixed {
  overflow: hidden;
}

.form-group .input-inline {
  margin-right: 5px;
}

.input-sm {
  height: 28px;
  padding: 5px 10px;
  font-size: 13px;
}

select.input-sm {
  height: 28px;
  line-height: 28px;
  padding: 2px 10px;
}

@media (max-width: 768px) {
  /* 768px */
  .input-large {
    width: 250px !important;
  }

  .input-xlarge {
    width: 300px !important;
  }
}
/* Input  groups */
.input-group .btn-default {
  border-color: #e5e5e5;
}
.input-group .input-group-addon {
  border-color: #e5e5e5;
  background: #e5e5e5;
  min-width: 39px;
}
.input-group .input-group-addon > i {
  color: #999;
}

/* Input spinner */
input[type="text"].spinner,
input[type="password"].spinner,
input[type="datetime"].spinner,
input[type="datetime-local"].spinner,
input[type="date"].spinner,
input[type="month"].spinner,
input[type="time"].spinner,
input[type="week"].spinner,
input[type="number"].spinner,
input[type="email"].spinner,
input[type="url"].spinner,
input[type="search"].spinner,
input[type="tel"].spinner,
input[type="color"].spinner {
  background-image: url("../img/input-spinner.gif") !important;
  background-repeat: no-repeat;
  background-position: right 8px;
}



.fileinput {
  margin-bottom: 0;
}
.fileinput .close {
  float: none;
}
.fileinput .input-group {
  white-space: nowrap;
  overflow: hidden;
}

.modal-open .datetimepicker {
  z-index: 10055 !important;
}
.modal-open .daterangepicker {
  z-index: 10055 !important;
}
.modal-open .clockface {
  z-index: 10055 !important;
}
.modal-open .bootstrap-timepicker-widget{
  z-index: 10055 !important;
	
}
.bootstrap-timepicker-widget table td input{
	border:1px solid #dadada;
}
.with-checkbox{
	  padding: 6px 10px;
}
.with-checkbox label{
	margin-bottom: 0px;
}

/* Forum styles  */
.forum-post-container .media {
  margin: 10px 10px 10px 10px;
  padding: 20px 10px 20px 10px;
  border-bottom: 1px solid #f1f1f1;
}
.forum-avatar {
  float: left;
  margin-right: 20px;
  text-align: center;
  width: 110px;
}
.forum-avatar .img-circle {
  height: 48px;
  width: 48px;
}
.author-info {
  color: #676a6c;
  font-size: 11px;
  margin-top: 5px;
  text-align: center;
}
.forum-post-info {
  padding: 9px 12px 6px 12px;
  background: #f9f9f9;
  border: 1px solid #f1f1f1;
}
.media-body > .media {
  background: #f9f9f9;
  border-radius: 3px;
  border: 1px solid #f1f1f1;
}
.forum-post-container .media-body .photos {
  margin: 10px 0;
}
.forum-photo {
  max-width: 140px;
  border-radius: 3px;
}
.media-body > .media .forum-avatar {
  width: 70px;
  margin-right: 10px;
}
.media-body > .media .forum-avatar .img-circle {
  height: 38px;
  width: 38px;
}
.mid-icon {
  font-size: 66px;
}
.forum-item {
  margin: 10px 0;
  padding: 10px 0 20px;
  border-bottom: 1px solid #f1f1f1;
}
.views-number {
  font-size: 24px;
  line-height: 18px;
  font-weight: 400;
}
.forum-container,
.forum-post-container {
  padding: 30px !important;
}
.forum-item small {
  color: #999;
}
.forum-item .forum-sub-title {
  color: #999;
  margin-left: 50px;
}
.forum-title {
  margin: 15px 0 15px 0;
}
.forum-info {
  text-align: center;
}
.forum-desc {
  color: #999;
}
.forum-icon {
  float: left;
  width: 30px;
  margin-right: 20px;
  text-align: center;
}
a.forum-item-title {
  color: inherit;
  display: block;
  font-size: 18px;
  font-weight: 600;
}
a.forum-item-title:hover {
  color: inherit;
}
.forum-icon .fa {
  font-size: 30px;
  margin-top: 8px;
  color: #9b9b9b;
}
.forum-item.active .fa {
  color: #1ab394;
}
.forum-item.active a.forum-item-title {
  color: #1ab394;
}
@media (max-width: 992px) {
  .forum-info {
    margin: 15px 0 10px 0px;
    /* Comment this is you want to show forum info in small devices */
    display: none;
  }
  .forum-desc {
    float: none !important;
  }
}

/* FILE MANAGER */
.file-box {
  float: left;
  width: 190px;
}
.file-manager h5 {
  text-transform: uppercase;
}
.file-manager {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.folder-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.folder-list li {
  border-bottom: 1px solid #e7eaec;
  display: block;
}
.folder-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a {
  color: #666666;
  display: block;
  padding: 5px 0;
}
.category-list li {
  display: block;
}
.category-list li i {
  margin-right: 8px;
  color: #3d4d5d;
}
.category-list li a .text-navy {
  color: #1ab394;
}
.category-list li a .text-primary {
  color: #1c84c6;
}
.category-list li a .text-info {
  color: #23c6c8;
}
.category-list li a .text-danger {
  color: #EF5352;
}
.category-list li a .text-warning {
  color: #F8AC59;
}
.file-manager h5.tag-title {
  margin-top: 20px;
}
.tag-list li {
  float: left;
}
.tag-list li a {
  font-size: 10px;
  background-color: #f3f3f4;
  padding: 5px 12px;
  color: inherit;
  border-radius: 2px;
  border: 1px solid #e7eaec;
  margin-right: 5px;
  margin-top: 5px;
  display: block;
}
.file {
  border: 1px solid #e7eaec;
  padding: 0;
  background-color: #ffffff;
  position: relative;
  margin-bottom: 20px;
  margin-right: 20px;
}
.file-manager .hr-line-dashed {
  margin: 15px 0;
}
.file .icon,
.file .image {
  height: 100px;
  overflow: hidden;
}
.file .icon {
  padding: 15px 10px;
  text-align: center;
}
.file-control {
  color: inherit;
  font-size: 11px;
  margin-right: 10px;
}
.file-control.active {
  text-decoration: underline;
}
.file .icon i {
  font-size: 70px;
  color: #dadada;
}
.file .file-name {
  padding: 10px;
  background-color: #f8f8f8;
  border-top: 1px solid #e7eaec;
}
.file-name small {
  color: #676a6c;
}
.corner {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  line-height: 0;
  border: 0.6em solid transparent;
  border-right: 0.6em solid #f1f1f1;
  border-bottom: 0.6em solid #f1f1f1;
  right: 0em;
  bottom: 0em;
}
.font-100{
	font-weight:100;
}
.font-300{
	font-weight: 300;
}
.font-400{
	font-weight: 400;
}
.font-700{
	font-weight: 700;
}

/* ERROR & LOGIN & LOCKSCREEN*/
.middle-box {
  max-width: 400px;
  z-index: 100;
  margin: 0 auto;
  padding-top: 40px;
}
.lockscreen.middle-box {
  width: 200px;
  padding-top: 110px;
}
.loginscreen.middle-box {
  width: 300px;
}
.loginColumns {
  max-width: 800px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.passwordBox {
  max-width: 460px;
  margin: 0 auto;
  padding: 100px 20px 20px 20px;
}
.logo-name {
  color: #e6e6e6;
  font-size: 180px;
  font-weight: 800;
  letter-spacing: -10px;
  margin-bottom: 0px;
}
.middle-box h1 {
  font-size: 170px;
}
.wrapper .middle-box {
  margin-top: 140px;
}
.lock-word {
  z-index: 10;
  position: absolute;
  top: 110px;
  left: 50%;
  margin-left: -470px;
}
.lock-word span {
  font-size: 100px;
  font-weight: 600;
  color: #e9e9e9;
  display: inline-block;
}
.lock-word .first-word {
  margin-right: 160px;
}

/* Column Mobile */
.gallery-option-1 .col-mob{
	padding: 0px;
}
@media(max-width: 550px){
	.gallery-option-1 .col-mob{
		width: 100%;
	}
}
/* Item */
.gallery-option-1 a.ui-item{
	display: block;
	max-width: 375px;
	margin: 0px auto;
	position: relative;
	overflow: hidden;
	border:none !important;
	border-radius:0 !important;
}
/* Item Hover */
.gallery-option-1 a.ui-item > span.ui-hover{
	width: 100%;
	height: 100%;
	display: block;
	background: rgba(0,0,0,0.7);
	color: #fff;
	padding: 18% 23px;
	position: absolute;
	top: 0px;
	left: 0px;
	opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
@media(max-width: 290px){
	.gallery-option-1 a.ui-item > span.ui-hover{
		padding-top: 10%;
		padding-bottom: 12%;
	}
}
.gallery-option-1 a.ui-item:hover > span.ui-hover{
	opacity: 0;
}
/* Heading */
.gallery-option-1 a.ui-item > span.ui-hover > span{
	display: block;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
	margin-bottom:5px;
}
/* Paragraph */
.gallery-option-1 a.ui-item > span.ui-hover > strong{
	display: block;
	font-size: 13px;
	line-height: 23px;
	font-weight: 300;	
	margin: 0px;
}
@media(max-width: 950px){
	.gallery-2{
		padding:0px 25px;
	}
}
/* Column Padding */
.gallery-2 .col-mob{
	padding:0px;
}
@media(max-width: 500px){
	.gallery-2 .col-mob{
		width: 100%;
	}
}
/* Item */
.gallery-2 .ui-item{
	margin:0px;
	max-width: 100%;
	border-radius: 0px !important;
	border: 0px !important;
}
/* Flip */
.gallery-2 .ui-item .ui-flip {
	position: relative;
	transform-style: preserve-3d;
	transition: 1s transform;
}
.gallery-2  .ui-item:hover .ui-flip { 
	transform: rotateY(.5turn); 
}
/* Item Hover */
.gallery-2 .ui-item  .ui-flip .ui-hover {
	position: absolute;
	width: 100%; 
	height: 100%; 
	top: 0px;
	padding: 28% 0px;
	transform: rotateY(.5turn) translateZ(1px);
	background: rgba(255,255,255,1);
	text-align: center;
	opacity: 0;
	box-shadow: inset 0px 0px 50px rgba(0,0,0,0.11);
	-webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
	transition: all 0.5s;
	background:#fafafa;
}
.gallery-2 .ui-item:hover .ui-flip .ui-hover { 
	opacity: 1; 
}
/* Heading */
.gallery-2  .ui-item  .ui-flip .ui-hover h3{
	font-size: 25px;
	line-height: 35px;
	text-transform: uppercase;
	font-weight: 700;
}
.gallery-2  .ui-item  .ui-flip .ui-hover h3 > a{
	color: #fff;
	padding: 2px 10px 4px;
}

.ui-block{
	max-width: 300px;
	margin: 25px auto;
}
.ui-block h4 a{
	color:#fff;
}
/* Image style #1 */
.ui-style-one {
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.ui-style-one img {
	border-radius: 3px;
	-webkit-transition: all 2s ease;
	   -moz-transition: all 2s ease;
		-ms-transition: all 2s ease;
		 -o-transition: all 2s ease;
			transition: all 2s ease;
}
.ui-style-one .ui-hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	border-radius: 3px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.ui-style-one:hover .ui-hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ui-style-one:hover img{
	-webkit-transform: scale(1.2) rotate(8deg);
	   -moz-transform: scale(1.2) rotate(8deg);
		-ms-transform: scale(1.2) rotate(8deg);
		 -o-transform: scale(1.2) rotate(8deg);
			transform: scale(1.2) rotate(8deg);
}
.ui-style-one  .ui-caption {
	margin-top: 12%;
	text-align: center;
}
.ui-style-one  .ui-caption h4 {
	color: #fff;
	margin-bottom:0px;
}
.ui-style-one .ui-caption p{
	max-width:75%;
	margin:0px auto;
	color:rgba(255,255,255,0.8);
	line-height:23px;
	margin-bottom:10px;
}
.ui-style-one .ui-caption a{
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	color:#fff;
	border-radius:2px;
	line-height:30px;
}
/* Image style #2 */
.ui-style-two {
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.ui-style-two img {
	border-radius: 3px;
	-webkit-transition: all 2s ease;
	   -moz-transition: all 2s ease;
		-ms-transition: all 2s ease;
		 -o-transition: all 2s ease;
			transition: all 2s ease;
}
.ui-style-two .ui-hover {
	position: absolute;
	display: block;
	top: 100%;
	left: 0;
	z-index: 25;
	width: 100%;
	height: 0%;
	background: rgba(0,0,0,0.7);
	border-radius: 3px;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.ui-style-two:hover .ui-hover {
	top: 0;
	height:100%
}
.ui-style-two  .ui-caption {
	position: absolute;
	top: 10%;
	text-align: center;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.6s ease-in;
	-moz-transition: all 0.6s ease-in;
	-ms-transition: all 0.6s ease-in;
	-o-transition: all 0.6s ease-in;
	transition: all 0.6s ease-in;
	z-index:35;
}
.ui-style-two:hover  .ui-caption {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ui-style-two  .ui-caption h4 {
	color: #fff;
	margin-bottom:0px;
}
.ui-style-two .ui-caption p{
	max-width:75%;
	margin:0px auto;
	color:rgba(255,255,255,0.8);
	line-height:23px;
	margin-bottom:10px;
}
.ui-style-two .ui-caption a{
	display:inline-block;
	width:30px;
	height:30px;
	text-align:center;
	color:#fff;
	border-radius:2px;
	line-height:30px;
}
/* Image style #2 */
.ui-style-three {
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.ui-style-three img {
	border-radius: 3px;
}
.ui-style-three .ui-hover {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.ui-style-three:hover .ui-hover {
	top: 0;
}
.ui-style-three  .ui-caption {
	margin-top: 15%;
	text-align: center;
}
.ui-style-three   .ui-caption h4 a,
.ui-style-three   .ui-caption h4 {
	color: #fff;
}
.ui-style-three .ui-caption p{
	max-width:75%;
	margin:0px auto;
	color:#fff;
	line-height:23px;
}
/* Image style four */
.ui-style-four {
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.ui-style-four img {
	border-radius: 3px;
}
.ui-style-four  .ui-caption {
	position:absolute;
	bottom:0px;
	width:100%;
	padding:5px 15px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}
.ui-style-four  .ui-caption h4 {
	color: #fff;
	font-size:14px;
	font-weight:normal;
}
.ui-style-four  .ui-caption h4 span a i{
	color:#fff;
	margin-left:2px;
}
/* Image style five */
.ui-style-five{
	position:relative;
	z-index:10;
	overflow:hidden;
}
.ui-style-five img {
	border-radius: 3px;
}
.ui-style-five .ui-hover{
	width:100%;
	height:100%;
	border-radius:3px;
	position:absolute;
	top:0px;
	background:rgba(0,0,0,0.3);
}	
.ui-style-five  .ui-caption {
	width:100%;
	position:absolute;
	top:25%;
	text-align:center;
}
.ui-style-five  .ui-caption h4 {
	color: #fff;
	font-size:20px;
	display:inline-block;
	border-bottom:3px solid #32c8de;
	padding-bottom:3px;
}
.ui-style-five .ui-caption p{
	margin:0px auto;
	margin-top:3px;
	max-width:70%;
	line-height:23px;
	color:#fff;
}
/* Image style six */
.ui-style-six {
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.ui-style-six img {
	border-radius: 3px;
}
.ui-style-six  .ui-caption {
	position:absolute;
	top:50%;
	margin-top:-20px;
	left:-100%;
	background:rgba(0,0,0,0.6);
	height:40px;
	padding:4px 15px;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.ui-style-six:hover .ui-caption{
	left:0px;
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.ui-style-six  .ui-caption h4 {
	color: #fff;
	font-size:15px;
	line-height:28px;
}
.ui-style-six  .ui-caption p {
	color: rgba(255,255,255,0.9);
	margin-bottom:4px;
	line-height:23px;
}
/* Image style #7 */
.ui-style-seven {
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.ui-style-seven img {
	border-radius: 3px;
	-webkit-transition: all 2s ease;
	   -moz-transition: all 2s ease;
		-ms-transition: all 2s ease;
		 -o-transition: all 2s ease;
			transition: all 2s ease;
}
.ui-style-seven .ui-hover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	border-radius: 3px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.5s ease;
	   -moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		 -o-transition: all 0.5s ease;
			transition: all 0.5s ease;
}
.ui-style-seven:hover .ui-hover {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.ui-style-seven  .ui-caption {
	margin-top: 30%;
	text-align: center;
}
.ui-style-seven .ui-caption a {
	display:inline-block;
	width:35px;
	height:35px;
	border-radius:100px;
	margin:0px 2px;
	line-height:35px;
	color:#fff;
}
/* Image style eight */
.ui-style-eight{
	position:relative;
	z-index:10;
}
.ui-style-eight img {
	border-radius: 3px;
}
.ui-style-eight .ui-hover{
	width:100%;
	height:100%;
	border-radius:3px;
	position:absolute;
	top:0px;
	background:rgba(0,0,0,0.3);
}	
.ui-style-eight  .ui-caption {
	width:100%;
	position:absolute;
	bottom:-17px;
	text-align:center;
}
.ui-style-eight  .ui-caption a i{
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	margin:0px 2px;
	border-radius:100px;
	color:#fff;
}

.pricing-1{
	margin:40px 0px;
}
.pricing-1 .table{
	border-top:1px solid #ddd;
	background:#fff;
}		
.pricing-1 .table th,
.pricing-1 .table { 
	text-align: center; 
}
.pricing-1 .table th,
.pricing-1 .table td { 
	padding: 20px 10px; 
	border:1px solid #ddd;
}
.pricing-1 .table th { 
	width: 25%;
	font-size: 30px; 
	font-weight: 400;
	border-bottom: 0;
	background:#fcfcfc;
}
.pricing-1 .table td:first-child{
	padding-left: 20px;
	text-align: left; 
	padding-top:35px;
	background:#fcfcfc;
}
.pricing-1 tr td .ptable-title {
	font-size: 22px;
	font-weight:400;
}
.pricing-1 tr td .ptable-title i { 
	width: 23px;
	line-height: 25px;
	text-align: right;
	margin-right: 5px;
}
.pricing-1 .ptable-star {
	position: relative;
	display: block;
	text-align: center;
}
.pricing-1 .ptable-star i {
	width: 8px;
	font-size: 13px; 
}
.pricing-1 .ptable-price {
	display: block;
}
.pricing-1 tr td { 
	font-size: 16px; 
	line-height:32px;
	text-transform:uppercase;
}
.pricing-1 tr td i {
	display: block;
	margin-bottom: 12px;
	font-size: 30px;
}
.pricing-1 tr td:first-child i{
	display:inline;
	margin-bottom:0px;
	font-size:22px;
}

/* UI - X */
.pricing-2{
	margin: 60px 0px;
}
/* Column Mobile */
@media(max-width: 500px){
	.pricing-2 .col-mob{
		width: 100%;
	}
}
/* Item */
.pricing-2 .ui-item{
	max-width: 400px;
	margin: 20px auto;
	background: transparent;
	box-shadow: none;
	border: 0px;
}
/* Heading */
.pricing-2 .ui-item h3{
	width: 100%;
	font-size: 22px;
	line-height: 35px;
	font-weight: 400;
	margin:0px;
	padding:20px 0px;
	color:#fff;
	text-align: center;
	text-transform:uppercase;
}
/* Small Heading */
.pricing-2 .ui-item h4{
	color:#fff;
	background: #555;
	margin: 0px 10px;
	padding: 13px 0px 10px;
	text-align:center;
	font-size: 30px;
	font-weight: 400;
	line-height: 45px;
}
.pricing-2 .ui-item h4 > span{
	font-size: 18px;
}
/* Unordered Listing */
.pricing-2 .ui-item ul{
	padding:0px;
	list-style-type: none;
	border:1px solid #ddd;
	margin-bottom:0px;
}
.pricing-2 .ui-item ul li{
	padding:14px 0px;
	border-bottom: 1px solid #ddd;
	text-align:center;	
	font-size: 14px;
	line-height: 24px;
	color:#888;
	background:#fff;
}
/* Button */
.pricing-2 .ui-item .ui-btn{
	text-align:center;
	background: #fafafa;
	padding: 20px 0px;
	border: 1px solid #ddd;
}
.pricing-2 .ui-item .ui-btn a.btn{
	border:0px;
	text-transform:uppercase;
	font-weight:600;
}

/* UI X */
.pricing-3  {
	padding:60px 10px;
	margin:30px 0px;
}
.pricing-3 .pricing-content {
	max-width: 900px;
	margin: 20px auto;
	background: #fff;
	box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	border-radius: 6px;
}
.pricing-3 .pricing-item {
	padding: 30px 10px;
	text-align: center;
	background: #fff;
	border-radius: 6px;
}
.pricing-3 .pricing-item.highlight {
	position: absolute;
	top: -20px;
	z-index: 1000;
	width: 100%;
	padding: 50px 10px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
}
.pricing-3 h3{
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom:10px;
}
.pricing-3 h4 {
	font-size: 55px;
}
.pricing-3 h4 span {
	margin-right:5px;
	font-size: 20px;
}
.pricing-3 ul {
	margin:20px 0px;
}
.pricing-3 ul li {
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 14px;
}
@media (max-width: 767px){
	.pricing-3 .pricing-content {
		max-width: 320px;
		background:transparent;
		box-shadow:none;
	}
	.pricing-3 .pricing-item{
		box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	}	
	.pricing-3 .pricing-item.highlight {
		position: static;
		margin: 40px 0;
		box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	}
	
}
.error-page{
	padding: 100px 0;
}
.form-group:after{
	clear: both;
	content: "";
	display: table;
}

@media (max-width: 767px){
	.control-sidebar.control-sidebar-light,.control-sidebar-bg{
		display: none;
	}
	.navbar-custom-menu .navbar-nav .open .dropdown-menu{
		position: absolute;
	}
}