body {
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background: none 0 0 repeat scroll #ffffff;
}
.sign-in-bg {
	background: none 0 0 repeat scroll #EDEDED;
}
.sign-in {
	display: table;
	float: none;
	margin: 30px auto 0;
	width: 345px;
	z-index: 1;
	position: relative;
}
.sign-in:before {
	background: url("../images/sign-in-shadow.png") 0 0 no-repeat scroll rgba(0, 0, 0, 0);
	bottom: -26px;
	content: "";
	height: 60px;
	left: -30px;
	position: absolute;
	width: 115%;
	z-index: -1;
}
.sign-in-head {
	border-radius: 3px 3px 0 0;
	float: left;
	width: 100%;
}
.sign-in-details {
	float: left;
	width: 50%;
}
.sign-in-details h1 {
	color: #FFFFFF;
	float: left;
	font-family: Pontano Sans;
	font-size: 30px;
	font-weight: 100;
	line-height: 31px;
	margin: 30px 0 0 30px;
	width: 100%;
}
.sign-in-details h1 i {
	font-size: 18px;
	margin-left: 10px;
}
.sign-in-details span {
	color: #FFFFFF;
	float: right;
	font-family: Roboto;
	font-size: 13px;
	line-height: 10px;
	margin-right: 24px;
	margin-top: 10px;
	text-align: right;
}
.log-in-thumb {
	float: right;
	width: 50%;
}
.log-in-thumb img {
	border-radius: 2px;
	float: right;
	margin-right: 20px;
	margin-top: 20px;
}
.sign-in-head p {
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-align: center;
	width: 100%;
}
.sign-in-form {
	background: none 0 0 repeat scroll #FFFFFF;
	float: left;
	padding-bottom: 20px;
	width: 100%;
}
.sign-in-form h5 {
	float: left;
	font-family: PT sans;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.3px;
	margin: 20px 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.sign-in-form h5 a {
	color: #666666;
	text-decoration: none;
}
.sign-in-form form {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}
.sign-in-form form i {
	background: none 0 0 repeat scroll #C4C8D4;
	color: #FFFFFF;
	float: left;
	height: 50px;
	line-height: 50px;
	margin-left: 19px;
	margin-right: 1px;
	text-align: center;
	width: 50px;
	border-radius: 3px;
}
.sign-in-form form input {
	background: none 0 0 repeat scroll #D9DDE9;
	border: none medium;
	border-radius: 0 3px 3px 0;
	color: #666666;
	float: left;
	font-family: pt sans;
	font-size: 15px;
	height: 48px;
	letter-spacing: 0.3px;
	padding-left: 20px;
	width: 237px;
}
.sign-in ul li:first-child {
	border-radius: 0 0 0 3px;
	overflow: hidden;
}
.sign-in ul li:last-child {
	border-radius: 0 0 3px;
	overflow: hidden;
}
.sign-in ul li a {
	text-decoration: none;
}
.sign-in-form > a {
	border-radius: 3px;
	color: #FFFFFF;
	display: table;
	float: none;
	font-family: open sans;
	font-size: 20px;
	font-weight: 600;
	line-height: 13px;
	margin: 0 auto;
	padding: 17px 85px;
	text-decoration: none;
}
.sign-in ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.sign-in ul li {
	float: left;
	list-style: none outside none;
	text-align: center;
	width: 33.3333%;
}
.sign-in ul li i {
	color: #FFFFFF;
	float: left;
	font-size: 30px;
	height: 100px;
	line-height: 100px;
	width: 100%;
}
.sign-in ul li a .fa-facebook {
	background: none 0 0 repeat scroll #3997C4;
}
.sign-in ul li a .fa-twitter {
	background: none 0 0 repeat scroll #6ac8f6;
}
.sign-in ul li a .fa-google-plus {
	background: none 0 0 repeat scroll #fa3773;
}
header {
	background: none 0 0 repeat scroll #2d2d2e;
	float: left;
	position: fixed;
	width: 100%;
	z-index: 2147483647;
	padding: 10px 0;
}
.logo {
	float: left;
	line-height: 12px;
	max-width: 340px;
	margin-top: 3px;
	margin-left: 28px;
	height: auto;
}
.header-post {
	float: left;
	padding: 11px 0;
}
.header-post a {
	background-image: url("../images/blue.jpg");
	background-size: 100% 100%;
	box-shadow: 0 2px 0 #468CAC;
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 14px;
	line-height: 12px;
	padding: 9px 13px;
	border-radius: 2px;
}
.header-post a i {
	float: none;
	font-size: 14px;
	margin-left: 10px;
}
.header-post ul {
	float: left;
	margin: 0 0 0 50px;
	padding: 0;
}
.header-post ul li {
	float: left;
	list-style: none outside none;
	margin-right: 11px;
}
.header-post ul li a {
	background: none 0 0 repeat scroll #4E4E4F;
	float: left;
	height: 33px;
	padding: 0;
	text-align: center;
	width: 33px;
	box-shadow: none;
}
.header-post ul li a i {
	float: left;
	font-size: 14px;
	line-height: 33px;
	margin: 0;
	text-align: center;
	width: 100%;
}
.modal-content {
	border: none medium;
	box-shadow: none;
	border-radius: 1px;
}
.modal-body {
	float: left;
	width: 100%;
}
.modal-footer {
	float: left;
	width: 100%;
}
.modal-dialog {
	background: none 0 0 repeat scroll #FFFFFF;
	display: table;
	float: none;
	margin: 30px auto;
	width: 600px;
}
.modal-content .modal-header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.modal-content .modal-header .modal-title {
	color: #FFFFFF;
	font-family: Source sans pro;
	font-size: 17px;
	font-weight: lighter;
	letter-spacing: 0.3px;
}
.modal-body input,
.modal-body textarea {
	border: #C7C7C7 solid 1px;
	float: left;
	font-family: open sans;
	font-size: 15px;
	margin-bottom: 20px;
	padding: 10px 13px;
	width: 100%;
	transition: all 0.4s 0s ease;
}
.modal-body input:hover,
.modal-body textarea:hover {
	border: #FFFFFF solid 1px;
	box-shadow: 0 0 4px #D9D9D9;
}
.modal-header .close {
	margin-top: 1px;
}
.header-alert {
	float: right;
	margin-right: 89px;
}
.header-alert > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.header-alert ul li {
	background: none 0 0 repeat scroll #4E4E4F;
	float: left;
	list-style: none outside none;
	margin-right: 3px;
	position: relative;
	transition: all 0.4s 0s ease;
}
.header-alert ul li:hover {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.5);
}
.header-alert li a {
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-family: PT Sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	padding: 17px 24px;
	position: relative;
}
.header-alert li:first-child a i {
	margin-right: 10px;
}
.header-alert li a i {
	font-size: 16px;
	margin-top: 3px;
	position: relative;
	z-index: 4;
}
.header-alert li a span {
	content: "";
	font-family: open sans;
	font-size: 13px;
	position: absolute;
	right: 3px;
	top: 0;
}
.header-alert li a:before {
	border-left: 30px solid rgba(0, 0, 0, 0);
	border-right: 24px none;
	border-top: 30px solid #6CB5D6;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}
.header-alert li:first-child a:before {
	display: none;
}
.header-alert li:last-child a:before {
	border-top: 30px solid #fd3d46;
}
.header-button {
	float: right;
	margin-right: 6px;
}
.header-button > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.header-button ul li {
	background: none 0 0 repeat scroll #4E4E4F;
	float: left;
	list-style: none outside none;
	margin-right: 3px;
	position: relative;
	transition: all 0.4s 0s ease;
}
.header-button ul li:hover {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.5);
}
.header-button li a {
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-family: PT Sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	padding: 17px 24px;
	position: relative;
}
.header-button li:first-child a i {
	margin-right: 10px;
}
.header-button li a i {
	font-size: 16px;
	margin-top: 3px;
	position: relative;
	z-index: 4;
}
.header-button li a span {
	content: "";
	font-family: open sans;
	font-size: 13px;
	position: absolute;
	right: 3px;
	top: 0;
}
.notification {
	background: none 0 0 repeat scroll #202020;
	border: #1E1E1E solid 1px;
	display: none;
	left: -176px;
	margin-top: 15px;
	position: absolute;
	top: 60px;
	width: 240px;
	z-index: 100000;
}
.notification > span {
	background: none 0 0 repeat scroll #2D2D2E;
	color: #EDEDED;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 10px;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.notification > a:before {
	display: none;
}
.header-alert .notification > a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	float: left;
	font-family: pt sans;
	font-size: 12px;
	letter-spacing: 0.35px;
	padding: 15px;
	width: 100%;
}
.header-alert .notification > a img {
	float: left;
	margin-right: 15px;
	border-radius: 50%;
}
.notification p {
	color: #8D939C;
	float: right;
	font-family: open sans;
	font-size: 11px;
	letter-spacing: 0.35px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
}
.header-alert .notification > a:hover {
	background: none 0 0 repeat scroll #282828;
}
.header-alert .notification a p i {
	font-size: 12px;
	margin-right: 5px;
}
.notification:before {
	border-bottom: 9px solid #2D2D2E;
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
	content: "";
	position: absolute;
	right: 21px;
	top: -9px;
}
.view-all {
	text-align: center;
}
.upload-files {
	background: none 0 0 repeat scroll #282828;
	border: #1E1E1E solid 1px;
	display: none;
	left: -192px;
	margin-top: 4px;
	position: absolute;
	top: 60px;
	width: 240px;
	z-index: 100000;
}
.upload-files ul li {
	float: left;
	list-style: none outside none;
	padding-bottom: 20px;
	width: 100%;
}
.upload-files ul li .progress {
	float: left;
	width: 100%;
}
.upload-files ul li:last-child {
	padding: 0;
}
.upload-files p {
	color: #8D939C;
	float: left;
	font-family: open sans;
	font-size: 11px;
	letter-spacing: 0.35px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}
