/* ==========================================================================
   Margins
   ========================================================================== */
.no-margin { margin: 0 !important; }

.mt-0 { margin-top: 0 !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }

.mb-0 { margin-bottom: 0 !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }

.mr-0 { margin-right: 0 !important; }
.ml-0 { margin-left: 0 !important; }

/* ==========================================================================
   Paddings
   ========================================================================== */
.no-padding { padding: 0 !important; }

.pt-0 { padding-top: 0 !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }

.pb-0 { padding-bottom: 0 !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }

.pr-0 { padding-right: 0 !important; }
.pl-0 { padding-left: 0 !important; }

.noTopBorder { border-top: 0 !important; }
.noBotBorder { border-bottom: 0 !important; }

/* ==========================================================================
   Misc.
   ========================================================================== */
.sliderImages { 	margin-top: -40px; }

.reportTotal {
	margin: 20px 0;
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    padding: 4px 8px;
	color: #797979;
}
	.reportTotal strong { font-weight: 400; }
	
.total-Amount { margin: 30px 0 10px; }
	
.mapBorder { border: 2px solid #f0f0f0; margin-bottom: 20px; }

.chosen-container { min-width: 100%; }

/* ==========================================================================
   Footer Lists
   ========================================================================== */
.activityLinks { padding: 0; }
.activityLinks li {
    position: relative;
    margin-bottom: 4px;
    padding: 0 0 4px 25px;
    border-bottom: 1px solid #494949;
	list-style: none;
	color: #999999;
	font-size: 12px;
}
.activityLinks li:last-child {
    border-bottom: 0;
}
.activityLinks li span {
    position: absolute;
    left: 0;
    top: 3px;
    height: 20px;
    color: #2481be;
}
.activityLinksHelp {
    cursor: help;
    margin-top: 4px;
	color: #999999;
}

.popover {
    background-color: #ffffff;
	color: #373737;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    display: none;
    font-size: 14px;
    font-weight: 300;
	line-height: 1;
}

/* ==========================================================================
   Alert Message Boxes
   ========================================================================== */
.alertMsg {
    padding: 10px 20px 10px 50px;
    position: relative;
	font-size: 14px;
    line-height: 20px;
	margin: 10px 0;
}
    .alertMsg a {
        display: block;
        position: absolute;
        top: 6px;
        right: 10px;
        color: #fff;
        text-decoration: none;
        font-size: 14pt;
        opacity: 0.4;
    }
		.alertMsg a:hover { opacity: 0.8; }

	.alertMsg a.textlink {
		color: #ffffff;
		display: inline;
		font-size: 15px;
		left: 10px;
		opacity: 0.6;
		position: inherit;
		top: 0;
	}

.alertMsg .msgIcon {
    font-size: 20px !important;
    color: #ffffff;
    position: absolute;
    top: 9px;
    left: 15px;
}

.alertMsg.default {
	border-left: 5px solid #dcdcdc;
	border-color: #cacaca;
	background-image: linear-gradient(#fafafa, #f0f0f0);
	color: #202b33;
}
	.alertMsg.default .msgIcon { color: #999999; }
	.alertMsg.default a { color: #202b33; }

.alertMsg.primary {
	border-left: 4px solid #2e79b9;
	border-color: #2a6496;
	background-image: linear-gradient(#3b8dbd, #357faa);
	color: #ffffff;
}
.alertMsg.info {
	border-left: 4px solid #31a3c4;
	border-color: #28a1c5;
	background-image: linear-gradient(#5bc0de, #46b8da);
	color: #ffffff;
}
.alertMsg.success {
	border-left: 4px solid #43a543;
	border-color: #3d8b3d;
	background-image: linear-gradient(#38af5b, #329c51);
	color: #ffffff;
}
.alertMsg.warning {
	border-left: 4px solid #cd851e;
	border-color: #df8a13;
	background-image: linear-gradient(#f0ad4e, #eea236);
	color: #ffffff;
}
.alertMsg.danger {
	border-left: 4px solid #c53734;
	border-color: #b52b27;
	background-image: linear-gradient(#d9534f, #d43f3a);
	color: #ffffff;
}
.alertMsg.inverse {
	border-left: 4px solid #232323;
	border-color: #232323;
	background-image: linear-gradient(#494949, #3c3c3c);
	color: #ffffff;
}

/* ==========================================================================
   Dashboard
   ========================================================================== */
.dashblocks {
    color: #fff;
	margin-bottom: 15px;
	-webkit-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

.dashblocks.default {
    background: #505050;
    border-color: #505050;
}
	.dashblocks.default:hover { background: #404040; }
.dashblocks.primary {
    background: #428bca;
    border-color: #428bca;
}
	.dashblocks.primary:hover { background: #2e79b9; }
.dashblocks.info {
    background: #46b8da;
    border-color: #46b8da;
}
	.dashblocks.info:hover { background: #31a3c4; }
.dashblocks.success {
    background: #5cb85c;
    border-color: #5cb85c;
}
	.dashblocks.success:hover { background: #43a543; }
.dashblocks.warning {
    background: #eea236;
    border-color: #eea236;
}
	.dashblocks.warning:hover { background: #cd851e; }
.dashblocks.danger {
    background: #d9534f;
    border-color: #d9534f;
}
	.dashblocks.danger:hover { background: #c53734; }

.dashblocks .dashblocksBody {
    font: 400 32px/38px "Open Sans",sans-serif;
    height: 60px;
    padding: 10px 20px;
    position: relative;
}
.dashblocks .dashblocksBody .boxIcon {
    color: #fff;
    font-size: 32px;
    position: absolute;
    right: 20px;
    top: 14px;
}
.dashblocks .dashblocksFooter {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    padding: 4px 20px;
}
.dashblocks .dashblocksFooter a { color: #ffffff; }
.dashblocks .dashblocksFooter a:hover { color: #f0f0f0; }

/* ==========================================================================
   Site Alerts
   ========================================================================== */
.box {
    width: 100%;
    min-width: 300px;
    margin: 10px auto;
    padding: 10px 15px;
    background: #f7f7f7;
    position: relative;
	border: 1px solid #eeeeee;
}
.box-notify {
    color: #ffffff;
    text-align: center;
	font-size: 14px;
    padding: 3px 10px;
    background: #46b8da;
    position: absolute;
    top: -15px;
    right: 10px;
    display: block;
}
.box > h4 {
	margin: 0 0 8px 0;
	color: #2581bc;
	font-size: 18px;
	text-transform: uppercase;
}
.box > p { margin: 0; font-size: 14px; }

/* ==========================================================================
   Property Lists
   ========================================================================== */
.thumbnail { min-height: 490px; }
    .thumbnail:hover {
        border: 1px solid #2e6da4;
        transition: border 0.2s ease-in-out 0s;
    }
    .thumbnail img:hover { opacity: 0.9; }

/* ==========================================================================
   View Property
   ========================================================================== */
.viewProp h2 { margin-bottom: 15px; }
.propFee { padding-top: 11px; }
.viewProp .propPrice {
	line-height: 27px;
	font-size: 29px;
	color: #428bca;
}
.flex-control-paging li a { background-color: rgba(255, 255, 255, 0.34); }
.flex-control-nav { bottom: 0; }
.flex-control-paging li a:hover { background-color: rgba(255, 255, 255, 0.7); }
.flex-control-paging li a.flex-active { background-color: #5892b0; }

.propLists { padding: 0; }
.propLists li {
    position: relative;
    margin-bottom: 4px;
    padding: 0 0 4px;
    border-bottom: 1px solid #eeeeee;
	list-style: none;
	font-size: 14px;
}
.propLists li:last-child {
    border-bottom: 0;
}

/* ==========================================================================
	Property Picture Gallery
   ========================================================================== */
.gallery {
	float: left;
}
	.gallery > a > img {
		border: 2px solid #ffffff;
		box-shadow: 0 1px 2px #999999;
		margin: 3px 1px;
		width: 72px;
		max-height: 50px;
	}

/* ==========================================================================
   Avatars
   ========================================================================== */
.avatar img {
	float: left;
	max-width:80px;
	box-shadow: 0 0 0 1px #373737;
	margin: 0 10px 0 0;
}

/* ==========================================================================
   Comment Boxes
   ========================================================================== */
.commentsBox {
    overflow: hidden;
    *zoom: 1;
    position: relative;
    padding-left: 0;
}
	.commentsBox li { list-style: none; }

.commentsBox .cmtLeft, .commentsBox .cmtRight {
    position: relative;
    margin-top: 20px;
    padding-left: 100px;
}
	.commentsBox .cmtLeft:first-child, .commentsBox .cmtRight:first-child {
		margin-top: 0px;
	}

.commentsBox .cmtLeft .cmtAvatar, .commentsBox .cmtRight .cmtAvatar {
    overflow: hidden;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    left: 0;
}
	.commentsBox .cmtLeft .cmtAvatar img, .commentsBox .cmtRight .cmtAvatar img {
		width: 80px;
		height: auto;
	}

.commentsBox .cmtLeft .cmtText, .commentsBox .cmtRight .cmtText {
    position: relative;
    font-size: 16px;
    font-weight: 300;
    background: #ffffff;
    border: 1px solid #dddddd;
    padding: 10px 20px;
    color: #505050;
    min-height: 80px;
}
	.commentsBox .cmtLeft .cmtText p, .commentsBox .cmtRight .cmtText p {
		margin: 0 0 20px;
		padding-bottom: 15px;
	}
	.commentsBox .cmtLeft .cmtText:after, .commentsBox .cmtRight .cmtText:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 12px solid transparent;
		border-top-color: #dddddd;
	}
	.commentsBox .cmtLeft .cmtText:after, .commentsBox .cmtRight .cmtText:after {
		-moz-transform: translateX(-24px) translateY(-12px) rotate(90deg);
		-ms-transform: translateX(-24px) translateY(-12px) rotate(90deg);
		-webkit-transform: translateX(-24px) translateY(-12px) rotate(90deg);
		transform: translateX(-24px) translateY(-12px) rotate(90deg);
		left: 0;
		right: auto;
		top: 30px;
		-moz-backface-visibility: hidden;
	}

.commentsBox .cmtLeft .cmtText .cmtFooter, .commentsBox .cmtRight .cmtText .cmtFooter {
    position: absolute;
    bottom: 10px;
}

.commentsBox .cmtLeft .cmtText .cmtTextUser , .commentsBox .cmtRight .cmtText .cmtTextUser,
.commentsBox .cmtLeft .cmtText .cmtTextDate, .commentsBox .cmtRight .cmtText .cmtTextDate {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.6em;
	color: #777777;
}

.commentsBox .cmtRight {
    padding-left: 0;
    padding-right: 100px;
}
	.commentsBox .cmtRight .cmtAvatar {
		left: auto;
		right: 0;
	}
	.commentsBox .cmtRight .cmtText {
		position: relative;
		background: #ffffff;
		border: 1px solid #dddddd;
	}
	.commentsBox .cmtRight .cmtText:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 12px solid transparent;
		border-top-color: #dddddd;
	}
	.commentsBox .cmtRight .cmtText:after {
		-moz-transform: translateX(24px) translateY(-12px) rotate(-90deg);
		-ms-transform: translateX(24px) translateY(-12px) rotate(-90deg);
		-webkit-transform: translateX(24px) translateY(-12px) rotate(-90deg);
		transform: translateX(24px) translateY(-12px) rotate(-90deg);
		left: auto;
		right: 0;
		top: 30px;
	}

/* ==========================================================================
   Footer
   ========================================================================== */
.footer-hLine {
	display: flex;
	align-items: center;
	color: #f0f0f0;
	margin: 20px 0;
	text-transform: uppercase;
	font-size: 15px;
}
    .footer-hLine::after {
		content: '';
		flex: 1 0 auto;
		margin-left: 10px;
		height: 1px;
		background: #4e4e4e;
    }

ul.foot_links { padding: 0 15px; }

ul.foot_links li {
	list-style: outside none none;
    position: relative;
    margin-bottom: 13px;
	font-size: 14px;
	color: #9b9b9b;
    padding: 0 0 5px 25px;
    border-bottom: 1px solid #4e4e4e;
}
	ul.foot_links li:last-child { border-bottom: 0; }

ul.foot_links li a { color: #9b9b9b; }
	ul.foot_links li a:hover { color: #2481be; }

ul.foot_links li span {
    position: absolute;
    left: 0;
    top: 3px;
    height: 20px;
    color: #9b9b9b;
}

#map {
    min-width: 300px;
    min-height: 200px;
    width: 100%;
    height: 100%;
	margin-bottom: 20px;
}

.contact_form {
	margin-bottom: 20px;
}

.contact_form textarea, .contact_form input {
    width: 100%;
    margin: 0 0 4px;
    padding: 7px 12px 8px;
    font-size: 14px;
    color: #9a9a9a;
    border: 0 !important;
    background-color: #3d3d3d;
}
.contact_form input {
	height: 32px;
	line-height: 1.4;
}
.contact_form textarea { min-height: 120px; }
.contact_form textarea:focus, .contact_form input:focus {
	background-color:#3a3a3a;
}
.contact_form input.contact_btn {
    width:auto;
    padding:3px 14px 4px;
}
.contact_form input.contact_btn:hover {
    color:#fff;
    background-color:#2581bc;
}

.copyright {
    padding: 15px 0 10px;
    color: #b1b1b1;
	font-size: 14px;
    border-top: 1px solid #4e4e4e;
}
	.copyright a { color: #b1b1b1; }
	.copyright a:hover { color: #2481be; }


ul.footer-nav li a {
	color: #f0f0f0;
	font-size: 14px;
}
	ul.footer-nav li a:hover { color: #2581bc; }
	
.footerTags { margin-bottom: 20px; }
	.footerTags ul {
		margin: 0;
		padding: 0;
		font-size: 0;
		list-style: outside none none;
		padding-left: 0;
	}
		.footerTags ul li {
			list-style: outside none none;
			display: inline-block;
			margin-bottom: 3px;
			padding-right: 3px;
		}
			.footerTags ul li a {
				background: none repeat scroll 0 0 #888888;
				color: #ffffff;
				display: block;
				font-size: 13px;
				padding: 3px 6px;
				transition: all 0.15s ease-in-out 0s;
			}
				.footerTags ul li a:hover { background: none repeat scroll 0 0 #2481be; }

/* ==========================================================================
   Profile Card
   ========================================================================== */
.profileBox {
    background: #ffffff;
    overflow: hidden;
    margin: 0;
    position: relative;
}
.cover {
	background: url("../images/footer_bg.png") repeat scroll 0 0 #232323;
    height: 170px;
    border-bottom: 5px solid #2581bc;
    position: relative;
    -webkit-box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
       -moz-box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
			box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
}
.cover .profilePic {
    position: absolute;
   /* background: #f0f0f0;
    border: 5px solid #373737; */
    top: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 150px;
    height: 150px;
    overflow: hidden;
    -webkit-box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
       -moz-box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
			box-shadow: 0px 5px 5px -5px rgba(50, 50, 50, 0.3);
}
	.publicPic { padding: 5px; height: 140px; width: 140px; }

.profileBody {
    padding: 25px 10px 10px;
    text-align: center;
}
	.profileBody.border {
		border: 1px solid #eeeeee;
		padding-bottom: 20px;
	}
	.userProfBody {
		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}

.profileBody h1 {
    color: #535a6c;
    font-size: 28px;
	font-weight: 300;
    margin: 0;
	border: 0;
}
.profileBody h4 {
    margin: 0;
	border: 0;
	color: #428bca;
}
.profileBody p {
	text-align: center;
	margin: 0 0 10px;
}

.profileBody .socialLinks { padding: 0; }
.profileBody .socialLinks li {
		display: inline-block;
		margin: 10px 0 0;
	}
	.profileBody .socialLinks li a {
		margin: 0 0 0;
		font-size: 22px;
		padding: 4px 12px;
		color: #505050;
	}
	.profileBody .socialLinks li a:hover {
		background-color: #505050;
		color: #ffffff;
	}
	.profileBody .socialLinks li a.facebook:hover { background: #3b5998; }
	.profileBody .socialLinks li a.twitter:hover { background: #55acee; }
	.profileBody .socialLinks li a.google:hover { background: #dd4b39; }
	.profileBody .socialLinks li a.linkedin:hover { background: #0976b4; }
	.profileBody .socialLinks li a.youtube:hover { background: #e52d27; }
	.profileBody .socialLinks li a.pinterest:hover { background: #cc2127; }

.profileComments {
	height: 90px !important;
	min-height: 90px !important;
}

.icon-quote {
    color: #cccccc;
    padding: 0 6px;
}

.avatarImage {
    margin: 0 15px 10px 0;
    max-height: 80px;
    max-width: 80px;
    padding: 0 5px 5px;
}
.footerAvatar {
    margin: 0 15px 10px 0;
    max-height: 50px;
    max-width: 50px;
    padding: 0 5px 5px;
}

/* ==========================================================================
   Footer Profile Widget
   ========================================================================== */
.profile-widget { margin: 0 0 10px; }

.profile {
	position: relative;
	border-top: 1px solid #4a4a4a;
}
	.profile .img {
		background-size: cover;
		border: 4px solid #4a4a4a;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.04);
		height: 56px;
		left: 10px;
		margin: 0;
		position: absolute;
		top: -5px;
		width: 56px;
	}
		.profile .img  img {
			width: 48px;
			height: 48px;
		}

	.profile .info {
		font-size: 14px;
		font-weight: 400;
		padding: 5px 5px 5px 80px;
		position: relative;
	}
		.profile .info a {
			color: #f0f0f0;
			text-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
		}
		.profile .info span {
			color: #999999;
			font-weight: 300;
		}

/* ==========================================================================
   Weather Widget
   ========================================================================== */
@font-face {
    font-family: 'weather';
    src: url('fonts/artill_clean_icons-webfont.eot');
    src: url('fonts/artill_clean_icons-webfont.woff') format('woff'),
         url('fonts/artill_clean_icons-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

#weather {
    width: 100%;
    margin: 5px 0 10px;
    text-align: center;
}
    #weather i {
        color: #999999;
        font-family: weather;
        font-size: 90px;
        font-weight: normal;
        font-style: normal;
        line-height: 0;
    }
    .icon-0:before { content: ":"; }
    .icon-1:before { content: "p"; }
    .icon-2:before { content: "S"; }
    .icon-3:before { content: "Q"; }
    .icon-4:before { content: "S"; }
    .icon-5:before { content: "W"; }
    .icon-6:before { content: "W"; }
    .icon-7:before { content: "W"; }
    .icon-8:before { content: "W"; }
    .icon-9:before { content: "I"; }
    .icon-10:before { content: "W"; }
    .icon-11:before { content: "I"; }
    .icon-12:before { content: "I"; }
    .icon-13:before { content: "I"; }
    .icon-14:before { content: "I"; }
    .icon-15:before { content: "W"; }
    .icon-16:before { content: "I"; }
    .icon-17:before { content: "W"; }
    .icon-18:before { content: "U"; }
    .icon-19:before { content: "Z"; }
    .icon-20:before { content: "Z"; }
    .icon-21:before { content: "Z"; }
    .icon-22:before { content: "Z"; }
    .icon-23:before { content: "Z"; }
    .icon-24:before { content: "E"; }
    .icon-25:before { content: "E"; }
    .icon-26:before { content: "3"; }
    .icon-27:before { content: "a"; }
    .icon-28:before { content: "A"; }
    .icon-29:before { content: "a"; }
    .icon-30:before { content: "A"; }
    .icon-31:before { content: "6"; }
    .icon-32:before { content: "1"; }
    .icon-33:before { content: "6"; }
    .icon-34:before { content: "1"; }
    .icon-35:before { content: "W"; }
    .icon-36:before { content: "1"; }
    .icon-37:before { content: "S"; }
    .icon-38:before { content: "S"; }
    .icon-39:before { content: "S"; }
    .icon-40:before { content: "M"; }
    .icon-41:before { content: "W"; }
    .icon-42:before { content: "I"; }
    .icon-43:before { content: "W"; }
    .icon-44:before { content: "a"; }
    .icon-45:before { content: "S"; }
    .icon-46:before { content: "U"; }
    .icon-47:before { content: "S"; }

#weather h2 {
    margin: 0 0 10px;
    color: #f0f0f0;
	font-family: "Open Sans", sans-serif;
    font-size: 55px;
    font-weight: 300;
    text-align: center;
    text-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
}

#weather ul {
    margin: 0;
    padding: 0;
}
    #weather li {
        display: inline-block;
        color: #f0f0f0;
        font-size: 15px;
    }
    #weather li.currently { margin-left: 20px; }

.footer_block hr {
    border-color: #4e4e4e;
    margin-bottom: 10px;    
}

.dateTime {
	align-items: center;
    width: 275px; 
	justify-content: center;
    margin: 10px auto;
    text-align: center;
    color: #f0f0f0;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
    .dateTime .day {
        font-size: 55px;
        line-height: 60px;
        text-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
        text-align: center;
        padding-left: 20px;
    }
    .dateTime .monthYear {
        line-height: 28px;
        padding-left: 20px;
		color: #999999;
    }
        .dateTime .monthYear span {
            font-weight: 400;
			color: #f0f0f0;
            margin-right: 10px;
            font-size: 25px;
            text-shadow: 0px 3px 3px rgba(0, 0, 0, .2);
        }

/* ==========================================================================
   Featured Ribbons
   ========================================================================== */
.ribbon {
	position: absolute;
	z-index: 100;
	width: 120px;
	height: 120px;
	overflow: hidden;
}
.ribbon.top-left {
	top: -6px;
	left: -6px;
}
	.ribbon.top-left.listed {
		top: -6px;
		left: 9px;
	}
.ribbon.top-left.ribbon-primary > small {
	*zoom: 1;
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2481BE', endColorstr='#FF18557E');
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI0ODFiZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzE4NTU3ZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
	background-size: 100%;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2481be), color-stop(100%, #18557e));
	background-image: -moz-linear-gradient(top, #2481be 0%, #18557e 100%);
	background-image: -webkit-linear-gradient(top, #2481be 0%, #18557e 100%);
	background-image: linear-gradient(to bottom, #2481be 0%, #18557e 100%);
	position: absolute;
	display: block;
	width: 100%;
	padding: 8px 16px;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 2px 0 #18557e;
	font-weight: 400;
	font-size: 65%;
	color: #fff;
	background-color: #2481be;
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 6px -3px rgba(0, 0, 0, 0.5);
	top: 16px;
	left: -27px;
}
	.ribbon.top-left.ribbon-primary > small:before, .ribbon.top-left.ribbon-primary > small:after {
		position: absolute;
		content: " ";
	}
	.ribbon.top-left.ribbon-primary > small:before { left: 0; }
	.ribbon.top-left.ribbon-primary > small:after { right: 0; }
		.ribbon.top-left.ribbon-primary > small:before, .ribbon.top-left.ribbon-primary > small:after {
			bottom: -3px;
			border-top: 3px solid #040d12;
			border-left: 3px solid transparent;
			border-right: 3px solid transparent;
		}
		
.ribbon.top-left.propLists {
    left: 10px;
    top: -4px;
}

/* ==========================================================================
   Sign In
   ========================================================================== */
.container .signin-logo {
	margin: 8% auto 2%;
	text-align: center;
}
.container .signin {
	margin: 5% auto;
	border: 10px solid #eeeeee;
    background: #f0f0f0;
	background-image: linear-gradient(#ffffff, #f5f5f5);
	padding: 20px 25px 15px 20px;
}

.signin form .help-block { color: #505050; }
.signin form .help-block a { color: #1a82b9; }
	.signin form .help-block a:hover { color: #333333; text-decoration: none; }
	.signin form .help-block a i { margin-right: 4px; }

.container .signin .btn-link { color: #ddeef9; }
	.container .signin .btn-link:hover { color: #ffffff; text-decoration: none; }

.container .signin .signup-form, .container .signin .resetpass-form { display: none; }