.upload-files .pink {
	background-color: #f23b51;
}
.upload-files .yellow {
	background-color: #f3d547;
}
.upload-files .blue {
	background-color: #51bdd8;
}
.upload-files .black {
	background-color: #5a6475;
}
.upload-files-sec {
	float: left;
	position: relative;
}
.upload-files > ul {
	float: left;
	margin: 0;
	padding: 15px;
	width: 100%;
}
.upload-files:before {
	border-bottom: 9px solid #282828;
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
	content: "";
	position: absolute;
	right: 21px;
	top: -9px;
}
.view-all {
	text-align: center;
}
.message {
	background: none 0 0 repeat scroll #202020;
	border: #1E1E1E solid 1px;
	display: none;
	left: -176px;
	margin-top: 15px;
	position: absolute;
	top: 60px;
	width: 240px;
	z-index: 100000;
}
.message > span {
	background: none 0 0 repeat scroll #2D2D2E;
	color: #EDEDED;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 10px;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.message > a:before {
	display: none;
}
.header-alert .message > a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	float: left;
	font-family: pt sans;
	font-size: 12px;
	letter-spacing: 0.35px;
	padding: 15px;
	width: 100%;
}
.header-alert .message > a img {
	float: left;
	margin-right: 15px;
	border-radius: 2px;
}
.message p {
	color: #8D939C;
	float: right;
	font-family: open sans;
	font-size: 11px;
	letter-spacing: 0.35px;
	line-height: 10px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
}
.header-alert .message > a:hover {
	background: none 0 0 repeat scroll #282828;
}
.header-alert .message a p i {
	font-size: 12px;
	margin-right: 5px;
}
.message:before {
	border-bottom: 9px solid #2D2D2E;
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
	content: "";
	position: absolute;
	right: 21px;
	top: -9px;
}
.view-all {
	text-align: center;
}
.right-bar-btn {
	background: none 0 0 repeat scroll #4e4e4f;
	color: #FFFFFF;
	float: left;
	font-family: PT Sans;
	font-size: 18px;
	letter-spacing: 0.3px;
	padding: 14px 22px;
	position: absolute;
	right: 30px;
	top: 1px;
	z-index: 2147483647;
}
.right-bar-sec:hover .right-bar {
	right: 0;
}
.right-bar {
	background: none 0 0 repeat scroll #202020;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	right: -270px;
	top: 55px;
	width: 270px !important;
	padding: 0 !important;
	transition: all 0.4s 0s ease;
}
.toogle-head {
	background: none 0 0 repeat scroll #323232;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font-family: pt sans;
	font-size: 14px;
	margin-top: 15px;
	padding: 13px 14px;
	width: 100%;
}
.toogle-head i {
	float: right;
	margin-top: 3px;
}
.my-account {
	float: left;
	padding-bottom: 15px;
	padding-top: 15px;
	width: 100%;
}
.my-account form {
	float: left;
	padding: 0 15px;
	width: 100%;
}
.my-account form input {
	background: none 0 0 repeat scroll #4E4E4F;
	border: none medium;
	color: #C0C0C2;
	float: left;
	font-family: open sans;
	font-size: 11px;
	letter-spacing: 0.3px;
	padding: 14px;
	width: 85%;
}
.switch-account {
	float: right;
	border-radius: 2px;
	overflow: hidden;
}
.my-account form a {
	color: #4E4E4F;
	float: right;
	font-size: 15px;
	padding: 10px 0;
	text-align: center;
	width: 15%;
}
.account2 {
	float: left;
	width: 100%;
}
.account2 > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.account2 li {
	color: #8D939C;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	list-style: none outside none;
	margin-top: 20px;
	padding: 0 15px;
	width: 100%;
}
.switch {
	background: none 0 0 repeat scroll #363B44;
	border-radius: 2px;
	cursor: pointer;
	display: block;
	font-family: Arial;
	font-size: 22px;
	height: 20px;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 85px;
}
.switch:before {
	color: #FFFFFF;
	content: "OFF";
	display: block;
	font-family: open sans;
	font-size: 11px;
	font-weight: normal;
	left: 8px;
	position: absolute;
	top: 2px;
	z-index: 1;
	transition: color 0.4s 0s ease;
}
.switch:after {
	color: #ffffff;
	content: "ON";
	display: block;
	font-family: open sans;
	font-size: 11px;
	font-weight: normal;
	position: absolute;
	right: 7px;
	z-index: 1;
	top: 2px;
	transition: all 0.4s 0s ease;
}
.slide-account {
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 60px;
	background: #7dcee3;
	transition: left 0.4s ease, background 0s ease;
}
.slide-account:before {
	border-color: rgba(0, 0, 0, 0) #f23b51 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
	border-image: none;
	border-style: solid;
	border-width: 37px 0 37px 37px;
	content: "";
	display: block;
	left: -35px;
	position: absolute;
	top: -26px;
	transition: border-width 0.4s 0s ease, left 0.4s 0s ease;
}
.slide-account:after {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #7dcee3;
	border-image: none;
	border-style: solid;
	border-width: 37px 37px 37px 30px;
	content: "";
	display: block;
	position: absolute;
	right: -46px;
	top: -26px;
	transition: border-width 0.4s 0s ease, right 0.4s 0s ease;
}
.switch-account input[type="checkbox"] {
	display: none;
}
.switch-account input[type="checkbox"]:checked + .switch:after {
	color: #fff;
}
.switch-account input[type="checkbox"]:checked + .switch .slide-account {
	background: none 0 0 repeat scroll #f23b51;
	left: 68px;
}
.switch-account input[type="checkbox"]:checked + .switch .slide-account:before {
	left: -65px;
	border-right-width: 30px;
}
.switch-account input[type="checkbox"]:checked + .switch .slide-account:after {
	right: -35px;
	border-left-width: 0;
	border-left-color: #f23b51;
}
.account2 > a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	color: #C0C0C2;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	margin-top: 20px;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.account2 > a i {
	background: none 0 0 repeat scroll #7DCEE3;
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 12px;
	height: 17px;
	line-height: 17px;
	margin-right: 10px;
	text-align: center;
	width: 17px;
}
.toogle-head > span {
	color: #B2B3B5;
	float: right;
	font-family: PT Sans;
	font-size: 13px;
	line-height: 22px;
	margin-right: 30px;
	position: relative;
	text-align: right;
}
.toogle-head > span:before {
	background: none 0 0 repeat scroll #43E847;
	content: "";
	height: 6px;
	position: absolute;
	right: -8px;
	top: -1px;
	width: 6px;
	border-radius: 50%;
}
.user-online2 {
	float: left;
	width: 100%;
}
.user-online2 > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.user-online2 ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	float: left;
	list-style: none outside none;
	padding: 15px;
	width: 100%;
}
.user-online2 li img {
	float: left;
	border-radius: 50%;
}
.user-online2 li h5 {
	float: left;
	font-family: open sans;
	font-size: 13px;
	line-height: 29px;
	margin: 0 0 0 10px;
}
.user-online2 li h5 a {
	color: #C0C0C2;
	letter-spacing: 0.3px;
}
.user-online2 li span {
	color: #8D939C;
	float: right;
	font-family: open sans;
	font-size: 11px;
	margin-right: 25px;
	margin-top: 9px;
	position: relative;
}
.user-online2 li span:before {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	content: "";
	height: 15px;
	position: absolute;
	right: -26px;
	top: 0;
	width: 15px;
	border-radius: 50%;
}
.offline:before {
	border: #F23B51 solid 2px;
}
.online:before {
	border: #43e847 solid 2px;
}
.unread:before {
	border: #0cb0f7 solid 2px;
}
.user-online2 li p {
	background: none 0 0 repeat scroll #131313;
	color: #8D939C;
	float: left;
	font-family: open sans;
	font-size: 11px;
	letter-spacing: 0.3px;
	line-height: 11px;
	margin-bottom: 0;
	margin-left: 44px;
	padding: 6px;
	width: 100%;
}
.user-online2 li span i {
	background: none 0 0 repeat scroll #F23B51;
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-style: normal;
	height: 17px;
	line-height: 15px;
	text-align: center;
	width: 27px;
	border-radius: 1px;
}
.user-online2 > a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3);
	color: #B2B3B5;
	float: left;
	font-family: open sans;
	font-size: 12px;
	padding: 20px 0;
	text-align: center;
	width: 100%;
}
.user-online2 > a i {
	background: none 0 0 repeat scroll #131313;
	color: #FFFFFF;
	font-family: open sans;
	font-size: 14px;
	font-style: normal;
	margin-right: 10px;
	padding: 5px 13px;
	border-radius: 2px;
}
.disk-usage .progress {
	background: none 0 0 repeat scroll #373B43;
	float: left;
	margin: 15px 0;
	width: 100%;
}
.disk-usage {
	float: left;
	padding: 0 15px;
	width: 100%;
}
.disk-usage > p {
	color: #C0C0C2;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 9px;
	margin: 15px 0 0;
	width: 100%;
}
.disk-usage p i {
	color: #8D939C;
	float: right;
	font-family: open sans;
	font-size: 11px;
	font-style: normal;
	line-height: 9px;
}
.pending-task {
	float: left;
	padding: 0 15px;
	width: 100%;
}
.pending-task > ul {
	float: left;
	margin: 0;
	padding: 15px 0 60px;
	width: 100%;
}
.pending-task ul li {
	float: left;
	list-style: none outside none;
	padding: 0 0 15px;
	width: 100%;
}
.pending-task ul li h6 {
	color: #C0C0C2;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 10px;
	margin: 0;
}
.pending-task li a {
	color: #C0C0C2;
	float: right;
	font-size: 14px;
	line-height: 12px;
	margin-right: 15px;
}
.pending-task li span {
	color: #8D939C;
	float: right;
	font-family: open sans;
	font-size: 11px;
	line-height: 12px;
}
.pending-task ul li .progress {
	float: left;
	margin-top: 15px;
	width: 100%;
}
.small-progress {
	height: 5px;
	margin: 0;
	border-radius: 1px;
}
.medium-progress {
	height: 5px;
	margin: 0;
	border-radius: 1px;
}
.large-progress {
	height: 5px;
	margin: 0;
	border-radius: 1px;
}
a[data-tooltip] {
	position: relative;
}
a[data-tooltip]::before,
a[data-tooltip]::after {
	position: absolute;
	display: none;
	opacity: 0.85000002384185791015625;
}
a[data-tooltip]::before {
	content: attr(data-tooltip);
	background: #000;
	color: #fff;
	font-size: 13px;
	padding: 5px;
	white-space: nowrap;
	text-decoration: none;
	border-radius: 5px;
}
a[data-tooltip]::after {
	width: 0;
	height: 0;
	border: transparent solid 6px;
	content: '';
}
a[data-tooltip]:hover::before,
a[data-tooltip]:hover::after {
	display: block;
}
a[data-tooltip][data-placement="left"]:before {
	margin-right: 10px;
	right: 100%;
}
a[data-tooltip][data-placement="left"]::after {
	border-left-color: #000;
	border-right: none;
	top: 50%;
	right: 100%;
	margin-top: -6px;
	margin-right: 4px;
}
a[data-tooltip][data-placement="right"]::before {
	left: 100%;
	margin-left: 10px;
}
a[data-tooltip][data-placement="right"]::after {
	border-right-color: #000;
	border-left: none;
	top: 50%;
	left: 100%;
	margin-top: -6px;
	margin-left: 4px;
}
a[data-tooltip][data-placement="top"]::before {
	bottom: 100%;
	left: 0;
	margin-bottom: 10px;
}
a[data-tooltip][data-placement="top"]::after {
	border-top-color: #000;
	border-bottom: none;
	bottom: 100%;
	left: 10px;
	margin-bottom: 4px;
}
a[data-tooltip][data-placement="bottom"]::before {
	top: 100%;
	left: 0;
	margin-top: 10px;
}
a[data-tooltip][data-placement="bottom"]::after {
	border-bottom-color: #000;
	border-top: none;
	top: 100%;
	left: 10px;
	margin-top: 4px;
}
.responsive-menu {
	background: none 0 0 repeat scroll #222222;
	display: none;
	float: left;
	width: 100%;
}
.responsive-menu-dropdown {
	float: left;
	width: 100%;
	display: none;
}
.responsive-menu-dropdown > a {
	color: #FFFFFF;
	cursor: pointer;
	display: table;
	font-family: open sans;
	font-size: 18px;
	line-height: 10px;
	margin: 0 auto;
	padding: 15px 30px;
	text-align: center;
	text-decoration: none;
	width: 100%;
	border-radius: 2px;
}
.responsive-menu-dropdown > a i {
	font-size: 19px;
}
.responsive-menu ul li {
	background: none 0 0 repeat scroll #1B1E24;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	float: left;
	list-style: none outside none;
	position: relative;
	width: 100%;
}
.responsive-menu ul li:nth-child(2n 2) {
	background: none 0 0 repeat scroll #1F222A;
}
.responsive-menu ul li ul {
	display: none;
}
.responsive-logo {
	background: none 0 0 repeat scroll #000000;
	float: left;
	width: 100%;
	display: none;
}
.responsive-logo > img {
	display: table;
	float: none;
	margin: 0 auto;
	padding: 15px 0;
}
.responsive-menu > ul {
	border-right: 1px solid #101010;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
}
.responsive-menu ul li a {
	color: #FFFFFF;
	float: left;
	font-family: pt sans;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.25px;
	padding: 11px 0 11px 11px;
	text-decoration: none;
	width: 100%;
	transition: all 0.4s 0s ease;
}
.responsive-menu ul li a i {
	float: left;
	font-size: 18px;
	margin-right: 11px;
}
.responsive-menu ul li a:hover i {
	color: #F4D647;
}
.responsive-menu ul li a span {
	background: url("../images/black.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	float: right;
	font-family: open sans;
	font-size: 13px;
	height: 30px;
	line-height: 27px;
	margin-right: 11px;
	margin-top: -15px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	width: 30px;
	border-radius: 50%;
}
.responsive-menu ul li a span i {
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	height: 30px;
	width: 30px;
}
.responsive-menu ul li ul li a {
	font-size: 13px;
}
.responsive-menu ul li ul {
	border-top: 1px solid #f2af32;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.responsive-menu ul li ul:before {
	background: none 0 0 repeat scroll #f2af32;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	top: -4px;
	width: 50%;
}
.responsive-menu ul li ul li {
	background: none 0 0 repeat scroll #101319 !important;
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	width: 50%;
}
.right-bar-btn-mobile {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
	float: left;
	margin: 5px 0;
	padding: 12px 0;
	text-align: center;
	width: 100%;
}
.right-bar-btn-mobile {
	display: none;
}
.menu {
	background: none 0 0 repeat scroll #202020;
	float: left;
	margin-top: 75px;
	position: fixed;
	width: 100px;
	z-index: 2147483647;
}
.menu-profile {
	border-bottom: 1px solid #0d0d0d;
	float: left;
	padding: 15px 20px 40px;
	position: relative;
	width: 100%;
	background: #202020;
	transition: opacity 0.4s 0s ease, left 0.4s 0s ease;
}
.menu-profile:hover {
	background: none 0 0 repeat scroll #4E4E4F;
}
.menu-profile > img {
	float: left;
	position: relative;
	text-align: center;
	width: 59px;
	z-index: 1;
	border-radius: 50%;
}
.menu-profile > span {
	background: url("../images/pink.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	color: #FFFFFF;
	float: left;
	height: 26px;
	left: 50%;
	line-height: 29px;
	margin-left: -11px;
	margin-top: -45px;
	position: absolute;
	text-align: center;
	top: 100%;
	width: 24px;
	z-index: 0;
	border-radius: 0 0 2px 2px;
}
.menu-profile > span i {
	margin-left: -1px;
}
.menu-profile-hover {
	background: none 0 0 repeat scroll #323232;
	opacity: 0;
	position: absolute;
	right: -229px;
	top: -9999px;
	width: 283px;
	z-index: 2147483647;
	transition: opacity 0.4s 0s ease, left 0.4s 0s ease;
}
.menu-profile:hover .menu-profile-hover {
	opacity: 1;
	right: -283px;
	top: 0;
}
.menu-profile-hover > a {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	height: 28px;
	line-height: 27px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 28px;
}
.menu-profile-hover:before {
	border-bottom: 15px solid rgba(0, 0, 0, 0);
	border-left: 15px solid #4e4e4f;
	border-top: 15px solid rgba(0, 0, 0, 0);
	content: "";
	left: 0;
	margin-top: -47px;
	position: absolute;
	top: 50%;
}
.menu-profile-hover h1 {
	color: #F2F2F2;
	float: left;
	font-family: open sans;
	font-size: 18px;
	font-weight: bold;
	line-height: 16px;
	margin: 15px 0 10px;
	text-align: center;
	width: 100%;
}
.menu-profile-hover > p {
	color: #FFFFFF;
	display: table;
	float: none;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 10px;
	margin: 0 auto;
}
.menu-profile-hover > p i {
	color: #F3D547;
	margin-right: 10px;
}
.menu-profile-btns {
	display: table;
	float: none;
	margin: 0 auto;
	width: 100%;
}
.menu-profile-btns h3 {
	float: left;
	margin: 20px 0 0;
	width: 50%;
}
.menu-profile-btns h3 i {
	display: table;
	float: none;
	height: 46px;
	margin: 0 auto;
	width: 46px;
	border-radius: 50%;
}
.menu-profile-btns h3 .blue,
.menu-profile-btns h3 .pink {
	border: none medium;
	box-shadow: none;
	color: #FFFFFF;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
}
.menu-profile-hover h1 i {
	font-style: normal;
	font-weight: 600;
}
.menu-profile-btns h3 a {
	background: none 0 0 repeat scroll #4E4E4F;
	color: #FFFFFF;
	display: table;
	font-family: open sans;
	font-size: 13px;
	margin: 10px auto 20px;
	padding: 5px 15px;
	position: relative;
	transition: all 0.2s 0s ease;
}
.menu-profile-btns h3 a:hover {
	background: none 0 0 repeat scroll #494E5C;
}
.menu-profile-btns h3 a:hover:before {
	border-bottom: 8px solid #494E5C;
}
.menu-profile-btns h3 a:before {
	border-bottom: 8px solid #4E4E4F;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	content: "";
	left: 50%;
	margin-left: -8px;
	position: absolute;
	top: -6px;
	transition: all 0.2s 0s ease;
}
.menu > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	background: #202020;
}
.menu li {
	border-bottom: 1px solid #0D0D0D;
	border-left: 2px solid rgba(0, 0, 0, 0);
	border-top: 1px solid #373738;
	float: left;
	list-style: none outside none;
	padding-right: 2px;
	position: relative;
	width: 100%;
	transition: all 0.4s 0s ease;
}
.menu ul li:last-child:after {
	background: none 0 0 repeat scroll #373738;
	bottom: -3px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 100%;
}
.menu li:hover {
	background: none 0 0 repeat scroll #4E4E4F;
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.2) inset;
	z-index: 1;
}
.menu li a {
	color: #d2d3d4;
	float: left;
	font-family: open sans;
	font-size: 13px;
	line-height: 10px;
	padding: 13px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.menu li a i {
	color: #F0F0F0;
	float: left;
	font-size: 18px;
	margin: 0 0 10px;
	text-align: center;
	width: 100%;
}
.menu li:hover ul {
	left: 100%;
	margin-left: 0;
	opacity: 1;
	bottom: 0;
}
.menu li ul {
	background: none 0 0 repeat scroll #1F222A;
	border-left: 2px solid #5BBBFF;
	left: 100%;
	margin: 0;
	width: 402px;
	opacity: 0;
	padding: 0;
	position: absolute;
	bottom: -9999px;
	z-index: 100;
	transition: opacity 0.4s 0s ease, left 0.4s 0s ease;
}
.menu li ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-left: 0 none;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0;
	padding: 0;
	width: 200px;
	background: #4E4E4F;
}
.menu li ul li:last-child:after {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
}
.menu li ul li:hover {
	background: none 0 0 repeat scroll #202020;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-left: medium none;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: none;
	margin: 0;
	padding: 0;
}
.menu li a span {
	content: "";
	left: 0;
	position: absolute;
	top: 0;
}
.menu li a span:before {
	border-bottom: 40px solid rgba(0, 0, 0, 0);
	border-left: 40px solid #fd3d46;
	border-right: 0 solid;
	content: "";
	left: 0;
	position: absolute;
	top: 0;
}
.menu li a span i {
	font-family: pt sans;
	font-size: 13px;
	font-style: normal;
	left: 4px;
	position: absolute;
	top: 6px;
	z-index: 2147483647;
}
.transition {
	transition: all 1000s linear;
}
.translateAnimationClass {
	transform: rotateX(43200deg) rotateY(14400deg);
}
.animation {
	animation: rotator 10s linear infinite;
}
@keyframes rotator {
	0% {
		transform: rotateX(0deg) rotateY(0deg);
	}
	100% {
		transform: rotateX(1080deg) rotateY(360deg);
	}
}
#reportrange {
	background: none 0 0 repeat scroll #22262E !important;
	border: none medium !important;
	border-radius: 2px;
	color: #F4F4F4;
	font-family: pontano sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	padding: 9px 16px !important;
	position: relative;
}
#reportrange i {
	margin-right: 9px;
}
#reportrange .caret {
	margin-left: 9px;
}
.wrapper {
	float: left;
	margin-top: 55px;
	padding-left: 100px;
	padding-top: 30px;
	width: 100%;
}
.wrapper .container {
	padding-bottom: 30px;
	width: 100%;
}
.heading-sec {
	float: left;
	width: 100%;
}
.heading-sec h1 {
	color: #333333;
	float: left;
	font-family: pt sans;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.3px;
	line-height: 12px;
	margin: 0;
	text-transform: uppercase;
	width: 100%;
}
.heading-sec h1 i {
	color: #666666;
	font-family: open sans;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.35px;
	margin-left: 10px;
}
.widget-body {
	background: none 0 0 repeat scroll #F4F4F4;
	float: left;
	margin: 30px 0 0;
	width: 100%;
}
.visitor-stats {
	border-radius: 2px 2px 0 0;
	float: left;
	padding: 20px;
	width: 100%;
}
.visitor-stats h6 {
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.3px;
	line-height: 11px;
	margin: 0;
}
.visitor-stats h6 i {
	color: #EDEDED;
	float: left;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 10px;
	margin-top: 10px;
	width: 100%;
}
.visitor-stats span {
	color: #FFFFFF;
	float: right;
	font-family: roboto;
	font-size: 18px;
	font-weight: 600;
	line-height: 11px;
	position: relative;
	text-align: right;
}
.visitor-stats span i {
	color: #EEEEEE;
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-style: normal;
	letter-spacing: 0.3px;
	margin-top: 10px;
	width: 100%;
}
.visitor-stats #chart {
	float: left;
	height: 170px;
	width: 100%;
}
.visitor-stats p {
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.3px;
	line-height: 12px;
	margin: -18px 0 0;
	text-align: right;
	width: 100%;
}
.chart-tab {
	float: left;
	width: 100%;
}
.chart-tab > #tabs-container {
	float: left;
	width: 100%;
}
.tabs-menu {
	clear: both;
	float: left;
	height: 30px;
	margin: -2px 0 0;
	padding: 0;
	width: 100%;
}
.tabs-menu li {
	background-color: #525B6A;
	border-right: 1px solid #FFFFFF;
	float: left;
	line-height: 10px;
	list-style: none outside none;
	width: 33.3333%;
}
.tabs-menu li.current {
	position: relative;
	background-color: #fff;
	border-bottom: 1px solid #fff;
	z-index: 5;
}
.tabs-menu li a {
	color: #FAFAFA;
	float: left;
	font-family: open sans;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.3px;
	padding: 17px 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
.tabs-menu li:last-child {
	border: none medium;
	border-radius: 0 0 2px 0;
}
.tabs-menu li:first-child {
	border-radius: 2px;
}
.tabs-menu .current a {
	background: #54C0DC;
	color: #FFFFFF;
	position: relative;
}
.tabs-menu .current a:before {
	border-bottom: 9px solid #54C0DC;
	border-left: 9px solid rgba(0, 0, 0, 0);
	border-right: 9px solid rgba(0, 0, 0, 0);
	content: "";
	left: 50%;
	margin-left: -10px;
	position: absolute;
	top: -6px;
}
.tab {
	background-color: #F4F4F4;
	float: left;
	width: 100%;
}
.tab-content {
	display: none;
	float: left;
	padding: 19px 20px 9px;
	width: 100%;
}
.tab-content p {
	color: #666666;
	float: left;
	font-family: Roboto;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.3px;
	line-height: 10px;
	margin: 0 0 15px;
	text-shadow: 0 1px 0 #FFFFFF;
	width: 50%;
}
.tab-content .progress {
	background: none 0 0 repeat scroll #DDDDDD;
	border-radius: 10px;
	float: left;
	margin-bottom: 20px;
	margin-top: 0;
	width: 50%;
}
#tab-1 {
	display: block;
}
.stat-boxes {
	float: left;
	position: relative;
	width: 100%;
}
.stat-boxes > span {
	color: #FFFFFF;
	float: left;
	font-size: 60px;
	height: 105px;
	line-height: 103px;
	text-align: center;
	width: 37%;
	border-radius: 2px;
}
.stat-boxes h3 {
	color: #666666;
	float: left;
	font-family: Open Sans;
	font-size: 42px;
	font-weight: 600;
	line-height: 33px;
	margin: 25px 0 20px;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
	width: 63%;
}
.stat-boxes i {
	color: #555555;
	display: block;
	float: none;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 6px;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
	width: 100%;
}
.stat-boxes:after {
	border-left: 23px solid #DDDEDF;
	border-top: 23px solid #FFFFFF;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
}
.real-time h3 {
	color: #FFFFFF;
	margin-top: 0;
	padding: 25px 25px 0;
	width: 100%;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.real-time > i {
	color: #FFFFFF;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.real-time {
	background: url("../images/pink.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	padding-bottom: 21px;
	border-radius: 2px;
}
.real-time:after {
	border-left: 23px solid rgba(0, 0, 0, 0.1);
}
.cell {
	background: none 0 0 repeat scroll #F4F4F4;
	float: left;
	height: 185px;
	margin-top: 30px;
	overflow: hidden;
	padding: 20px;
	width: 100%;
	border-radius: 0;
}
.card {
	display: table;
	float: none;
	margin: 50px auto 0;
}
.order-reviews {
	float: left;
	position: relative;
	width: 100%;
}
.order-left {
	float: left;
	overflow: hidden;
	width: 10%;
}
.order-left > a {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	color: #FFFFFF;
	float: left;
	font-size: 25px;
	height: 76px;
	padding: 24px 0;
	text-align: center;
	width: 100%;
}
.order-left > a:first-child {
	border-top: 0 none;
}
.order-left > a:last-child {
	border-bottom: 0 none;
}
.circle-sta {
	float: left;
	margin-bottom: 21px;
	width: 30%;
}
.chart-bg {
	display: table;
	margin: 30px auto;
	position: relative;
	text-align: center;
}
.chart-bg > span {
	color: #505050;
	float: left;
	font-family: open sans;
	font-size: 26px;
	font-weight: 500;
	left: 0;
	letter-spacing: 0.25px;
	margin-left: -7px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}
.chart-bg > span:before {
	color: #444D5C;
	content: "%";
	font-family: Roboto;
	font-size: 15px;
	position: absolute;
	right: -23px;
	top: 0;
	width: 100%;
}
.chart-bg canvas {
	left: 0;
	position: absolute;
	top: 0;
}
.circle-sta > span {
	color: #666666;
	display: table;
	float: none;
	font-family: Roboto;
	font-size: 13px;
	margin: 0 auto;
	text-align: center;
	text-shadow: 0 1px 0 #FFFFFF;
	text-transform: uppercase;
}
.circle-sta > span i {
	float: left;
	height: 16px;
	margin-right: 10px;
	margin-top: 1px;
	width: 16px;
	border-radius: 2px;
}
.order-details {
	background: none 0 0 repeat scroll #ECEDEE;
	float: right;
	width: 30%;
}
.order-details > p {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.1);
	color: #666666;
	float: left;
	font-family: Roboto;
	font-size: 14px;
	letter-spacing: 0.3px;
	line-height: 10px;
	margin: 0;
	padding-top: 20px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.order-details > h4 {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.1);
	color: #444444;
	float: left;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.35px;
	line-height: 13px;
	margin: 0 0 22px;
	padding-bottom: 20px;
	padding-top: 10px;
	text-align: center;
	width: 100%;
}
.order-details > ul {
	float: left;
	margin: 0;
	padding: 0 20px;
	width: 100%;
}
.order-details li {
	color: #666666;
	float: left;
	font-family: roboto;
	font-size: 12px;
	letter-spacing: 0.35px;
	line-height: 10px;
	list-style: none outside none;
	margin-bottom: 20px;
	text-shadow: 0 1px 0 #FFFFFF;
	width: 100%;
}
.order-details li .progress {
	background: none 0 0 repeat scroll #DDDDDD;
	border-radius: 10px;
	margin-top: 10px;
}
.order-details li:last-child {
	margin-bottom: 20px;
}
.timeline-sec {
	float: left;
	width: 100%;
}
.timeline-head {
	border-radius: 2px 2px 0 0;
	float: left;
	padding: 15px;
	width: 100%;
}
.timeline-head span {
	color: #FFFFFF;
	float: left;
	font-family: roboto;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	line-height: 10px;
	text-transform: uppercase;
}
.timeline-head span i {
	color: #FFFFFF;
	float: left;
	font-family: pt sans;
	font-size: 12px;
	font-style: normal;
	line-height: 8px;
	margin-left: 0;
	margin-top: 13px;
	width: 100%;
}
.add-btn {
	float: right;
}
.timeline-head .add-btn {
	margin-top: 3px;
}
.add-btn > a {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	padding: 4px 13px 4px 14px;
	position: relative;
	border-radius: 2px;
}
.add-btn > a:hover {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.3);
}
.add-btn a i {
	display: none;
}
.add-btn .blue,
.add-btn .green,
.add-btn .pink,
.add-btn .gray,
.add-btn .black {
	border: none medium;
	box-shadow: none;
}
.timeline {
	float: left;
	padding: 20px !important;
	width: 100% !important;
}
.timeline > ul {
	border-left: 2px solid #C8C8C8;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.timeline li {
	float: left;
	list-style: none outside none;
	padding-bottom: 20px;
	padding-left: 20px;
	position: relative;
	width: 100%;
}
.timeline li:before {
	background: none 0 0 repeat scroll #F4F4F4;
	content: "";
	height: 25px;
	left: -5px;
	position: absolute;
	top: 6px;
	width: 25px;
}
.timeline li:after {
	background: none 0 0 repeat scroll #F4F4F4;
	border: #C8C8C8 solid 2px;
	content: "";
	height: 15px;
	left: -9px;
	position: absolute;
	top: 11px;
	width: 15px;
	border-radius: 50%;
}
.timeline-title {
	float: left;
	width: 100%;
	position: relative;
}
.timeline-title > h6 {
	color: #404040;
	float: left;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.3px;
	line-height: 10px;
	margin: 0;
	padding: 13px 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	text-transform: uppercase;
}
.timeline-title > i {
	color: #555555;
	float: right;
	font-family: open sans;
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.3px;
	line-height: 10px;
	padding: 13px 20px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
	text-transform: uppercase;
}
.timeline-title > a {
	background: none 0 0 repeat scroll #FFFFFF;
	color: #6B6B6B;
	float: right;
	font-family: pt sans;
	font-size: 12px;
	line-height: 12px;
	margin-right: 6px;
	margin-top: 6px;
	opacity: 0;
	padding: 6px 10px;
	transform: scale(0);
	transition: all 0.4s 0s ease;
	border-radius: 2px;
}
.timeline li:hover .timeline-title a {
	opacity: 1;
	transform: scale(1);
}
.timeline-title a i {
	color: #F33D53;
	float: left;
	font-size: 12px;
	margin-right: 6px;
}
.timeline-content {
	background: none 0 0 repeat scroll #FEFEFE;
	box-shadow: 0 0 7px #ACACAC;
	float: left;
	padding: 12px 20px 20px;
	transition: all 0.4s 0s ease;
	width: 100%;
	border-radius: 2px;
}
.timeline-content > p {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 24px;
	width: 100%;
}
.timeline-title:before {
	border-bottom: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid #C8C8C8;
	border-top: 8px solid rgba(0, 0, 0, 0);
	content: "";
	left: -8px;
	margin-top: -8px;
	position: absolute;
	top: 50%;
}
.timeline-content > a {
	float: left;
	margin-right: 5px;
	overflow: hidden;
	position: relative;
	border-radius: 2px;
}
.timeline-content > a:before {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.8);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: -46px;
	width: 100%;
	transition: all 0.4s 0s ease;
}
.timeline-content > a:hover:before {
	top: 0;
}
.timeline-content > a i {
	color: #FFFFFF;
	left: 50%;
	margin-left: -6px;
	margin-top: -7px;
	position: absolute;
	top: -15px;
	transition: all 0.4s 0.1s ease;
}
.timeline-content > a:hover i {
	top: 50%;
}
.timeline-content > p i {
	background: none 0 0 repeat scroll #F43D53;
	color: #FFFFFF;
	font-family: pt sans;
	font-size: 12px;
	font-style: normal;
	line-height: 10px;
	padding: 2px 5px;
	border-radius: 1px;
}
#scrollbox3 {
	overflow: auto;
	height: 346px;
	padding: 0 5px;
}
#scrollbox4 {
	overflow: auto;
	height: 346px;
	padding: 0 5px;
}
#scrollbox5 {
	overflow: auto;
	height: 235px;
	padding: 0 5px;
}
#scrollbox6 {
	overflow: auto;
	height: 439px;
	padding: 0 5px;
}
#scrollbox7 {
	overflow: auto;
	height: 419px;
	padding: 0 5px;
}
#scrollbox8 {
	overflow: auto;
	height: 555px;
	padding: 0 5px;
}
#scrollbox9 {
	overflow: auto;
	height: 473px;
	padding: 0 5px;
}
.track3 {
	width: 10px;
	background: rgba(0, 0, 0, 0);
	margin-right: 2px;
	transition: background 250ms linear;
	border-radius: 10px;
}
.track3:hover,
.track3.dragging {
	background: #d9d9d9;
	background: rgba(0, 0, 0, 0.15);
}
.handle3 {
	width: 7px;
	right: 0;
	background: #999;
	background: rgba(0, 0, 0, 0.4);
	transition: width 250ms;
	border-radius: 7px;
}
.track3:hover .handle3,
.track3.dragging .handle3 {
	width: 10px;
}
.recent-post-title {
	border-radius: 2px 2px 0 0;
	float: left;
	padding: 20px;
	position: relative;
	width: 100%;
}
.recent-post-title:before {
	border-left: 15px solid rgba(0, 0, 0, 0);
	border-right: 15px solid rgba(0, 0, 0, 0);
	border-top: 15px solid #50BAD5;
	bottom: -15px;
	content: "";
	left: 50%;
	margin-left: -16px;
	position: absolute;
}
.recent-post-title span {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	border: #FFFFFF solid 4px;
	display: table;
	float: none;
	height: 82px;
	margin: 3px auto 0;
	position: relative;
	width: 82px;
	border-radius: 50%;
}
.recent-post-title span i {
	color: #FFFFFF;
	font-size: 67px;
	position: absolute;
	right: -5px;
	top: -8px;
}
.recent-post-title h2 {
	color: #FFFFFF;
	float: left;
	font-family: pontano sans;
	font-size: 21px;
	letter-spacing: 0.3px;
	line-height: 30px;
	margin: 30px 0 18px;
	width: 100%;
}
.recent-post-title h2 i {
	font-family: open sans;
	font-style: normal;
	font-weight: 600;
}
.recent-post-title p {
	color: #F8F8F8;
	font-family: open sans;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3px;
}
.recent-post-title p i {
	float: left;
	font-size: 18px;
	margin-right: 10px;
}
.recent-post {
	background: none 0 0 repeat scroll #F4F4F4;
	float: left;
	padding: 22px 20px;
	width: 100%;
}
.recent-post > img {
	float: left;
	height: 50px;
	width: 50px;
	border-radius: 50%;
}
.recent-post > p {
	color: #555555;
	float: right;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 24px;
	margin: 0;
	width: 80%;
}
.recent-post > span i {
	float: left;
	line-height: 19px;
	margin-right: 5px;
}
.recent-post > span {
	color: #888;
	float: left;
	font-family: open sans;
	font-size: 12px;
	letter-spacing: 0.3px;
	margin-left: 68px;
	margin-top: 10px;
	text-align: center;
}
.twitter-box {
	border-radius: 2px;
	float: left;
	width: 100%;
}
.twitter-box a {
	display: table;
	margin: 0 auto;
}
.twitter-box img {
	display: table;
	float: none;
	height: 95px;
	margin: 20px auto 0;
	width: 95px;
	border-radius: 50%;
}
.twitter-box > a {
	color: #F4F4F4;
	display: table;
	font-family: open sans;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3px;
	line-height: 10px;
	margin: 10px auto 0;
}
.tweet-box {
	background: none 0 0 repeat scroll #353B47;
	float: left;
	margin-top: 20px;
	padding: 15px;
	position: relative;
	width: 100%;
}
.tweet-box > i {
	background: none 0 0 repeat scroll #353B47;
	border-radius: 50%;
	color: #F4F4F4;
	float: left;
	font-size: 25px;
	height: 45px;
	left: 0;
	line-height: 45px;
	position: inherit;
	text-align: center;
	top: -36px;
	width: 45px;
}
.tweet-box > a {
	color: #F4F4F4;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.25px;
	line-height: 25px;
	margin-top: -39px;
	width: 100%;
}
.tweet-box > a i {
	color: #26BDFF;
	float: none;
	font-size: 13px;
	font-style: normal;
}
.tdl-holder {
	float: left;
	margin: 30px auto 0;
	width: 100%;
}
.tdl-holder h2 {
	background-color: #DE3F53;
	color: #FFFFFF;
	float: left;
	font-family: PT Sans;
	font-size: 16px;
	font-weight: 800;
	line-height: 55px;
	margin: 0;
	padding-left: 15px;
	width: 100%;
}
.tdl-content {
	float: left;
	width: 100%;
}
.tdl-holder ul,
.tdl-holder li {
	float: left;
	list-style: none outside none;
	margin: 0;
	padding: 0;
	width: 100%;
}
.tdl-holder li {
	background-color: #F4F4F4;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #333333;
	float: left;
	width: 100%;
}
.tdl-holder li span {
	margin-left: 30px;
	transition: all 0.2s linear;
}
.tdl-holder label {
	cursor: pointer;
	display: block;
	line-height: 56px;
	margin: 0;
	padding: 0 15px;
	position: relative;
}
.tdl-holder label:hover {
	background-color: #E4E4E4;
	color: #333333;
}
.tdl-holder label a {
	background-color: #222222;
	color: #FFFFFF;
	display: none;
	float: right;
	font-weight: bold;
	height: 16px;
	line-height: 14px;
	margin-top: 20px;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s 0s linear;
	width: 16px;
	border-radius: 50%;
}
.tdl-holder label:hover a {
	display: block;
}
.tdl-holder label a:hover {
	background-color: #fff;
	color: #de3f53;
}
.tdl-holder input[type="checkbox"] {
	cursor: pointer;
	opacity: 0;
	position: absolute;
}
.tdl-holder input[type="checkbox"] + i {
	background-color: #c3c3c3;
	display: block;
	height: 16px;
	position: absolute;
	top: 20px;
	width: 16px;
	z-index: 1;
	border-radius: 50%;
}
.tdl-holder input[type="checkbox"]:checked + i:after {
	background-color: #F4F4F4;
	content: "";
	display: block;
	height: 8px;
	left: 4px;
	position: absolute;
	top: 4px;
	width: 8px;
	z-index: 2;
	border-radius: 50%;
}
.tdl-holder input[type="checkbox"]:checked ~ span {
	color: #333333;
	text-decoration: line-through;
}
.tdl-holder input[type="text"] {
	background: none 0 0 repeat scroll #FDFDFD;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	border-top: 0;
	color: #464F72;
	font-size: 14px;
	margin: 0;
	padding: 20px 15px;
	transition: all 0.2s 0s linear;
	width: 270px;
}
.tdl-holder input[type="text"]:hover {
	color: #4c577f;
}
.tdl-holder input[type="text"]:focus {
	color: #333333;
}
.tdl-holder::-webkit-input-placeholder {
	color: #464f72;
}
.tdl-holder:-moz-placeholder {
	color: #464f72;
}
.tdl-holder::-moz-placeholder {
	color: #464f72;
}
.tdl-holder:-ms-input-placeholder {
	color: #464f72;
}
.tdl-holder li.remove {
	animation: collapseItem 300ms ease;
	transform-origin: 50% 0%;
}
.tdl-holder li.remove span {
	color: #586186;
	text-decoration: line-through;
}
@keyframes collapseItem {
	0% {
		transform: perspective(500px) rotateX(0deg);
	}
	100% {
		transform: perspective(500px) rotateX(-90deg);
	}
}
#toggle-widget h2 {
	background: url("../images/green.jpg") 0 0 /100% auto repeat scroll rgba(0, 0, 0, 0);
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font: 600 13px Open Sans;
	letter-spacing: 0.2px;
	margin: 0;
	padding: 15px;
	text-shadow: none;
	text-transform: uppercase;
	width: 100%;
}
#toggle-widget h2 {
	background: url("../images/green.jpg") 0 0 /100% auto repeat scroll rgba(0, 0, 0, 0);
	border-image: none;
	border-style: solid solid none;
	border-width: 1px 1px 0;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	font: 600 13px Open Sans;
	letter-spacing: 0.2px;
	margin: 0;
	padding: 15px;
	text-shadow: none;
	text-transform: uppercase;
	width: 100%;
}
#toggle-widget h2 i {
	color: #fff;
	float: left;
	line-height: 18px;
	margin-right: 10px;
}
#toggle-widget .content {
	background-color: #303339;
	border-left: 1px solid rgba(0, 0, 0, 0.2);
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	color: #000000;
	float: left;
	width: 100%;
}
#toggle-widget h2.active {
	background: none 0 0 repeat scroll #1B1E24;
	position: relative;
}
#toggle-widget h2.active:before {
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
	border-top: 8px solid #1B1E24;
	bottom: -8px;
	content: "";
	left: 25px;
	position: absolute;
}
.content > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.content ul li {
	background: none 0 0 repeat scroll #292C32;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	float: left;
	list-style: none outside none;
	padding: 15px;
	width: 100%;
}
.content li a {
	color: #F4F4F4;
	float: left;
	font-family: PT Sans;
	font-size: 14px;
	line-height: 18px;
}
#toggle-widget h2 span {
	border: #FFFFFF solid 1px;
	float: right;
	height: 18px;
	line-height: 13px;
	text-align: center;
	width: 30px;
	border-radius: 5px;
}
.weather-box {
	float: left;
	width: 100%;
	border-radius: 2px;
}
.weather-day {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	width: 50%;
	position: relative;
}
.weather-day > span {
	color: #FFFFFF;
	float: left;
	font-family: roboto;
	font-size: 60px;
	line-height: 47px;
	margin-bottom: 18px;
	margin-top: 30px;
	position: relative;
	text-align: center;
	width: 100%;
}
.weather-day > span:before {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	border: #FFFFFF solid 3px;
	content: "";
	height: 18px;
	position: absolute;
	right: 20px;
	top: -8px;
	width: 18px;
	border-radius: 50%;
}
.weather-day > p {
	color: #FFFFFF;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.35px;
	line-height: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
.weather-day:before {
	background: none 0 0 repeat scroll #FFFFFF;
	color: #F3D447;
	content: "25";
	font-family: pontano sans;
	font-size: 23px;
	height: 50px;
	line-height: 50px;
	margin-right: -27px;
	margin-top: -22px;
	padding-left: 1px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	width: 50px;
	z-index: 2;
	border-radius: 50%;
}
.weather-icon {
	float: left;
	width: 50%;
}
.weather-icon > canvas {
	display: table;
	float: none;
	margin: 30px auto 0;
}
.weather-icon > p {
	color: #FFFFFF;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.35px;
	line-height: 10px;
	margin-bottom: 15px;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
.follow-widget-head {
	border-radius: 2px 2px 0 0;
	float: left;
	padding-bottom: 20px;
	width: 100%;
}
.follow-widget-head img {
	border: rgba(255, 255, 255, 0.32) solid 3px;
	display: table;
	float: none;
	margin: 20px auto 0;
	border-radius: 50%;
}
.follow-widget-head h2 {
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.35px;
	line-height: 15px;
	margin: 15px 0 0;
	text-align: center;
	width: 100%;
}
.follow-widget-head h2 i {
	font-style: normal;
	font-weight: 600;
}
.follow-widget-head > span {
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-weight: 600;
	line-height: 10px;
	margin-bottom: 30px;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}
.follow-widget-head > a {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	border: #FFFFFF solid 1px;
	color: #FFFFFF;
	display: table;
	float: none;
	font-family: roboto;
	font-size: 15px;
	letter-spacing: 0.35px;
	line-height: 33px;
	margin: 0 auto;
	padding-bottom: 0;
	padding-right: 20px;
	padding-top: 0;
}
.follow-widget-head > a i {
	border-right: 1px solid #FFFFFF;
	float: left;
	margin-right: 20px;
	padding: 10px 11px;
	transition: all 0.4s 0s ease;
}
.follow-widget-head > a:hover i {
	background: none 0 0 repeat scroll #FFFFFF;
	color: #54C0DC;
}
.follow-widget ul {
	background: none 0 0 repeat scroll #F4F4F4;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.follow-widget li {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	list-style: none outside none;
	transition: all 0.4s 0s ease;
	width: 33.3333%;
}
.follow-widget li:hover {
	background: none 0 0 repeat scroll #E8E9EA;
}
.follow-widget li a {
	color: #444444;
	float: left;
	font-family: open sans;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.3px;
	line-height: 10px;
	padding: 20px 0;
	text-align: center;
	width: 100%;
}
.follow-widget li a i {
	color: #444444;
	float: left;
	font-size: 25px;
	margin-bottom: 10px;
	text-align: center;
	width: 100%;
}
.follow-widget li:last-child {
	border: none medium;
}
.contact-list {
	float: left;
	width: 100%;
}
.contact-list-head {
	float: left;
	width: 100%;
	border-radius: 2px 2px 0 0;
}
.contact-list-head > ul {
	display: table;
	float: none;
	margin: 0 auto 20px;
	padding: 0;
}
.contact-list-head ul li {
	border: #FFFFFF solid 2px;
	float: left;
	height: 45px;
	list-style: none outside none;
	margin-right: 10px;
	width: 45px;
	border-radius: 50%;
}
.contact-list-head ul li a {
	color: #FFFFFF;
	float: left;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	width: 100%;
}
.contact-list-head ul li:last-child {
	margin: 0;
}
.contact-list-head p {
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.35px;
	line-height: 12px;
	margin: 20px 0;
	text-align: center;
	width: 100%;
}
.contact-list > ul {
	float: left;
	margin: 0;
	overflow: hidden !important;
	padding: 0 !important;
	width: 100% !important;
}
.contact-list > ul > li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	list-style: none outside none;
	padding: 15px;
	position: relative;
	width: 100%;
	transition: all 0.4s 0s ease;
}
.contact-list > ul > li:hover {
	background: none 0 0 repeat scroll #E8E9E9;
}
.contact-list > ul > li:last-child {
	border: none medium;
}
.contact-list > ul > li img {
	float: left;
	border-radius: 50%;
}
.contact-list > ul > li > a {
	color: #444444;
	float: left;
	font-family: pt sans;
	font-size: 16px;
	letter-spacing: 0.3px;
	line-height: 12px;
	margin-left: 15px;
	width: 70%;
}
.contact-list > ul > li p {
	color: #666666;
	float: left;
	font-family: open sans;
	font-size: 11px;
	line-height: 9px;
	margin: 10px 0 0 15px;
	width: 70%;
}
.contact-list > ul > li p i {
	float: left;
	margin-right: 10px;
}
.contact-list > ul > li span {
	border: #F43D53 solid 2px;
	color: #F43D53;
	float: right;
	height: 25px;
	line-height: 19px;
	padding-left: 1px;
	text-align: center;
	width: 25px;
	border-radius: 50%;
}
.choose-contact {
	background: url("../images/contact-hover.jpg") 0 0 repeat scroll rgba(0, 0, 0, 0);
	content: "";
	height: 100%;
	position: absolute;
	right: -200px;
	top: 0;
	width: 200px;
	z-index: 999999;
	transition: all 0.4s 0s ease;
}
.choose-contact:before {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.85);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.choose-contact a {
	color: #FFFFFF;
	float: left;
	font-size: 35px;
	line-height: 73px;
	text-align: center;
	width: 33.3333%;
}
.contact-list > ul > li:hover .choose-contact {
	right: 0;
}
.carousal-widget {
	float: left;
	padding: 20px;
	width: 100%;
	border-radius: 2px;
}
.slider {
	padding: 0;
}
.slide1 {
	list-style: none outside none;
}
.slide1 > p {
	color: #FFFFFF;
	float: left;
	font-family: pontano sans;
	font-size: 21px;
	letter-spacing: 0.3px;
	line-height: 36px;
	margin: 0 0 10px;
	text-align: center;
	width: 100%;
}
.slide1 > p i {
	font-family: open sans;
	font-style: normal;
	font-weight: 600;
}
.slide1 > a:hover {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.6);
}
.slide1 > a {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.4);
	color: #8D939C;
	display: table;
	float: none;
	font-family: pt sans;
	letter-spacing: 0.35px;
	line-height: 10px;
	margin: 0 auto 5px;
	padding: 12px 17px;
	border-radius: 2px;
}
.slidecontrols {
	display: table;
	float: none;
	margin: 0 auto;
	padding: 0;
}
.slidecontrols > li {
	border: #FFFFFF solid 2px;
	float: left;
	height: 30px;
	list-style: none outside none;
	margin: 0 5px;
	width: 30px;
	border-radius: 50%;
}
.slidecontrols li a {
	color: #FFFFFF;
	float: left;
	font-size: 18px;
	text-align: center;
	width: 100%;
}
.follow-me-widget {
	float: left;
	width: 100%;
}
.follow-me-thumb {
	float: left;
	position: relative;
	width: 25%;
}
.follow-me-thumb > img {
	float: left;
	width: 100%;
}
.follow-me-thumb > a {
	background: url("../images/blue.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	bottom: -16px;
	color: #FFFFFF;
	float: left;
	left: 0;
	line-height: 10px;
	padding: 12px;
	position: absolute;
	text-align: center;
	width: 100%;
}
.follow-me-details {
	float: left;
	padding: 10px;
	width: 75%;
}
.follow-me-details > a {
	color: #51BCD8;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.35px;
	line-height: 10px;
	width: 100%;
}
.follow-me-details > span {
	color: #888888;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	line-height: 10px;
	margin-top: 10px;
	width: 100%;
}
.follow-me-details > p {
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.35px;
	margin: 12px 0 0;
	width: 100%;
}
.chat-widget {
	float: left;
	width: 100%;
}
.chat-widget-head {
	float: left;
	padding: 20px;
	width: 100%;
	border-radius: 2px 2px 0 0;
}
.chat-widget-head h4 {
	color: #FFFFFF;
	float: left;
	font-family: Roboto;
	font-size: 14px;
	letter-spacing: 0.35px;
	line-height: 12px;
	margin: 8px 0 0;
	text-transform: uppercase;
}
.chat-widget ul {
	float: left;
	margin: 0;
	padding: 20px !important;
	width: 100% !important;
}
.chat-widget li {
	float: left;
	list-style: none outside none;
	margin-bottom: 20px;
	position: relative;
	width: 100%;
}
.chat-thumb {
	float: left;
	margin-right: 5%;
	width: 12%;
}
.chat-thumb > img {
	float: left;
	border-radius: 50%;
}
.chat-desc:before {
	border-bottom: 20px solid #fefefe;
	border-left: 30px solid rgba(255, 255, 255, 0);
	border-right: 0 solid rgba(255, 255, 255, 0);
	bottom: 0;
	content: "";
	left: -30px;
	position: absolute;
}
.chat-desc {
	background: none 0 0 repeat scroll #fefefe;
	float: left;
	padding: 15px;
	position: relative;
	width: 83%;
}
.chat-desc > p {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 25px;
	margin: 5px 0 0;
}
.chat-time {
	background: none 0 0 repeat scroll #ECEDEE;
	color: #777777;
	content: "";
	font-family: open sans;
	font-size: 13px;
	font-style: normal;
	letter-spacing: 0.3px;
	line-height: 10px;
	padding: 6px 10px;
	position: absolute;
	right: 0;
	top: 0;
}
.reply > .chat-thumb {
	float: right;
	margin-left: 5%;
	margin-right: 0;
}
.reply > .chat-desc:before {
	border-bottom: 20px solid #E3E4E5;
	border-left: 0 solid;
	border-right: 30px solid rgba(227, 228, 229, 0);
	left: auto;
	right: -30px;
}
.reply > .chat-desc {
	background: none 0 0 repeat scroll #E3E4E5;
}
.reply .chat-time {
	background: none 0 0 repeat scroll #fefefe;
	left: 0;
	right: auto;
	top: 0;
}
.reply-sec {
	border-top: 1px solid #fefefe;
	float: left;
	padding: 0 10px;
	width: 100%;
}
.reply-sec > a {
	color: #666666;
	float: left;
	font-size: 15px;
	height: 37px;
	line-height: 36px;
	margin: 10px 0;
	text-align: center;
	transition: all 0.4s 0s ease;
	width: 37px;
}
.reply-sec > a:hover {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.5);
	color: #FFFFFF;
}
.reply-sec > form {
	float: right;
}
.reply-sec form input {
	border: #C6C6C6 solid 1px;
	float: left;
	font-family: open sans;
	font-size: 13px;
	height: 37px;
	letter-spacing: 0.3px;
	margin: 10px 0;
	padding: 0 10px;
	width: 300px;
	border-radius: 2px;
}
.reply-sec form a {
	float: left;
	font-size: 19px;
	height: 37px;
	line-height: 33px;
	margin: 10px 0 10px 10px;
	text-align: center;
	width: 37px;
	border-radius: 2px;
}
.inbox-widget {
	float: left;
	width: 100%;
}
.inbox-widget-head {
	float: left;
	padding: 20px;
	width: 100%;
	border-radius: 2px 2px 0 0;
}
.inbox-widget-head > div {
	float: left;
	margin-right: 20px;
	position: relative;
}
.inbox-widget-head > div > img {
	float: left;
	border-radius: 50%;
}
.inbox-widget-head > div:before {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.4);
	content: "";
	height: 84%;
	left: 0;
	margin-left: 9%;
	margin-top: 9%;
	position: absolute;
	top: 0;
	width: 82%;
	border-radius: 50%;
}
.inbox-widget-head h6 {
	color: #FFFFFF;
	display: block;
	font-family: open sans;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.3px;
	line-height: 14px;
	margin: 10px 0 0;
}
.inbox-widget-head h6 i {
	font-style: normal;
	font-weight: 600;
}
.inbox-widget-head span {
	color: #F4F4F4;
	display: block;
	font-family: open sans;
	font-size: 12px;
	line-height: 10px;
	margin-top: 10px;
}
.inbox-widget-head span i {
	color: #F2D447;
	font-size: 13px;
	margin-right: 10px;
}
.inbox-widget-head p {
	color: #FFFFFF;
	display: block;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 22px;
	margin: 15px 0 0;
}
.your-message {
	float: left;
	margin: 0;
	padding: 0 !important;
	width: 100% !important;
}
.your-message li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	list-style: none outside none;
	overflow: hidden;
	padding: 20px;
	position: relative;
	transition: all 0.3s 0s ease;
	width: 100%;
}
.your-message li:hover {
	background: none 0 0 repeat scroll #E8E8E8;
}
.your-message li:last-child {
	border: none medium;
}
.your-message li img {
	float: left;
	margin-right: 20px;
	border-radius: 50%;
}
.your-message li span {
	color: #888888;
	float: left;
	font-family: roboto;
	font-size: 12px;
	letter-spacing: 0.1px;
	margin-right: 40px;
}
.your-message li > i {
	color: #444444;
	display: block;
	font-family: Roboto;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	letter-spacing: 0.2px;
}
.your-message li p {
	color: #555555;
	display: block;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 22px;
	margin: 0;
}
.inbox-hover {
	content: "";
	position: absolute;
	right: -106px;
	top: 0;
	transition: all 0.4s 0s ease;
}
.inbox-hover a {
	border-right: 1px solid rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	float: left;
	font-size: 16px;
	height: 35px;
	line-height: 32px;
	text-align: center;
	width: 35px;
	transition: all 0.4s 0s ease;
}
.inbox-hover a:hover {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.2);
}
.your-message li:hover .inbox-hover {
	right: 0;
}
.your-message .black {
	border: none medium;
	box-shadow: none;
}
.notifications {
	padding: 20px;
	border-radius: 2px;
}
.notifications p {
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 10px;
	margin: 0;
	text-align: left;
	width: 100%;
}
.notifications p i {
	font-family: Roboto;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	margin-right: 10px;
	text-transform: uppercase;
}
.notifications .close,
.notifications-thumb .close,
.typography-ex1 .close {
	background: none 0 0 repeat scroll #000000;
	bottom: 0;
	color: #FFFFFF;
	font-size: 20px;
	font-weight: normal;
	line-height: 22px;
	position: absolute;
	right: 15px;
	width: 22px;
}
.notifications-thumb {
	float: left;
	padding: 20px;
	width: 100%;
}
.notifications-thumb img {
	float: left;
	border-radius: 50%;
}
.notifications-thumb h3 {
	color: #555555;
	display: block;
	font-family: Roboto;
	font-size: 17px;
	font-weight: 500;
	letter-spacing: 0.2px;
	line-height: 12px;
	margin: 10px 0 0;
}
.notifications-thumb p {
	color: #555555;
	display: block;
	font-family: open sans;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 0.6px;
	line-height: 22px;
	margin: 10px 0 0;
}
.notifications-thumb img {
	float: left;
	margin-right: 20px;
	border-radius: 50%;
}
.notifications-thumb i {
	color: #444444;
	float: left;
	font-size: 76px;
	margin-right: 20px;
}
.grids {
	float: left;
	margin-top: 30px;
}
.grids h3 {
	color: #555555;
	float: left;
	font-family: Roboto;
	font-size: 19px;
	font-weight: 500;
	letter-spacing: 0.2px;
	line-height: 15px;
	margin: 0 0 15px;
	width: 100%;
}
.grids p {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 24px;
	margin: 0;
	width: 100%;
}
#calendar {
	background: none 0 0 repeat scroll #F4F4F4;
	margin-top: 30px;
	padding: 20px;
}
.clearfix {
	clear: both;
}
.animate {
	transition: all 0.3s ease-in-out;
}
.calendar {
	background-color: #F4F4F4;
	float: left;
	margin-top: 30px;
	width: 100%;
	border-radius: 0;
}
.calendar h1,
.calendar h2 {
	font-weight: 300;
	font-size: 26px;
	line-height: 28px;
	text-transform: uppercase;
	margin: 0 0 20px 0;
}
.calendar h1 span {
	display: block;
}
.calendar .col {
	position: relative;
	float: left;
	height: 100%;
}
.calendar .col .content {
	padding: 20px;
}
.calendar ul {
	margin: 0;
	padding: 0;
}
.calendar ul li {
	list-style: none;
}
.calendar .leftCol {
	width: 40%;
	background-color: #F48989;
}
.calendar .noteList li {
	color: #ffffff;
	margin-bottom: 10px;
}
.noteList li {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0) !important;
	padding: 5px 0 !important;
}
.calendar .notes p,
.calendar .notes input,
.calendar .noteList li {
	font-family: pt sans;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0.35px;
}
.calendar .notes p {
	border-bottom: 1px solid rgba(255, 255, 255, 0.4);
	font-family: pt sans;
}
.calendar .notes input {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	border: none medium;
	color: #FFFFFF;
	height: 30px;
	width: 90%;
}
.calendar .addNote,
.calendar .removeNote {
	color: rgba(255, 255, 255, 0.4);
	float: right;
	font-size: 21px;
	font-weight: bold;
	margin-left: 20px;
}
.calendar .addNote:hover,
.calendar .removeNote:hover {
	color: #ffffff;
}
.calendar .addNote {
	font-size: 27px;
	line-height: 31px;
}
.calendar .leftCol h1 {
	color: #FFFFFF;
	font-family: pt sans;
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 40px;
	width: 100%;
}
.calendar .rightCol {
	width: 60%;
}
.calendar .rightCol h2 {
	color: #444444;
	font-family: open sans;
	font-weight: 600;
	margin-bottom: 30px;
	text-align: right;
}
.calendar .months li,
.calendar .weekday li,
.calendar .days li {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	border: none medium;
	float: left;
	padding: 0;
	text-transform: uppercase;
	width: 8.333%;
}
.calendar .months li a,
.calendar .weekday li a,
.calendar .days li a {
	display: block;
	color: #747978;
}
.calendar .months li a {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 14px;
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
}
.calendar .months li .selected {
	font-weight: bold;
	color: #747978;
}
.calendar .weekday li a {
	color: #444444;
	font-family: open sans;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
	width: 55px;
}
.calendar .days li {
	width: 55px;
}
.calendar .days li a {
	color: #666666;
	font-family: roboto;
	font-size: 12px;
	font-weight: bold;
	height: 36px;
	margin: auto auto 10px;
	padding-top: 10px;
	text-align: center;
	width: 36px;
	border-radius: 0;
}
.calendar .days li a:hover {
	background-color: #EEEDE9;
}
.calendar .days li .selected {
	background-color: #F5A1A3 !important;
	color: #ffffff;
}
.calendar .days li .event {
	color: #F5A1A3;
}
#elfinder {
	margin-top: 30px;
	width: 100%;
}
.gallery {
	float: left;
	overflow: hidden;
	position: relative;
	width: 100%;
	border-radius: 2px;
}
.gallery > img {
	float: left;
	width: 100%;
	transition: all 0.4s 0s ease;
}
.gallery:hover img {
	transform: rotate(-9deg) scale(1.2);
}
.gallery-hover {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.8);
	left: 0;
	margin-top: -45px;
	position: absolute;
	top: 100%;
	width: 100%;
	transition: all 0.4s 0s ease;
}
.gallery-hover h2 {
	color: #FFFFFF;
	float: left;
	font-family: Roboto;
	font-size: 18px;
	letter-spacing: 0.2px;
	line-height: 13px;
	margin: 15px 0;
	text-align: center;
	width: 100%;
}
.gallery-hover > p {
	color: #D6D6D6;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 22px;
	margin: 0 0 20px;
	padding: 0 15px;
	text-align: center;
	width: 100%;
}
.gallery-hover > ul {
	display: table;
	float: none;
	margin: 0 auto;
	padding: 0;
}
.gallery-hover li {
	float: left;
	list-style: none outside none;
}
.gallery-hover li a {
	border: #FFFFFF solid 2px;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	height: 32px;
	line-height: 27px;
	margin: 0 4px;
	text-align: center;
	width: 32px;
	border-radius: 50%;
}
.gallery:hover .gallery-hover {
	margin: 0;
	padding-bottom: 20px;
	top: 0;
}
.carousel-control.right span {
	position: absolute;
	top: 50%;
}
.carousel-control.left span {
	position: absolute;
	top: 50%;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	display: block;
	height: auto;
	line-height: 1;
	max-width: 100%;
	width: 100%;
}
.introjs-showElement {
	z-index: 9999999 !important;
}
.introjs-relativePosition {
	position: relative;
}
.introjs-helperLayer {
	background-color: rgba(255, 255, 255, 0);
	border: rgba(0, 0, 0, 0.5) solid 1px;
	position: absolute;
	z-index: 2147483647;
	border-radius: 4px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
	transition: all 0.3s ease-out;
}
.introjs-helperNumberLayer {
	background: none 0 0 repeat scroll #28AB7C;
	border: solid 3px;
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
	color: #FFFFFF;
	font-family: Arial, verdana, tahoma;
	font-size: 13px;
	font-weight: bold;
	height: 30px;
	left: -16px;
	line-height: 20px;
	padding: 2px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
	top: -16px;
	width: 30px;
	z-index: 2147483647 !important;
}
.introjs-arrow {
	border: white solid 5px;
	content: '';
	position: absolute;
}
.introjs-arrow.top {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
	right: 22px;
	top: -10px;
}
.introjs-arrow.right {
	right: -10px;
	top: 10px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: white;
}
.introjs-arrow.bottom {
	bottom: -10px;
	border-top-color: white;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.introjs-arrow.left {
	left: -10px;
	top: 10px;
	border-top-color: transparent;
	border-right-color: white;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.introjs-tooltip {
	background-color: #ffffff;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
	font-family: open sans;
	font-size: 12px;
	padding: 10px;
	position: absolute;
	transition: opacity 0.1s 0s ease-out;
	border-radius: 2px;
}
.introjs-tooltipbuttons {
	text-align: right;
}
.introjs-button:focus,
.introjs-button:active {
	background-image: linear-gradient(#ececec, #f4f4f4);
}
.introjs-button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
.introjs-skipbutton {
	margin-right: 5px;
	color: #7a7a7a;
}
.introjs-prevbutton {
	border-radius: 0.2em 0 0 0.2em;
	border-right: none;
}
.introjs-nextbutton {
	border-radius: 0 0.2em 0.2em 0;
}
.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
	color: #9a9a9a;
	border-color: #d4d4d4;
	box-shadow: none;
	cursor: default;
	background-color: #f4f4f4;
	background-image: none;
	text-decoration: none;
}
.introjs-tooltiptext {
	color: #434343;
	font-family: open sans;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.25px;
	width: 181px;
}
#tourbtn {
	position: fixed;
	right: 15px;
	bottom: 35px;
}
#tourbtn a {
	background: #bac081;
	padding: 8px 15px;
	padding: 8px 15px;
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	color: #454a50;
	text-decoration: none;
	border-radius: 4px;
}
#tourbtn a:hover {
	background: #cacf96;
}
.panel-group .panel .panel-heading {
	border: none medium;
	box-shadow: none;
	color: #FFFFFF;
	border-radius: 2px;
}
.panel-group .panel-title {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.3px;
}
.panel-group .panel-body {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 22px;
	width: 100%;
}
.range-slider {
	float: left;
	padding: 20px;
	width: 100%;
}
.typography-ex1 {
	float: left;
	padding: 20px;
	width: 100%;
}
.typography-ex1 strong {
	float: left;
	font-family: pt sans;
	font-size: 20px;
	letter-spacing: 0.3px;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.5);
	width: 100%;
}
.typography-ex1 p {
	border-left: 3px solid #444444;
	float: left;
	font-family: pt sans;
	font-size: 14px;
	line-height: 22px;
	margin: 15px 0 0;
	padding-left: 30px;
	text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.5);
	width: 100%;
}
.typography-ex2 {
	float: left;
	padding: 20px;
	width: 100%;
}
.typography-ex2 > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.typography-ex2 li {
	float: left;
	list-style: none outside none;
	width: 100%;
}
.typography-ex2 h1,
.typography-ex2 h2,
.typography-ex2 h3,
.typography-ex2 h4,
.typography-ex2 h5,
.typography-ex2 h6 {
	color: #444444;
	float: left;
	font-family: Roboto;
	letter-spacing: 0.2px;
	line-height: 26px;
	margin: 0 0 20px;
	width: 100%;
}
.typography-ex2 p {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 26px;
	margin: 0 0 30px;
	width: 100%;
}
.decimal-leading-zero {
	list-style: decimal-leading-zero outside none;
}
.upper-alpha {
	list-style: upper-alpha outside none;
}
.roman-list {
	list-style: upper-roman outside none;
}
.lower-alpha {
	list-style: lower-alpha outside none;
}
.stylish-lists {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 29px;
	padding: 20px;
	width: 100%;
}
.sorting-table {
	float: left;
	width: 100%;
}
#country-list {
	border-right: 1px solid #EBEBEB;
	font-family: open sans;
	font-size: 14px;
	margin-top: 60px;
	width: 100%;
}
#country-list .country-table-head {
	background: none 0 0 repeat scroll #f4f4f4;
	border: #EBEBEB solid 1px;
	width: 100%;
	border-radius: 2px;
}
#country-list tbody tr:nth-child(2n 2) {
	background: none 0 0 repeat scroll #F6F6F6;
}
#country-list td {
	border-left: 1px solid #EBEBEB;
	color: #333333;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	padding: 10px 0;
	text-align: center;
}
tr {
	border-bottom: 1px solid #EBEBEB;
}
#country-list a {
	color: #333333;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-decoration: none;
}
.country-table-head th {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #EBEBEB;
	color: #555555;
	cursor: pointer;
	font-family: open sans;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.3px;
	padding: 10px;
	text-align: center;
}
.country-table-head th:first-child {
	border-left: none;
	width: 200px;
}
.country-table-head span {
	font-size: 12px;
}
.title {
	margin-bottom: 20px;
	color: #b94a48;
	border-bottom: 5px solid #b94a48;
}
.title .glyphicon {
	font-size: 30px;
	color: #000;
}
.title h1 {
	font-weight: bold;
}
.title .lead {
	margin-bottom: 20px;
	font-size: 21px;
	font-weight: 200;
	line-height: 1.4;
}
.example {
	max-width: 900px;
	margin: auto;
}
.st_search {
	background: none 0 0 repeat scroll #FAFAFA;
	border: #D0D0D0 solid 1px;
	color: #333333;
	float: right;
	font-family: pt sans;
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.3px;
	margin-bottom: 0;
	margin-right: 20px;
	max-width: 200px;
	padding: 7px 10px;
	text-transform: uppercase;
	border-radius: 0;
}
.pagination {
	display: table;
	float: none;
	margin: 0 auto;
}
.pagination li.active a {
	background-color: #3D3D3D;
	border: #3D3D3D solid 1px;
}
.st_per_page {
	border: #EBEBEB solid 1px;
	color: #444444;
	float: right;
	font-family: pt sans;
	font-size: 22px;
	margin-right: 10px;
	text-align: center;
	width: 100px;
}
.record_count {
	margin-left: 20px;
}
#spinner {
	font-size: 18px;
	margin-left: 20px;
	display: none;
}
.streaming-table {
	float: left;
	margin-top: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 100%;
}
.table.table-striped.table-bordered {
	float: left;
	margin-top: 20px;
	width: 100%;
}
.st_pagination {
	float: right;
}
.streaming-table .progress {
	display: table;
	float: none;
	height: 5px;
	margin: 0 auto 20px;
	width: 100%;
	border-radius: 0;
}
.streaming-table .progress .progress-bar {
	font-family: open sans;
	font-size: 14px;
	font-weight: 700;
	line-height: 29px;
	text-align: center;
	width: 100%;
}
#stream_table td {
	color: #555555;
	font-size: 13px;
}
#stream_table th {
	font-family: open sans;
	font-size: 15px;
	font-weight: 600;
	padding: 10px;
	text-align: center;
}
#stream_table > thead {
	background: none 0 0 repeat scroll #ECEDEE;
	color: #444444;
	font-family: open sans;
	font-size: 16px;
	font-weight: 600;
}
#stream_table td {
	color: #555555;
	font-size: 13px;
	text-align: center;
}
#stream_table tr {
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.35px;
}
#summary {
	color: #3D3D3D;
	float: left;
	font-family: open sans;
	font-size: 14px;
	font-weight: 500;
	line-height: 35px;
}
.streaming-table .pagination {
	border-radius: 0;
}
.streaming-table .pagination li a {
	background: none 0 0 repeat scroll #F4F4F4;
	border: #D1D1D1 solid 1px;
	color: #444444;
	font-family: pontano sans;
	font-size: 14px;
	letter-spacing: 0.3px;
	border-radius: 0;
}
.swMain {
	border: #CCCCCC solid 0;
	display: block;
	float: left;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: relative;
	width: 100%;
}
.swMain .stepContainer {
	border: #CCCCCC solid 0;
	clear: both;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.swMain .stepContainer div.content {
	background-color: #FFFFFF;
	clear: both;
	display: block;
	float: left;
	margin: 5px 0 0;
	text-align: left;
	width: 100%;
	z-index: 88;
}
.swMain div.actionBar {
	display: block;
	position: relative;
	clear: both;
	margin: 3px 0 0 0;
	border: #CCC solid 1px;
	padding: 0;
	color: #5A5655;
	background-color: #F8F8F8;
	height: 40px;
	text-align: left;
	overflow: auto;
	z-index: 88;
	left: 0;
}
.swMain .stepContainer .StepTitle {
	background: url("../images/green.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	clear: both;
	color: #FCFCFC;
	display: block;
	float: left;
	font-family: pt sans;
	font-size: 20px;
	font-weight: 600;
	line-height: 16px;
	margin: 0;
	padding: 15px;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 88;
}
.swMain ul.anchor {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	border: #CCCCCC solid 0;
	clear: both;
	display: block;
	float: left;
	list-style: none outside none;
	margin: 10px 0 20px;
	padding: 0;
	position: relative;
}
.swMain ul.anchor li {
	float: left;
	height: 50px;
	margin: 0 10px 0 0;
	position: relative;
	width: 50px;
}
.swMain ul.anchor li a {
	float: left;
	height: 50px;
	margin: 5px 0 0;
	outline-style: none;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 100%;
	z-index: 99;
}
.swMain ul.anchor li a .stepNumber {
	float: left;
	font-family: open sans;
	font-size: 36px;
	margin-bottom: 0;
	padding: 0 5px 2px;
	position: relative;
	text-align: center;
	width: 30px;
}
.swMain ul.anchor li a .stepDesc {
	display: block;
	float: left;
	font-family: roboto;
	font-size: 25px;
	height: 50px;
	line-height: 45px;
	position: relative;
	text-align: center;
	width: 100%;
}
.swMain ul.anchor li a .stepDesc small {
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3px;
	line-height: 10px;
	margin-top: 10px;
	padding: 5px 10px 0;
	width: 100%;
}
.swMain ul.anchor li a.selected {
	background: url("../images/green.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	color: #FFFFFF;
	cursor: text;
	position: relative;
}
.swMain ul.anchor li a.selected:before {
	border-left: 8px solid;
	border-right: 8px solid;
	border-top: 8px solid #36d0d2;
	bottom: -8px;
	content: "";
	left: 50%;
	margin-left: -8px;
	position: absolute;
}
.swMain ul.anchor li a.selected:hover {
	background: url("../images/green.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	color: #FFFFFF;
}
.swMain ul.anchor li a.done {
	background: none 0 0 repeat scroll #282828;
	border: #17222F solid 1px;
	color: #FFFFFF;
	position: relative;
	z-index: 99;
}
.swMain ul.anchor li a.done:hover {
	color: #fafafa;
	background: #35404D;
	border: #17222F solid 1px;
}
.swMain ul.anchor li a.disabled {
	color: #8C8C8C;
	background: #F8F8F8;
	border: #CCC solid 1px;
	cursor: text;
}
.swMain ul.anchor li a.disabled:hover {
	color: #8C8C8C;
	background: #F8F8F8;
}
.swMain ul.anchor li a.error {
	color: #6c6c6c !important;
	background: #f08f75 !important;
	border: #fb3500 solid 1px !important;
}
.swMain ul.anchor li a.error:hover {
	color: #000 !important;
}
.swMain .buttonNext {
	background-color: #36d0d2;
	color: #FFFFFF;
	display: block;
	float: right;
	font-family: open sans;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 3px 0;
	outline-style: none;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}
.swMain .buttonDisabled {
	background-color: #CCCCCC !important;
	border: none medium !important;
	color: #FFFFFF !important;
	cursor: text;
}
.swMain .buttonPrevious {
	background-color: #282828;
	color: #FFFFFF;
	display: block;
	float: right;
	font-family: open sans;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.35px;
	margin: 5px 3px 0;
	outline-style: none;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}
.swMain .buttonFinish {
	background-color: #27A9E3;
	color: #FFFFFF;
	display: block;
	float: right;
	font-family: open sans;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.35px;
	margin: 5px 10px 0 3px;
	outline-style: none;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}
.step-info {
	border: #CCCCCC solid 0;
	display: block;
	float: left;
	margin: 0;
	overflow: visible;
	padding: 0;
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
.step-info .stepContainer {
	border: #CCCCCC solid 0;
	clear: both;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}
.step-info .stepContainer div.content {
	background-color: #FFFFFF;
	clear: both;
	display: block;
	float: left;
	margin: 5px 0 0;
	text-align: left;
	width: 100%;
	z-index: 88;
}
.step-info div.actionBar {
	display: block;
	position: relative;
	clear: both;
	margin: 3px 0 0 0;
	border: #CCC solid 1px;
	padding: 0;
	color: #5A5655;
	background-color: #F8F8F8;
	height: 40px;
	text-align: left;
	overflow: auto;
	z-index: 88;
	left: 0;
}
.step-info .stepContainer .StepTitle {
	background: url("../images/green.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	clear: both;
	color: #FCFCFC;
	display: block;
	float: left;
	font-family: pt sans;
	font-size: 20px;
	font-weight: 600;
	line-height: 16px;
	margin: 0;
	padding: 15px;
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 88;
}
.step-info ul {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	border: #CCCCCC solid 0;
	clear: both;
	display: block;
	float: left;
	list-style: none outside none;
	margin: 10px 0 20px;
	padding: 0;
	position: relative;
}
.step-info ul li {
	float: left;
	height: 50px;
	margin: 0 10px 0 0;
	position: relative;
	width: 50px;
}
.step-info ul li a {
	float: left;
	height: 50px;
	margin: 5px 0 0;
	outline-style: none;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 100%;
	z-index: 99;
}
.step-info ul li a .stepNumber {
	float: left;
	font-family: open sans;
	font-size: 36px;
	margin-bottom: 0;
	padding: 0 5px 2px;
	position: relative;
	text-align: center;
	width: 30px;
}
.step-info ul li a .stepDesc {
	display: block;
	float: left;
	font-family: roboto;
	font-size: 25px;
	height: 50px;
	line-height: 45px;
	position: relative;
	text-align: center;
	width: 100%;
}
.step-info ul li a .stepDesc small {
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.3px;
	line-height: 10px;
	margin-top: 10px;
	padding: 5px 10px 0;
	width: 100%;
}
.step-info ul li a.selected {
	background: url("../images/green.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	color: #FFFFFF;
	cursor: text;
	position: relative;
}
.step-info ul li a.selected:before {
	border-left: 8px solid;
	border-right: 8px solid;
	border-top: 8px solid #36d0d2;
	bottom: -8px;
	content: "";
	left: 50%;
	margin-left: -8px;
	position: absolute;
}
.step-info ul li a.selected:hover {
	background: url("../images/green.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	color: #FFFFFF;
}
.step-info ul li a.done {
	background: none 0 0 repeat scroll #282828;
	border: #17222F solid 1px;
	color: #FFFFFF;
	position: relative;
	z-index: 99;
}
.step-info ul li a.done:hover {
	color: #fafafa;
	background: #35404D;
	border: #17222F solid 1px;
}
.step-info ul li a.disabled {
	color: #8C8C8C;
	background: #F8F8F8;
	border: #CCC solid 1px;
	cursor: text;
}
.step-info ul li a.disabled:hover {
	color: #8C8C8C;
	background: #F8F8F8;
}
.step-info ul li a.error {
	color: #6c6c6c !important;
	background: #f08f75 !important;
	border: #fb3500 solid 1px !important;
}
.step-info ul li a.error:hover {
	color: #000 !important;
}
.step-info .buttonNext {
	background-color: #36d0d2;
	color: #FFFFFF;
	display: block;
	float: right;
	font-family: open sans;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 3px 0;
	outline-style: none;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}
.step-info .buttonDisabled {
	background-color: #CCCCCC !important;
	border: none medium !important;
	color: #FFFFFF !important;
	cursor: text;
}
.step-info .buttonPrevious {
	background-color: #282828;
	color: #FFFFFF;
	display: block;
	float: right;
	font-family: open sans;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.35px;
	margin: 5px 3px 0;
	outline-style: none;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}
.step-info .buttonFinish {
	background-color: #27A9E3;
	color: #FFFFFF;
	display: block;
	float: right;
	font-family: open sans;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.35px;
	margin: 5px 10px 0 3px;
	outline-style: none;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}
.txtBox {
	border: #CCCCCC solid 1px;
	color: #5A5655;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px;
	width: 430px;
}
.txtBox:focus {
	border: #EA8511 solid 1px;
}
.swMain .loader {
	position: relative;
	display: none;
	float: left;
	margin: 2px 0 0 2px;
	padding: 8px 10px 8px 40px;
	border: #FFD700 solid 1px;
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #5A5655;
	background: url(../images/loader.gif) 5px no-repeat #FFF;
	z-index: 998;
}
.swMain .msgBox {
	position: relative;
	display: none;
	float: left;
	margin: 4px 0 0 5px;
	padding: 5px;
	border: #FFD700 solid 1px;
	background-color: #FFFFDD;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #5A5655;
	z-index: 999;
	min-width: 200px;
}
.swMain .msgBox .content {
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	float: left;
}
.swMain .msgBox .close {
	border: #CCC solid 1px;
	color: #CCC;
	display: block;
	float: right;
	margin: 0 0 0 5px;
	outline-style: none;
	padding: 0 2px 0 2px;
	position: relative;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
}
.swMain .msgBox .close:hover {
	color: #EA8511;
	border: #EA8511 solid 1px;
}
.wizard-form-h {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}
.c-label {
	color: #444444;
	float: left;
	font-family: pt sans;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.6px;
	line-height: 10px;
	margin: 0;
	padding: 11px 0;
}
.inline-form {
	float: left;
	margin: 15px 0;
	width: 100%;
}
.inline-form input,
.inline-form textarea {
	background: none 0 0 repeat scroll #FEFEFE;
	border: #D4D4D4 solid 1px;
	color: #000000;
	float: right;
	font-family: open sans;
	font-size: 12px;
	letter-spacing: 0.3px;
	margin: 0;
	padding: 8px 10px;
	width: 100%;
	border-radius: 0;
}
.inline-form > p {
	color: #999999;
	float: left;
	font-family: pontano sans;
	font-size: 14px;
	letter-spacing: 0.3px;
	line-height: 13px;
	margin: 0;
	padding: 5px 0;
	width: 100%;
}
.inline-form select {
	border: #EBEBEB solid 1px;
	float: left;
	height: 30px;
	padding: 5px;
	width: 100%;
	border-radius: 2px;
}
.custom-form form {
	float: left;
	padding: 20px;
	width: 100%;
}
textarea.form-control {
	min-height: 104px;
}
.invoice-sec {
	float: left;
	margin-top: 30px;
	width: 100%;
}
.invoice-sec > span {
	color: #777777;
	float: right;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	text-align: right;
	width: 100%;
}
.invoice-sec strong {
	color: #555555;
	float: left;
	font-family: Roboto;
	font-size: 16px;
	letter-spacing: 0.3px;
	width: 100%;
}
.invoice-details {
	float: left;
	width: 50%;
}
.invoice-details > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.heading-invoice {
	color: #6E6E6E;
	float: left;
	font-family: open sans;
	font-size: 13px;
	list-style: none outside none;
	width: 100%;
	font-size: 12px;
}
.invoice-details li {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.25px;
	line-height: 15px;
	list-style: none outside none;
	padding: 6px 0;
	width: 100%;
}
.invoice {
	background: none 0 0 repeat scroll #FAFAFA;
	border: #EBEBEB solid 1px;
	float: left;
	margin: 15px 0;
	width: 100%;
	border-radius: 2px;
}
.invoice-head {
	background: none 0 0 repeat scroll #F7F7F7;
	float: left;
	width: 100%;
}
.invoice-head h2 {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.3px;
	line-height: 12px;
	margin: 0;
	padding: 15px 0;
	text-align: center;
}
.invoice li div p {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 10px;
	margin: 0;
	padding: 15px 0;
	text-align: center;
	width: 100%;
}
.invoice-number {
	width: 10%;
	float: left;
}
.date {
	width: 10%;
	float: left;
}
.description {
	width: 50%;
	float: left;
}
.quantity {
	width: 10%;
	float: left;
}
.vat {
	width: 10%;
	float: left;
}
.total {
	width: 10%;
	float: left;
}
.long-column {
	width: 90%;
}
.long-column p {
	padding-left: 10px !important;
	text-align: left !important;
}
.invoice li {
	border-bottom: 1px solid #EDEDED;
	border-top: 1px solid #FFFFFF;
	float: left;
	list-style: none outside none;
	width: 100%;
}
.invoice li:hover {
	background: none 0 0 repeat scroll #F7F7F7;
}
.invoice > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.invoice li:nth-child(2n 1) {
	background: none 0 0 repeat scroll #FDFDFD;
}
.invoice li div {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #EBEBEB;
}
.total a {
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 12px;
	line-height: 10px;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	width: 100%;
	border-radius: 2px;
}
.order-reveived {
	background: none 0 0 repeat scroll #FFFFFF;
	border: #DFDFDF solid 1px;
	float: left;
	margin-top: 30px;
	padding: 20px;
	width: 100%;
	border-radius: 0;
}
.order-reveived p strong {
	color: #222222;
	font-family: Roboto;
	font-size: 19px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}
.order-reveived > p {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	margin: 0;
	padding-bottom: 15px;
	width: 100%;
}
.order-reveived > a {
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.25px;
	padding: 7px 10px;
	border-radius: 3px;
}
.search-head {
	display: table;
	float: none;
	margin: 30px auto 0;
}
.search-head > form {
	background: none 0 0 repeat scroll #F4F4F4;
	border: #ECEDEE solid 1px;
	display: table;
	margin: 0 auto;
	padding: 5px;
}
.search-head form a {
	color: #FFFFFF;
	float: right;
	height: 35px;
	line-height: 29px;
	padding-left: 1px;
	text-align: center;
	width: 35px;
}
.search-head > form input {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	border: none medium;
	float: left;
	font-family: open sans;
	font-size: 12px;
	height: 35px;
	padding: 0 10px;
	width: 305px;
}
.search-head > span {
	color: #444444;
	float: left;
	font-family: pt sans;
	font-size: 16px;
	letter-spacing: 0.3px;
	line-height: 12px;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}
.search-head > span i {
	background: none 0 0 repeat scroll #F4F4F4;
	font-family: open sans;
	font-size: 14px;
	font-style: normal;
	margin-left: 10px;
	padding: 5px 20px;
}
.search-head > p {
	color: #666666;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.25px;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}
.search-head > p i {
	color: #FF4C4C;
	font-family: open sans;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0.3px;
}
.search-result {
	float: left;
	padding: 15px;
	width: 100%;
}
.search-result h3 {
	color: #444444;
	font-family: Roboto;
	font-size: 16px;
	font-weight: 500;
	line-height: 22px;
	margin: 0;
}
.search-result > p {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 22px;
	margin-top: 15px;
	width: 100%;
}
.search-result > span {
	color: #777777;
	float: right;
	font-family: open sans;
	font-size: 13px;
}
.search-result > span i {
	float: left;
	margin-right: 10px;
	margin-top: 3px;
}
.price-table-sec {
	float: left;
	width: 100%;
}
#pricing-table {
	display: table;
	margin: 30px auto 0;
	text-align: center;
	width: 100%;
}
.plan {
	background: none 0 0 repeat scroll #424141;
	border: #FFFFFF solid 6px;
	float: left;
	margin-bottom: 30px;
	overflow: hidden;
	transition: all 0.4s 0s ease;
	border-radius: 10px;
}
.plan:hover {
	border: #DDDDDD solid 6px;
}
.plan > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.plan li {
	background: url("../images/price-gray.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	color: #666666;
	float: left;
	font-family: roboto;
	font-size: 13px;
	list-style: none outside none;
	padding: 20px 30px;
	text-align: left;
	width: 100%;
}
.plan li i {
	color: #7F7E7E;
	font-size: 16px;
	margin-right: 15px;
}
.plan > h3 {
	background: none 0 0 repeat scroll #F32837;
	color: #FFFFFF;
	font-family: roboto;
	font-size: 20px;
	font-weight: 500;
	margin: 0;
	padding: 25px 0;
}
.plan > h3 > i {
	font-size: 16px;
	margin-right: 15px;
}
.plan > p {
	color: #CECECE;
	float: left;
	font-family: open sans;
	font-size: 13px;
	line-height: 24px;
	margin: 25px 0;
	padding: 0 45px;
	width: 100%;
}
.price-rate {
	background: none 0 0 repeat scroll #F32837;
	color: #FFFFFF;
	display: table;
	float: none;
	margin: 0 auto;
	padding: 20px 30px 20px 60px;
	transition: all 0.4s 0s ease;
	width: 75%;
	border-radius: 0 0 6px 6px;
}
.plan:hover .price-rate {
	background: url("../images/pink.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
}
.price-rate > h3 {
	float: left;
	font-family: Pontano Sans;
	font-size: 70px;
	margin: 0;
	width: 100%;
	position: relative;
	transition: all 0.4s 0s ease;
}
.plan.plan:hover > h3 {
	background: url("../images/pink.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
}
.price-rate > h3 > i {
	font-size: 25px;
	left: -25px;
	margin: 0;
	position: absolute;
	text-shadow: 0 0 1px #8F8F8F;
	top: 8px;
}
.signup-btn {
	background: url("../images/black.jpg") 0 0 /cover repeat scroll rgba(0, 0, 0, 0);
	color: #FFFFFF;
	display: table;
	font-family: open sans;
	font-size: 13px;
	font-weight: 500;
	margin: 0 auto 23px;
	padding: 8px 35px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.4s 0s ease;
	border-radius: 3px;
}
.plan:hover .signup-btn {
	background: url("../images/pink.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	color: #FFFFFF;
	text-decoration: none;
}
#pricing-table h3 span {
	font-family: open sans;
	font-size: 14px;
	letter-spacing: 0.1px;
	margin-left: 2px;
}
.accordion {
	float: left;
	margin: 1em 0;
	width: 100%;
}
.accordion h3 {
	background: none 0 0 repeat scroll #F4F4F4;
	color: #555555;
	cursor: pointer;
	float: left;
	font-family: pt sans;
	font-size: 16px;
	font-weight: lighter;
	letter-spacing: 0.25px;
	margin: 2px 0;
	padding: 11px;
	width: 100%;
}
.accordion h3.current {
	background: url("../images/green.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	color: #FFFFFF;
	cursor: default;
	float: left;
	width: 100%;
}
.pane > p {
	color: #777777;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.25px;
	line-height: 24px;
	margin: 0;
	padding: 15px 0 15px 10px;
	width: 100%;
}
.pane {
	float: left;
	width: 100%;
}
.accordion div.pane {
	background: none 0 0 repeat scroll #FFFFFF;
	border: #EBEBEB solid 1px;
	padding: 5px 10px;
	border-radius: 2px;
}
.my-cart {
	background: none 0 0 repeat scroll #FFFFFF;
	border: #DBDBDB solid 1px;
	float: left;
	margin-top: 30px;
	width: 100%;
}
.cart-heading {
	background: none 0 0 repeat scroll #F7F7F7;
	float: left;
	padding: 15px 0;
	width: 100%;
}
.cart-heading h2 {
	color: #5E5E5E;
	display: table;
	font-family: open sans;
	font-size: 14px;
	font-weight: 600;
	line-height: 12px;
	margin: 0 auto;
	text-align: center;
}
.cart-product {
	width: 40%;
	float: left;
	padding: 0 20px;
}
.cart-price {
	width: 20%;
	float: left;
	padding: 0 20px;
}
.cart-quantity {
	width: 20%;
	float: left;
	padding: 0 20px;
}
.cart-total {
	width: 20%;
	float: left;
	padding: 0 20px;
}
.my-cart > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.my-cart li:nth-child(2n 1) {
	background: #fdfdfd;
}
.my-cart:last-child {
	border-bottom: 0;
}
.my-cart li {
	background: none 0 0 repeat scroll #FAFAFA;
	border-bottom: 1px solid #dbdbdb;
	border-top: 1px solid #FFFFFF;
	float: left;
	list-style: none outside none;
	width: 100%;
}
.my-cart li > div {
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #DBDBDB;
	float: left;
	min-height: 47px;
	padding: 10px 20px;
	position: relative;
}
.my-cart li > div:last-child {
	border-right: none;
}
.cart-product > a i {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.1);
	color: #444444;
	height: 100%;
	left: 0;
	line-height: 48px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 25px;
}
.cart-product > h6 {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.25px;
	line-height: 16px;
	margin: 6px 0 2px 20px;
	text-transform: uppercase;
}
.cart-product > img {
	border: #C7C7C7 solid 1px;
	float: right;
	margin-top: 0;
	width: 35px;
	border-radius: 3px;
}
.cart-price > h6 {
	color: #444444;
	display: table;
	float: none;
	font-family: roboto;
	font-size: 16px;
	font-weight: 700;
	line-height: 11px;
	margin: 3px auto 0;
	padding: 6px;
	text-align: center;
	border-radius: 3px;
}
.cart-quantity select {
	border: #EBEBEB solid 1px;
	display: table;
	float: none;
	font-family: open sans;
	font-size: 15px;
	margin: 0 auto;
	text-align: center;
	width: 50%;
	border-radius: 3px;
}
.cart-total > h6 {
	color: #444444;
	float: left;
	font-family: roboto;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.1px;
	margin: 6px 0;
	text-align: center;
	width: 100%;
}
.my-cart li > div:last-child {
	border-right: medium none;
}
.my-cart li:last-child div a {
	color: #FFFFFF;
	font-family: open sans;
	font-size: 13px;
	line-height: 11px;
	padding: 10px 11px;
	border-radius: 3px;
}
.cart-product > input {
	border: #EBEBEB solid 1px;
	float: left;
	font-family: open sans;
	font-size: 12px;
	height: 35px;
	letter-spacing: 0.25px;
	padding: 0 10px;
	text-transform: uppercase;
	width: 215px;
	border-radius: 3px;
}
.cart-total-sec p {
	color: #444444;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.25px;
	line-height: 10px;
	margin: 0;
	padding: 19px 0;
	text-align: center;
	width: 50%;
}
.cart-total-sec span {
	color: #444444;
	float: left;
	font-family: roboto;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.3px;
	line-height: 12px;
	padding: 18px 0;
	text-align: center;
	width: 50%;
}
.calc-shipping-sec select {
	border: #EBEBEB solid 1px;
	float: left;
	font-family: open sans;
	font-size: 14px;
	height: 31px;
	padding: 3px 0 0;
	width: 100%;
	border-radius: 3px;
}
.calc-shipping-sec li {
	padding: 9px 15px;
}
.calc-shipping-sec li input {
	border: #EBEBEB solid 1px;
	float: left;
	font-family: open sans;
	font-size: 13px;
	padding: 5px 10px;
	width: 100%;
	border-radius: 3px;
}
.calc-shipping-sec li a {
	float: right;
	font-size: 13px;
	padding: 5px 10px;
	border-radius: 3px;
}
.billing {
	float: left;
	margin-top: 30px;
	padding: 0;
	width: 100%;
}
.billing-form {
	float: left;
	margin-bottom: 30px;
	padding: 0 5% 0 0;
	width: 50%;
}
.billing label {
	color: #444444;
	float: left;
	font-family: roboto;
	font-size: 15px;
	line-height: 10px;
	margin: 0;
	padding-bottom: 10px;
	width: 100%;
}
.billing-form span {
	color: #28AB7C;
}
.billing-form > input {
	border: #EBEBEB solid 1px;
	color: #000000;
	float: left;
	font-family: open sans;
	font-size: 11px;
	height: 33px;
	letter-spacing: 0.25px;
	padding: 0 10px;
	text-transform: uppercase;
	width: 100%;
	border-radius: 0;
}
.billing-form > input:focus {
	border: #A0A0A0 solid 1px;
}
.billing-form.full-form {
	width: 100%;
}
.billing-form select {
	border: #EBEBEB solid 1px;
	float: left;
	font-family: open sans;
	font-size: 14px;
	height: 33px;
	padding: 4px 0;
	width: 100%;
	border-radius: 3px;
}
.billing h3 {
	float: left;
	font-family: raleway;
	font-size: 16px;
	letter-spacing: 0.25px;
	margin: 0;
	width: 100%;
}
.billing > p {
	color: #6E6E6E;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.25px;
	margin: 0;
	padding: 10px 0 30px;
	width: 100%;
}
.billing textarea {
	border: #EBEBEB solid 1px;
	float: left;
	margin: 10px 0;
	width: 100%;
	border-radius: 3px;
}
.payment {
	float: left;
	margin-top: 30px;
	padding: 0;
	width: 100%;
}
.payment > ul {
	background: none 0 0 repeat scroll #FFFFFF;
	border: #DFDFDF solid 1px;
	float: left;
	margin: 0;
	padding: 15px;
	width: 100%;
	border-radius: 3px;
}
.payment-desc .payment-desc span:last-child {
	margin-bottom: 0;
}
.payment a {
	float: left;
}
.payment li {
	float: left;
	list-style: none outside none;
	width: 100%;
}
.payment-method {
	float: left;
	width: 100%;
}
.payment-method > label {
	font-family: open sans;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.25px;
}
.payment-desc {
	float: left;
	width: 100%;
}
.payment-desc > span {
	background: none 0 0 repeat scroll #222222;
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 24px;
	margin: 10px 0 25px;
	padding: 15px;
	position: relative;
	width: 100%;
	border-radius: 3px;
}
.payment-desc > span:before {
	border-bottom: 6px solid #222222;
	border-left: 6px solid;
	border-right: 6px solid;
	content: "";
	left: 22px;
	position: absolute;
	top: -5px;
}
.payment a {
	color: #FFFFFF;
	float: left;
	font-size: 13px;
	letter-spacing: 0.25px;
	padding: 7px 10px;
	text-decoration: none;
	border-radius: 3px;
}
.page-header {
	border-bottom: 1px solid #EEEEEE;
	font-family: pt sans;
	font-size: 27px;
	margin: 30px 0 15px;
	padding-bottom: 9px;
}
.fontawesome-icon-list div a {
	color: #444444;
	float: left;
	padding: 10px 0;
	transition: all 0.4s 0s ease;
	width: 100%;
}
.fontawesome-icon-list div a i {
	font-size: 16px;
	width: 30px;
}
.fa-hover {
	float: left;
}
.fa-hover:hover a {
	background: url("../images/green.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	color: #FFFFFF;
	padding-left: 30px;
	border-radius: 3px;
}
.profile-sec-head {
	border-radius: 2px 2px 0 0;
	float: left;
	width: 100%;
}
.profile-sec-head > img {
	border: rgba(255, 255, 255, 0.5) solid 4px;
	display: table;
	float: none;
	margin: 20px auto 0;
	border-radius: 50%;
}
.profile-sec-head h1 {
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 20px;
	font-weight: bold;
	line-height: 15px;
	margin: 20px 0 15px;
	text-align: center;
	width: 100%;
}
.profile-sec-head h1 i {
	font-style: normal;
	font-weight: 600;
}
.profile-sec-head p {
	color: #444444;
	display: table;
	float: none;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.25px;
	margin: 0 auto;
}
.profile-sec-head p i {
	margin-right: 10px;
}
.profile-sec-head ul {
	display: table;
	float: none;
	margin: 10px auto 20px;
	padding: 0;
}
.profile-sec-head ul li {
	float: left;
	list-style: none outside none;
	margin: 0 3px;
}
.profile-sec-head ul li a {
	border: #FFFFFF solid 2px;
	color: #FFFFFF;
	float: left;
	height: 30px;
	line-height: 26px;
	text-align: center;
	width: 30px;
	border-radius: 50%;
}
.profile-details {
	background: none 0 0 repeat scroll #F4F4F4;
	float: left;
	width: 100%;
}
.profile-details > span {
	background: none 0 0 repeat scroll #ECEDEE;
	color: #666666;
	float: left;
	font-family: open sans;
	font-size: 13px;
	line-height: 10px;
	padding: 25px 0;
	text-align: center;
	width: 50%;
}
.profile-details > span > i {
	color: #444444;
	float: left;
	font-family: open sans;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 13px;
	margin-bottom: 15px;
	text-align: center;
	width: 100%;
}
.profile-details > p {
	color: #666666;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	margin: 20px 0 45px;
	padding: 0 20px;
	width: 100%;
}
.profile-margin {
	margin-top: 30px;
}
.profile-details > p i {
	color: #444444;
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-style: normal;
	line-height: 10px;
	margin-bottom: 15px;
	width: 100%;
}
.profile-details > a {
	border-radius: 2px;
	display: table;
	float: none;
	line-height: 10px;
	margin: 0 auto 45px;
	padding: 18px;
	text-align: center;
}
.profile-details > a i {
	float: left;
	font-size: 25px;
	margin-bottom: 5px;
	text-align: center;
	width: 100%;
}
#tabmenu {
	float: left;
	margin: 0 0 30px;
	width: 100%;
}
#nav1 {
	margin: 0;
	overflow: hidden;
	padding-left: 0;
}
#nav1 li {
	float: left;
	list-style: none outside none;
	margin: 0;
	width: 25%;
}
#nav1 li a {
	background: none 0 0 repeat scroll #ECEDEE;
	color: #444444;
	display: block;
	font-size: 14px;
	padding: 10px;
	text-align: center;
}
#tab-content {
	background: none 0 0 repeat scroll #F4F4F4;
	border: none medium;
	float: left;
	margin-top: -1px;
	width: 100%;
}
#tab-content div textarea {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	border: none medium;
	float: left;
	font-family: open sans;
	font-size: 12px;
	letter-spacing: 0.3px;
	min-height: 114px;
	padding: 20px;
	width: 100%;
}
.share-sec {
	background: none 0 0 repeat scroll #ECEDEE;
	display: block !important;
	float: left;
	padding: 7px;
	width: 100%;
}
.share-sec > a {
	color: #F1F1F1;
	float: right;
	font-family: open sans;
	font-size: 12px;
	line-height: 10px;
	padding: 8px 10px;
}
#nav1 li a.active {
	background: none 0 0 repeat scroll #F4F4F4;
	color: #666666;
	margin: 0;
}
.total-members {
	background: none 0 0 repeat scroll #F4F4F4;
	float: left;
	margin-bottom: 30px;
	width: 100%;
}
.total-memeber-head {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	padding: 8px;
	width: 100%;
}
.total-memeber-head > span {
	color: #444444;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.35px;
	line-height: 28px;
	padding-left: 8px;
}
.total-memeber-head > span i {
	margin-right: 10px;
}
.total-members > ul {
	float: left;
	margin: 0;
	padding: 15px;
	width: 100%;
}
.total-members ul li {
	float: left;
	list-style: none outside none;
	padding: 6px;
	position: relative;
	width: 12.5%;
}
.total-members ul li a {
	float: left;
	width: 100%;
}
.total-members ul li a img {
	float: left;
	width: 100%;
	border-radius: 50%;
}
.member-hover {
	background: none 0 0 repeat scroll #444444;
	content: "";
	left: 0;
	margin-left: 0;
	opacity: 0;
	padding: 8px 20px;
	position: absolute;
	top: -9999px;
	transform: scale(1.5) rotate(25deg);
	width: 110px;
	transition: opacity 0.4s 0s ease, left 0.4s 0s ease;
}
.total-members ul li:hover .member-hover {
	left: 7px;
	opacity: 1;
	top: -92px;
	transform: scale(1) rotate(0deg);
}
.member-hover:before {
	border-left: 0 solid;
	border-right: 18px solid rgba(0, 0, 0, 0);
	border-top: 25px solid #444444;
	bottom: -25px;
	content: "";
	left: 0;
	position: absolute;
}
.member-hover > span {
	color: #FFFFFF;
	float: left;
	font-family: pt sans;
	font-size: 14px;
	text-align: center;
	width: 100%;
}
.member-hover > a {
	display: table;
	float: none;
	margin: 0 auto;
	text-align: center;
}
.member-hover a img {
	display: table;
	float: none !important;
	margin: 0 auto;
	text-align: center;
	width: auto !important;
}
.latest-tweets {
	background: none 0 0 repeat scroll #F4F4F4;
	float: left;
	width: 100%;
}
.latest-tweets-head {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	padding: 8px;
	width: 100%;
}
.latest-tweets-head > span {
	color: #444444;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.35px;
	line-height: 28px;
	padding-left: 8px;
}
.latest-tweets-head > span i {
	margin-right: 10px;
}
.latest-tweets > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.latest-tweets ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	list-style: none outside none;
	padding: 11px 20px;
	width: 100%;
}
.latest-tweets li a {
	color: #444444;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.2px;
	line-height: 22px;
	width: 100%;
}
.latest-tweets li a i {
	color: #48CDEA;
	font-style: normal;
}
.latest-tweets li p {
	color: #888888;
	float: left;
	font-family: pt sans;
	font-size: 12px;
	letter-spacing: 0.2px;
	line-height: 10px;
	margin: 10px 0 0;
	text-align: left;
	width: 100%;
}
.latest-tweets li p i {
	font-size: 14px;
	margin-right: 10px;
}
.latest-tweets ul li:last-child {
	border: none medium;
}
.google-map {
	float: left;
	margin-bottom: 30px;
	width: 100%;
}
.google-map iframe {
	border: none medium;
	height: 193px;
	width: 100%;
}
.my-photos {
	float: left;
	width: 100%;
	background: #f4f4f4;
}
.my-photo-head {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	padding: 8px;
	width: 100%;
}
.my-photo-head > span {
	color: #444444;
	float: left;
	font-family: pt sans;
	font-size: 13px;
	letter-spacing: 0.35px;
	line-height: 28px;
	padding-left: 8px;
}
.my-photo-head > span i {
	margin-right: 10px;
}
.my-photos > ul {
	float: left;
	margin: 0;
	padding: 20px;
	width: 100%;
}
.my-photos > ul li {
	float: left;
	list-style: none outside none;
	margin-bottom: 7px;
	overflow: hidden;
	position: relative;
	width: 33.3333%;
}
.my-photos > ul li img {
	display: table;
	float: none;
	margin: 0 auto;
	border-radius: 50%;
}
.my-photos li p {
	color: #444444;
	float: left;
	font-family: open sans;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	width: 100%;
}
.my-photo-hover {
	background: none 0 0 repeat scroll rgba(245, 62, 85, 0.8);
	left: 100%;
	margin-top: -36px;
	opacity: 0;
	padding-left: 10px;
	position: absolute;
	top: 50%;
	width: 100%;
	transition: opacity 0.4s 0s ease, left 0.4s 0s ease;
}
.my-photos > ul li:hover .my-photo-hover {
	opacity: 1;
	left: 50%;
}
.my-photo-hover > a {
	color: #FFFFFF;
	float: left;
	margin-right: 9px;
	padding: 10px 0;
}
.inbox-margin {
	margin-top: 30px;
}
.inbox-panel {
	float: left;
	width: 100%;
}
.inbox-panel-head {
	float: left;
	padding: 20px;
	width: 100%;
}
.inbox-panel-head > img {
	float: left;
	margin-right: 20px;
	border-radius: 50%;
}
.inbox-panel-head > h1 {
	color: #FFFFFF;
	display: block;
	font-family: open sans;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.3px;
	line-height: 15px;
	margin: 10px 0 20px;
}
.inbox-panel-head > h1 i {
	font-style: normal;
	font-weight: 600;
}
.inbox-panel-head > a {
	color: #FFFFFF;
	display: block;
	font-family: open sans;
	font-size: 12px;
	line-height: 10px;
	margin: 8px 0;
}
.inbox-panel-head > a i {
	margin-right: 5px;
}
.inbox-panel > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.inbox-panel > ul li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	list-style: none outside none;
	transition: all 0.4s 0s ease;
	width: 100%;
}
.inbox-panel > ul li:hover {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.2);
}
.inbox-panel > ul li a {
	color: #FFFFFF;
	float: left;
	font-family: pt sans;
	font-size: 14px;
	line-height: 10px;
	padding: 13px;
}
.inbox-active {
	background: url("../images/blue.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
}
.inbox-panel.black {
	border: none medium;
	box-shadow: none;
}
.inbox-panel > ul li a i {
	font-size: 20px;
	margin-right: 13px;
	transition: all 0.4s 0s ease;
}
.inbox-panel > ul li:hover a i {
	transform: rotate(180deg);
}
.inbox-panel > ul li > span {
	background: none 0 0 repeat scroll #FFFFFF;
	color: #888888;
	float: right;
	font-family: open sans;
	font-size: 14px;
	height: 20px;
	line-height: 18px;
	margin: 13px;
	text-align: center;
	width: 20px;
	border-radius: 50%;
}
.flaged {
	float: left;
	margin-top: 45px;
	width: 100%;
}
.flaged h3 {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.2);
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 14px;
	font-weight: 600;
	line-height: 24px;
	margin: 0;
	padding: 13px;
	width: 100%;
}
.flaged h3 i {
	font-size: 20px;
	margin-right: 13px;
}
.flaged > ul {
	float: left;
	margin: 0;
	padding: 0 0 22px;
	width: 100%;
}
.flaged ul li {
	float: left;
	list-style: none outside none;
	padding: 10px;
	width: 100%;
}
.flaged ul li a {
	color: #FFFFFF;
	font-family: pt sans;
	font-size: 14px;
}
.flaged ul li a i {
	margin-right: 10px;
}
.inbox-margin .col-md-3,
.inbox-margin .col-md-4,
.inbox-margin .col-md-5 {
	padding: 0;
}
.all-emails {
	background: none 0 0 repeat scroll #F4F4F4;
	float: left;
	padding: 10px;
	width: 100%;
}
.all-emails > form {
	background: none 0 0 repeat scroll #ECEDEE;
	border-radius: 2px;
	float: left;
	margin-bottom: 20px;
	overflow: hidden;
	width: 100%;
}
.all-emails form input {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0);
	border: none medium;
	color: #666666;
	float: left;
	font-family: open sans;
	font-size: 14px;
	height: 42px;
	letter-spacing: 0.3px;
	padding-left: 12px;
	width: 90%;
}
.all-emails > form a {
	background: url("../images/blue.jpg") 0 0 /100% auto repeat scroll rgba(0, 0, 0, 0);
	color: #FFFFFF;
	float: right;
	font-size: 18px;
	line-height: 42px;
	text-align: center;
	width: 10%;
}
.all-emails > ul {
	float: left;
	margin: 0;
	padding: 0 !important;
	width: 100% !important;
}
.all-emails ul li {
	background: none 0 0 repeat scroll #F7F7F7;
	border: #E2E2E2 solid 1px;
	float: left;
	list-style: none outside none;
	margin-bottom: 10px;
	overflow: hidden;
	padding: 15px;
	position: relative;
	width: 100%;
	border-radius: 2px;
}
.all-emails ul li h5 {
	float: left;
	font-family: open sans;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
	position: relative;
}
.all-emails ul li h5:before {
	background: none 0 0 repeat scroll #5dc14f;
	content: "";
	height: 7px;
	position: absolute;
	right: -21px;
	top: 5px;
	width: 7px;
	border-radius: 50%;
}
.all-emails ul li h5 a {
	color: #48CDEA;
}
.all-emails ul li h5 i {
	color: #666666;
	font-size: 13px;
	margin-left: 30px;
}
.all-emails span {
	color: #666666;
	float: right;
	font-family: pt sans;
	font-size: 13px;
}
.all-emails span i {
	margin-right: 10px;
}
.all-emails p {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	line-height: 22px;
	margin: 10px 0 0;
	width: 100%;
}
.all-emails ul li:before {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.8);
	content: "";
	height: 100%;
	left: 50px;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s 0s ease;
	width: 100%;
	z-index: 1;
	border-radius: 2px;
}
.all-emails ul li:hover:before {
	left: 0;
	opacity: 1;
}
.all-emails ul li:hover .email-hover {
	opacity: 1;
}
.email-hover {
	content: "";
	left: 50%;
	margin-left: -104px;
	margin-top: -19px;
	opacity: 0;
	position: absolute;
	top: 50%;
	z-index: 2;
	transition: all 0.4s 0s ease;
}
.email-hover > a {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.4);
	border-radius: 2px;
	color: #FFFFFF;
	float: left;
	font-size: 24px;
	height: 40px;
	line-height: 40px;
	margin: 0 15px;
	text-align: center;
	width: 40px;
}
.read-message {
	background: none 0 0 repeat scroll #ECEDEE;
	float: left;
	width: 100%;
}
.read-message {
	background: none 0 0 repeat scroll #ECEDEE;
	float: left;
	padding: 15px !important;
	width: 100% !important;
}
.read-message > p {
	color: #555555;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 22px;
	margin: 0;
}
.read-message > img {
	float: left;
	margin-bottom: 15px;
	margin-top: 15px;
	width: 50%;
}
.message-details {
	background: url("../images/black.jpg") 0 0 /100% 100% repeat scroll rgba(0, 0, 0, 0);
	box-shadow: 0 -10px 0 rgba(0, 0, 0, 0.2);
	float: left;
	padding: 20px;
	position: relative;
	width: 100%;
}
.message-details:before {
	background: none 0 0 repeat scroll rgba(0, 0, 0, 0.2);
	content: "";
	height: 3px;
	left: 55px;
	position: absolute;
	top: 54px;
	width: 80%;
	z-index: 0;
}
.message-sender > a {
	color: #FFFFFF;
	font-family: open sans;
	font-size: 13px;
	position: relative;
}
.message-sender > a img {
	border-radius: 50%;
}
.message-details > span {
	color: #999999;
	float: left;
	font-family: open sans;
	font-size: 13px;
	line-height: 10px;
	margin-top: 10px;
	width: 100%;
}
.message-details > span i {
	margin-right: 10px;
}
.message-sender > a i {
	font-style: normal;
}
.reply-btn {
	border-radius: 4px;
	float: right;
	font-family: open sans;
	font-size: 13px;
	line-height: 10px;
	padding: 8px 13px;
}
.reply-btn i {
	margin-right: 5px;
}
.btns {
	border: none medium;
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 18px;
	font-weight: 500;
}
.btn-sec > p {
	display: table;
	margin: 0 auto;
	padding: 2px 0;
	text-align: center !important;
}
.buttons-margin {
	margin-top: -30px;
}
.btn-sec {
	margin-top: 60px;
}
.flat-btn {
	box-shadow: none !important;
}
.lrg-btn {
	padding: 10px 20px;
}
.sml-btn {
	font-size: 16px;
	padding: 4px 14px;
}
.m-sml-btn {
	font-size: 15px;
	padding: 0 8px;
}
.m-m-sml-btn {
	font-size: 12px;
	padding: 0 7px;
}
.nav-pills > li > a {
	border-radius: 0;
}
.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
}
.dropdown-example .dropdown {
	margin-right: 13px;
}
.tag-btn {
	color: #FFFFFF;
	float: left;
	font-family: open sans;
	font-size: 14px;
	font-weight: 600;
	margin: 0 8px 18px;
	padding: 3px 23px;
	position: relative;
	text-decoration: none;
	border-radius: 0;
}
.tag-btn:before {
	background: none 0 0 repeat scroll #FFFFFF;
	content: "";
	height: 6px;
	left: 7px;
	position: absolute;
	top: 10px;
	width: 6px;
	border-radius: 50%;
}
.widget-sec {
	margin-top: 20px;
}
.btn-group.btn-group-justified {
	margin-bottom: 4px;
}
.icon-btn {
	background: none 0 0 repeat scroll #FFFFFF;
	border: #ECECEC solid 1px;
	float: left;
	margin-bottom: 30px;
	width: 100%;
}
.icon-btn > a {
	color: #333333;
	float: left;
	font-family: open sans;
	font-size: 14px;
	font-weight: 600;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 100%;
	transition: all 0.2s 0s ease;
}
.icon-btn > a:hover {
	box-shadow: 0 0 11px rgba(0, 0, 0, 0.1);
}
.icon-btn > a > div {
	color: #666666;
	float: left;
	font-family: open sans;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.25px;
	line-height: 9px;
	margin: 0 0 12px;
	position: relative;
	text-align: center;
	width: 100%;
}
.icon-btn i {
	color: #444444;
	float: left;
	font-size: 25px;
	line-height: 22px;
	margin-bottom: 14px;
	margin-top: 17px;
	text-align: center;
	width: 100%;
}
.icon-btn p {
	color: #FFFFFF;
	font-family: open sans;
	font-size: 10px;
	font-weight: 700;
	line-height: 10px;
	margin: 0;
	padding: 5px 7px;
	position: absolute;
	right: -11px;
	top: -8px;
	border-radius: 3px;
}
#chart_div {
	float: left;
	width: 100%;
}
.custom-heading {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
	float: left;
	font-family: pt sans;
	font-size: 22px;
	line-height: 15px;
	margin: 60px 0 30px;
	padding-bottom: 30px;
	width: 100%;
}
#flot-placeholder .tickLabels {
	display: none;
}
#flot-placeholder {
	float: left;
	height: 175px;
	width: 100%;
}
.graph-container,
.graph-container div,
.graph-container a,
.graph-container span {
	margin: 0;
	padding: 0;
}
#tooltip {
	background: #ffffff;
	background: linear-gradient(to bottom, #ffffff 0%, #f9f9f9 100%);
	border-radius: 3px;
}
.visitors > span {
	float: left;
	height: 6px;
	margin-right: 9px;
	margin-top: 8px;
	width: 20px;
}
.returning > span {
	float: left;
	height: 6px;
	margin-right: 9px;
	margin-top: 8px;
	width: 20px;
}
.graph-container {
	float: left;
	height: 330px;
	padding: 0;
	position: relative;
	top: -78px;
	width: 100%;
}
.graph-container > div {
	height: 400px;
	left: 5%;
	position: absolute;
	top: 0;
	width: 90%;
}
.graph-info {
	float: left;
	margin-bottom: 0;
	padding: 20px 20px 0;
	width: 100%;
}
#tooltip,
.graph-info a {
	color: #646464;
	float: left;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	line-height: 20px;
}
.tickLabel {
	color: #333333;
	float: left;
	font-family: open sans;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.25px;
	margin-right: -50px;
	position: absolute;
	right: 530px;
	text-align: right;
	top: 271px;
	width: 28px;
}
#tooltip {
	position: absolute;
	display: none;
	padding: 5px 10px;
	border: #e1e1e1 solid 1px;
}
.graph-info a {
	cursor: default;
	display: inline-block;
	float: left;
	font-family: open sans;
	font-weight: 600;
	letter-spacing: 0.25px;
	margin-right: 28px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}
.graph-info .returning:before {
	background: #77b7c5;
}
#lines,
#bars {
	border-bottom: 2px solid #F65B5B;
	cursor: pointer;
	float: right;
	height: 32px;
	margin-left: 10px;
	margin-right: 0;
	padding: 0;
	width: 34px;
	z-index: 100;
}
#lines span,
#bars span {
	background: none 0 0 repeat scroll #FAFAFA;
	border: #EBEBEB solid 1px;
	display: block;
	height: 32px;
	width: 34px;
}
#lines span,
#bars span {
	display: block;
	height: 32px;
	width: 34px;
	border-radius: 2px;
}
#graph-lines .xAxis.x1Axis {
	position: absolute;
	top: -75px;
}
#graph-bars .xAxis.x1Axis {
	position: absolute;
	top: -33px;
}
#lines.active span {
	border-bottom: 2px solid #333333;
}
#bars.active span {
	border-bottom: 2px solid #333333;
}
#lines span,
#bars span i {
	color: #333333;
	float: left;
	font-size: 13px;
	line-height: 22px;
	padding: 3px 9px;
}
#lines span,
#lines span i {
	color: #333333;
	padding: 5px 6px;
	border-radius: 2px;
}
.yAxis .tickLabel:first-child,
.yAxis .tickLabel:last-child {
	display: none;
}
.graph-info:before,
.graph-info:after,
.graph-container:before,
.graph-container:after {
	content: '';
	display: block;
	clear: both;
}
#large-bar-chart {
	float: left;
	padding: 0;
}
.graph-details {
	float: left;
	margin: -10px 0 0;
	position: relative;
	width: 100%;
	z-index: 100;
}
.graph-details > ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.graph-details li {
	float: left;
	list-style: none outside none;
	margin: 0;
	width: 50%;
}
.graph-details li > form > label {
	float: left;
	line-height: 10px;
	width: 100%;
}
.graph-details li > form > div > input {
	width: 100%;
	border-radius: 2px;
}
#graph-wrapper {
	float: left;
	margin-bottom: 30px;
}
.graph-details strong {
	color: #555555;
	display: table;
	font-family: open sans;
	font-size: 19px;
	margin: 0 auto;
}
.graph-details p {
	color: #777777;
	float: left;
	font-family: open sans;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.35px;
	line-height: 15px;
	margin: 10px 0;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
}
.graph-details span {
	color: #FFFFFF;
	float: left;
	font-size: 11px;
	line-height: 19px;
	margin: 3px 10px 3px 0;
	padding: 0 10px;
	border-radius: 2px;
}
.graph-details li form {
	float: left;
	padding-right: 10px;
	width: 50%;
}
.chart {
	float: left;
	height: 330px;
	position: static;
	width: 100%;
}
.pieTip {
	position: absolute;
	float: left;
	min-width: 30px;
	max-width: 300px;
	padding: 5px 18px 6px;
	background: rgba(255, 255, 255, 0.97);
	color: #444;
	font-size: 19px;
	text-shadow: 0 1px 0 #fff;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.06em;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.5);
	border-radius: 2px;
}
.pieTip:after {
	position: absolute;
	left: 50%;
	bottom: -6px;
	content: "";
	height: 0;
	margin: 0 0 0 -6px;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 6px solid rgba(255, 255, 255, 0.95);
	line-height: 0;
}
.chart path {
	cursor: pointer;
}
.chart1 {
	float: left;
	height: 300px;
	position: relative;
	width: 100%;
}
.doughnutTip {
	position: absolute;
	min-width: 30px;
	max-width: 300px;
	padding: 5px 15px;
	background: rgba(0, 0, 0, 0.8);
	color: #ddd;
	font-size: 17px;
	text-shadow: 0 1px 0 #000;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.06em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	border-radius: 1px;
}
.doughnutTip:after {
	position: absolute;
	left: 50%;
	bottom: -6px;
	content: "";
	height: 0;
	margin: 0 0 0 -6px;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, 0.7);
	line-height: 0;
}
.doughnutSummary {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #d5d5d5;
	text-align: center;
	text-shadow: 0 -1px 0 #111;
	cursor: default;
}
.doughnutSummaryTitle {
	color: #555555;
	font-family: PT Sans;
	font-size: 19px;
	letter-spacing: 0.06em;
	margin-top: 15px;
	position: absolute;
	text-shadow: none;
	top: 0;
	width: 100%;
}
.doughnutSummaryNumber {
	color: #333333;
	font-family: Pontano Sans;
	font-size: 55px;
	margin-top: 33px;
	position: absolute;
	text-shadow: none;
	top: 0;
	width: 100%;
}
.chart path:hover {
	opacity: 0.64999997615814208984375;
}
#contact {
	float: left;
	margin-top: 30px;
	width: 100%;
}
#contact label {
	color: #555555;
	display: inline-block;
	float: left;
	font-family: open sans;
	font-size: 13px;
	height: 26px;
	letter-spacing: 0.25px;
	line-height: 26px;
}
#contact input {
	background: none 0 0 repeat scroll #F5F5F5;
	border: #CCCCCC solid 1px;
	color: #666666;
	font-family: open sans;
	font-size: 13px;
	height: 30px;
	letter-spacing: 0.25px;
	margin: 0 0 8px;
	padding: 5px;
	width: 100%;
	border-radius: 3px;
}
#contact select {
	background: none 0 0 repeat scroll #FFFFFF;
	border: #CCCCCC solid 1px;
	color: #666666;
	font-family: open sans;
	font-size: 13px;
	margin-bottom: 26px;
	padding: 5px;
	width: 100%;
	border-radius: 3px;
}
#contact textarea {
	background: none 0 0 repeat scroll #F5F5F5;
	border: #CCCCCC solid 1px;
	color: #666666;
	font-family: open sans;
	font-size: 17px;
	margin: 0;
	padding: 5px;
	width: 100% !important;
	border-radius: 3px;
}
#contactform p {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	margin-top: 20px;
	text-transform: uppercase;
	width: 100%;
}
#contact input:focus,
textarea:focus,
select:focus {
	border: #999 solid 1px;
	background-color: #fff;
	color: #333;
}
#contact input.submit {
	background: none 0 0 repeat scroll #333333;
	border: #222222 solid 1px;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
	width: 85px;
}
#contact input.submit:hover {
	background: #444;
}
#contact input[type="submit"][disabled] {
	background: #888;
}
#contact fieldset {
	padding: 20px;
	border: #eee solid 1px;
}
#contact legend {
	border: #EEEEEE solid 1px;
	color: #555555;
	font-family: open sans;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.25px;
	margin-bottom: 0 !important;
	padding: 7px 10px;
	text-align: center;
}
#contact span.required {
	font-size: 13px;
	color: #ff0000;
}
#message {
	margin: 10px 0;
	padding: 0;
}
.error_message {
	background: url("../images/error.gif") 10px center no-repeat scroll #FBE3E4;
	border: #FBC2C4 solid 1px;
	color: #8A1F11;
	display: block;
	font-family: open sans;
	font-size: 13px;
	letter-spacing: 0.3px;
	line-height: 22px;
	padding: 3px 10px 3px 35px;
	text-transform: uppercase;
}
.loader {
	padding: 0 10px;
}
#contact #success_page h1 {
	background: url('../images/success.gif') left no-repeat;
	padding-left: 22px;
}
acronym {
	border-bottom: 1px dotted #ccc;
}
.about-us {
	float: left;
	margin-top: 30px;
	width: 100%;
}
.about-us > h3 i {
	font-style: normal;
	font-weight: bold;
}
.about-us > h3 {
	color: #333333;
	float: left;
	font-family: open sans;
	font-size: 22px;
	font-weight: 600;
	line-height: 18px;
	margin: 0 0 30px;
	width: 100%;
}
.about-us > p {
	color: #555555;
	float: left;
	font-family: open sans;
	font-size: 13px;
	line-height: 22px;
	margin: 0 0 20px;
	width: 100%;
}
.pink {
	background-image: url("../images/pink.jpg");
	background-size: 100% 100%;
	border: #fd3d46 solid 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
a.pink {
	color: #FFFFFF;
	font-family: open sans;
	letter-spacing: 0.25px;
	text-decoration: none;
}
button.pink {
	color: #FFFFFF;
	font-family: open sans;
	letter-spacing: 0.25px;
}
a.pink:hover {
	background: none 0 0 repeat scroll #FF485E;
	border: #F33C52 solid 1px;
	color: #FFFFFF;
}
button.pink:hover {
	background: none 0 0 repeat scroll #FF485E;
	border: #F33C52 solid 1px;
	color: #FFFFFF;
}
.progress .pink {
	border: none medium;
	box-shadow: none;
}
.custom-form form .sec {
	margin-bottom: 25px;
}
.yellow {
	background-image: url("../images/yellow.jpg");
	background-size: 100% 100%;
	border: #e8c65c solid 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
a.yellow {
	color: #FFFFFF;
	font-family: open sans;
	letter-spacing: 0.25px;
	text-decoration: none;
}
button.yellow {
	color: #FFFFFF;
	font-family: open sans;
	letter-spacing: 0.25px;
}
a.yellow:hover {
	background: none 0 0 repeat scroll #F8D94A;
	border: #F5D647 solid 1px;
	color: #FFFFFF;
}
button.yellow:hover {
	background: none 0 0 repeat scroll #F8D94A;
	border: #F5D647 solid 1px;
	color: #FFFFFF;
}
.progress .yellow {
	border: none medium;
	box-shadow: none;
}
.blue {
	background-image: url("../images/blue.jpg");
	background-size: 100% 100%;
	border: #5cb2c9 solid 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
a.blue {
	color: #FFFFFF;
	font-family: open sans;
	letter-spacing: 0.25px;
	text-decoration: none;
}
button.blue {
	color: #FFFFFF;
	font-family: open sans;
	letter-spacing: 0.25px;
}
a.blue:hover {
	background: none 0 0 repeat scroll #39BAE8;
	border: #39BAE8 solid 1px;
	color: #FFFFFF;
}
button.blue:hover {
	background: none 0 0 repeat scroll #39BAE8;
	border: #39BAE8 solid 1px;
	color: #FFFFFF;
}
.progress .blue {
	border: none medium;
	box-shadow: none;
}
.green {
	background-image: url("../images/green.jpg");
	background-size: 100% 100%;
	border: #39b7b9 solid 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
a.green {
	color: #FFFFFF;
	font-family: open sans;
	letter-spacing: 0.25px;
	text-decoration: none;
}
button.green {
	color: #FFFFFF;
	font-family: open sans;
	letter-spacing: 0.25px;
}
a.green:hover {
	background: none 0 0 repeat scroll #3AD4D6;
	border: #3AD4D6 solid 1px;
	color: #FFFFFF;
}
button.green:hover {
	background: none 0 0 repeat scroll #3AD4D6;
	border: #3AD4D6 solid 1px;
	color: #FFFFFF;
}
.progress .green {
	border: none medium;
	box-shadow: none;
}
.black {
	background-image: url("../images/black.jpg");
	background-size: 100% 100%;
	border: #414a58 solid 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
a.black {
	color: #FFFFFF;
	font-family: open sans;
	letter-spacing: 0.25px;
	text-decoration: none;
}
button.black {
	color: #FFFFFF;
	font-family: open sans;
	letter-spacing: 0.25px;
}
a.black:hover {
	background: none 0 0 repeat scroll #4D5665;
	border: #4D5665 solid 1px;
	color: #FFFFFF;
}
button.black:hover {
	background: none 0 0 repeat scroll #4D5665;
	border: #4D5665 solid 1px;
	color: #FFFFFF;
}
.progress .black {
	border: none medium;
	box-shadow: none;
}
.gray {
	background-image: url("../images/gray.jpg");
	background-size: 100% 100%;
	border: #aeb4be solid 1px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
.progress .gray {
	border: none medium;
	box-shadow: none;
}
.radio-left {
	text-align: left;
}
.radio-left input {
	display: inline-block;
	height: 40px;
	margin-top: -2px;
	width: 20px;
}
.radio-left label {
	display: inline-block;
}
.select-left {
	text-align: left;
}
.select-left label {
	display: inline-block;
	margin-right: 5%;
}
.select-left select {
	display: inline-block;
	width: 45%;
}
.trustee-names .input-group {
	margin-bottom: 20px;
}
.form-group-container > div.form-group {
	padding: 30px 0;
	border-bottom: 1px solid #EBEBEB;
	margin-bottom: 0;
}
.form-group-container > div.form-group:last-child {
	border-bottom: 0 solid #EBEBEB;
}
form .alert {
	margin: 30px;
}
.inner-label-right {
	text-align: right;
}
.inner-row {
	margin-top: 20px;
	overflow: auto;
}
.date-wheel-select.form-control[readonly] {
	background-color: #F7F6F6;
	cursor: pointer;
}
.radio-label-break {
	display: none;
}
.columns-title-row {
	margin-bottom: 20px;
	overflow: auto;
	width: 100%;
}
.columns-title-row > div {
	font-weight: bold;
	font-size: 1em;
	text-align: center;
}
.mobile-member-label {
	font-size: 0.8em;
	font-weight: 100;
	margin-top: 15px;
}
.title-member-name {
	background: none 0 0 repeat scroll #66635A;
	color: #FFFFFF;
	display: table-cell;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	width: 10%;
	border-radius: 4px;
	font-size: 0.9em;
}
.alert.inline-alert {
	margin: 20px 0 0 0;
}
.alert-warning {
	background-color: #FFF2B1;
	border-color: #F1DF84;
	color: #8A6D3B;
}
.divider-color-name {
	color: #26AFB1;
}
.title-custom {
	background: none 0 0 repeat scroll #1BBF78;
	color: #FFFFFF;
	display: table-cell;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	width: 10%;
	border-radius: 4px;
	font-size: 0.9em;
}
.title-custom-b {
	background: none 0 0 repeat scroll #D19123;
	color: #FFFFFF;
	display: table-cell;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	width: 10%;
	border-radius: 4px;
	font-size: 0.9em;
}
.custom-row-titles-container {
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	overflow: auto;
}
.custom-row-titles {
	font-weight: 100;
	color: #B9B9B9;
}
.reduced-padding .col-xs-1,
.reduced-padding .col-sm-1,
.reduced-padding .col-md-1,
.reduced-padding .col-lg-1,
.reduced-padding .col-xs-2,
.reduced-padding .col-sm-2,
.reduced-padding .col-md-2,
.reduced-padding .col-lg-2,
.reduced-padding .col-xs-3,
.reduced-padding .col-sm-3,
.reduced-padding .col-md-3,
.reduced-padding .col-lg-3,
.reduced-padding .col-xs-4,
.reduced-padding .col-sm-4,
.reduced-padding .col-md-4,
.reduced-padding .col-lg-4,
.reduced-padding .col-xs-5,
.reduced-padding .col-sm-5,
.reduced-padding .col-md-5,
.reduced-padding .col-lg-5,
.reduced-padding .col-xs-6,
.reduced-padding .col-sm-6,
.reduced-padding .col-md-6,
.reduced-padding .col-lg-6,
.reduced-padding .col-xs-7,
.reduced-padding .col-sm-7,
.reduced-padding .col-md-7,
.reduced-padding .col-lg-7,
.reduced-padding .col-xs-8,
.reduced-padding .col-sm-8,
.reduced-padding .col-md-8,
.reduced-padding .col-lg-8,
.reduced-padding .col-xs-9,
.reduced-padding .col-sm-9,
.reduced-padding .col-md-9,
.reduced-padding .col-lg-9,
.reduced-padding .col-xs-10,
.reduced-padding .col-sm-10,
.reduced-padding .col-md-10,
.reduced-padding .col-lg-10,
.reduced-padding .col-xs-11,
.reduced-padding .col-sm-11,
.reduced-padding .col-md-11,
.reduced-padding .col-lg-11,
.reduced-padding .col-xs-12,
.reduced-padding .col-sm-12,
.reduced-padding .col-md-12,
.reduced-padding .col-lg-12 {
	min-height: 1px;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
}
.reduced-padding .input-group-addon {
	padding: 6px 4px;
}
.reduced-padding .col-xs-12.member-divider {
	padding-left: 15px;
	padding-right: 15px;
}
.title-color-name {
	color: #95FFB9;
}
.custom-row-spacing-top {
	margin-top: 60px;
}
.label-set-green-a {
	background-color: #369EAB;
}
.label-set-green-b {
	background-color: #02A996;
}
.label-set-green-c {
	background-color: #1FB983;
}
.label-set-green-d {
	background-color: #029F63;
}
.label-set-green-e {
	background-color: #207C6A;
}
.label-set-red-a {
	background-color: #D1623A;
}
.label-set-red-b {
	background-color: #D18E3B;
}
.label-set-red-c {
	background-color: #A57204;
}
.label-set-red-d {
	background-color: #A94B28;
}
.label-set-red-e {
	background-color: #784C15;
}
.label-reserve {
	background-color: #D19123;
}
.small-radio-group {
	width: 100%;
}
.sr_left {
	width: 50%;
	float: left;
}
.sr_right {
	width: 50%;
	float: left;
}
.sr_radio {
	width: 30px;
	height: 38px;
	float: left;
}
.sr_radio input {
	width: 70%;
}
.sr_label {
	width: 30px;
	height: 38px;
	float: left;
	line-height: 38px;
}
.sr_label label {
	padding-top: 2px !important;
	font-size: 0.9em;
}
.custom_position_a {
	height: auto;
	margin-left: 30px;
	position: absolute;
	width: 140%;
}
.custom_position_a_height {
	height: 165px;
}
.custom_position_b_height {
	height: 125px;
}
.same-row-under {
	clear: both;
	margin-top: 10px;
}
.same-row-under input[type="text"] {
	font-size: 0.85em;
}
.col-fix {
	margin-left: -10px;
}
.col-fix-b {
	margin-left: -15px;
}
.col-fix-c {
	margin-left: -16px;
}
.step-info .buttonSave {
	background-color: #f0ad4e;
	color: #FFFFFF;
	display: block;
	float: right;
	font-family: open sans;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.35px;
	margin: 5px 3px 0;
	outline-style: none;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}
.country-table-head th.nolink {
	cursor: default;
}