/* Stylesheet for Site_name */

@import url(//fonts.googleapis.com/css?family=Roboto:400,300,500,700);
@import url("//fonts.googleapis.com/css?family=Muli");

@font-face {
    font-family: 'seganlight';
    src: url('/fonts/segan-light-webfont.woff2') format('woff2'),
         url('/fonts/segan-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/*============================================== GLOBAL STYLE AND RESET ============================================*/

.landing-wrapper {
	width: 994px;
	margin: 0 auto;
	position: relative;
}
html, body {
	font-family: 'seganlight', Fallback, sans-serif;
}
/*=============================================== GLOBAL STYLE AND RESET ENDS =======================================*/



/*********** Header Style Starts ********/

.homeCls {
	border-bottom: 1px solid #ded4c8;
	background: #f7eedf;
	padding: 0 0 24px 0;
}
.head-line {
	width: 100%;
	margin-bottom: 10px;
}
.head-line img {
	width: 100%;
	height: auto;
	display: block;
}
.userpanel {
	background: #1C232D;
	/*border-bottom: 2px solid;*/
}
.userpanel .userInfo {
	width: 100%;
	/*margin: 0 auto;*/
	text-align: right;
	position: relative;
}
.userpanel .userInfo .user {
	color: #fff;
	/*color: black;*/
	float: right;
	line-height: 40px;
	max-width: 200px;
	overflow: hidden;
	padding: 0 7px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.clear {
	clear: both;
}
.userpanel .userInfo .bar {
	border-left: 1px solid #000;
	margin: 2px 7px 0 0;
	height: 27px;
	float: right;
}
.profilePic {
	float: right;
}
.profilePic img {
	border-radius: 50%;
	height: 40px;
	width: 40px;
	margin-top: 2px;
}
.userSatings {
	background: #DADADA none repeat scroll 0 0;
    box-shadow: 1px 3px 11px 0 rgba(0, 0, 0, 0.4);
    box-sizing: border-box;
    display: block;
    opacity: 0;
    position: absolute;
    right: -13px;
    text-align: left;
    top: 45px;
    visibility: hidden;
    width: 160px;
    z-index: 1;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.showDrop{
	visibility:visible;
	opacity:1;
	top:60px;
}
.update_profile_link{
	border-bottom: 1px solid #FFF;
    box-sizing: border-box;
    color: #fff;
    display: block;
    padding: 11px 20px 11px 11px;
	position:relative;
}
.update_profile_link:hover {
    background-color: #1C1C1C;
}
/*.update_profile_link:before {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f04f30;
    border-style: solid;
    border-width: 10px;
    content: "";
    height: 0;
    position: absolute;
    right: 20px;
    top: -20px;
    width: 0;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.update_profile_link:hover:before{
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #cc442a;
}*/
.userSatings .update_profile_link + .logOut{
	box-sizing: border-box;
    display: block;
    float: none !important;
    margin: 0 auto;
    padding: 10px 10px 11px 30px !important;
}
.userpanel .userInfo .logOut {
	color: #1C232D;
	padding: 5px 10px 5px 30px;
	background: #DADADA none no-repeat 10px 50%;
	float: right;
	text-decoration: none;
}
.userpanel .userInfo .logOut:hover {
	background-color: #1C232D;
	color: #FFFFFF;
	text-decoration: none;
}
.logo {
	float: left;
}
nav {
	float: right;
}
nav ul li {
	display: inline-block;
}
nav ul li a {
	color: #fff;
	color: black;
	padding: 23px 18px;
}
/*nav ul li a:hover, nav ul li.active a {
	background: #faf4ea;
	border: 1px solid #f39279;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #000;
}*/
/******** Header Style Ends ********/


/******** banner style start ******/

.banner-main {
	width: 100%;
	background: #f7eedf url(../images/banner-bg.jpg) center bottom no-repeat;
	padding: 55px 0 45px;
}
.banner-main article {
	margin: 0 auto;
	display: table;
	text-align: center;
}
.banner-main article h1 {
	font-size: 40px;
	color: #f04f30;
	font-weight: 400;
	line-height: 110%;
}
.banner-main article p {
	font-size: 18px;
	color: #161616;
	font-weight: 400;
	line-height: 110%;
	margin-top: 30px;
}
.banner-main article a {
	color: #fff;
	background: #8da93a;
	border: 2px solid #f7eedf;
	font-size: 25px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 30px;
	margin: 30px auto 0;
	display: table;
}
.banner-main article a:hover {
	border: 2px solid #8da93a;
	color: #8da93a;
	background: none;
}
.banner-img {
	margin: 50px auto 0;
}
/******** banner style end ******/


/******** body part start ******/

.signUP {
	margin: 0 auto;
	display: table;
	padding: 43px 0 70px;
}
.signUP h2 {
	font-size: 50px;
	color: #f04f30;
	line-height: 110%;
	font-weight: 400;
	text-align: center;
	margin-bottom: 30px;
}
.signUP h2 span {
	font-size: 43px;
	color: #6e7370;
	font-weight: 400;
}
.signUP input[type="text"], .signUP input[type="password"] {
	border: 1px solid #929292;
	background: #f9f9f7;
	color: #6e7370;
	padding: 10px 0 10px 10px;
	font-size: 18px;
	width: 306px;
	margin-right: 10px;
}
.signUP input[type="submit"] {
	background: #003b54;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 9px 28px;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	border: 2px solid #003b54;
}
.signUP input[type="submit"]:hover {
	border: 2px solid #003b54;
	color: #003b54;
	background: none;
}
.new-profile {
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	background: url(../images/new-profile.jpg) left top no-repeat;
}
.forget-pw {
	display: block;
	width: 18px;
	height: 18px;
	float: left;
	background: url(../images/forget-pw.jpg) left top no-repeat;
}
.signUP ul {
	display: table;
	margin: 40px auto 0;
}
.signUP ul li span {
	margin-left: 10px;
	color: #202020;
}
.signUP ul li {
	font-size: 18px;
	line-height: 110%;
	display: inline-block;
	padding: 0 15px;
	border-left: 1px solid #333;
	font-family: 'seganlight', Fallback, sans-serif;
}
.signUP ul li a {
	color: #202020;
	text-decoration: underline;
}
.signUP ul li:first-child {
	border: none;
}
.signUP ul li:last-child a {
	text-decoration: none;
}
/*-------new-css-start-sudip------*/

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before, .clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}
.clearfix:after {
	clear: both;
}
.main-container {
	max-width: 1170px;
	margin: auto;
	/*margin-left: 300px;*/
	position: relative;
}
.main-container h2 {
	font-size: 35px;
	line-height: 100px;
	font-weight: 300;
	color: #333333;
	margin-bottom: 30px;
}
.main-container p {
	font-family: 'seganlight', Fallback, sans-serif;
	font-size: 24px;
	font-weight: 300;
	color: #6f6c6b;
}
.main-container p strong {
	color: #272727;
	font-weight: 500;
}
/*----contact-start----*/
.contact-container {
	width: 100%;
}
.contact-form {
	width: 533px;
	float: left;
	border-right: 1px solid #cdcdcd;
	padding-right: 36px;
}
.contact-form label {
	font-size: 20px;
	line-height: 22px;
	font-weight: 400;
	color: #858585;
	display: block;
	margin-bottom: 12px;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"], .contact-form input[type="password"] {
	width: 100%;
	background: #fff;
	border: 2px solid #d4d4d4;
	box-sizing: border-box;
	display: block;
	font-size: 20px;
	line-height: 20px;
	color: #8c8c8c;
	font-weight: 300;
	padding: 13px 2%;
	margin-bottom: 25px;
}
.contact-form textarea {
	display: block;
	width: 100%;
	height: 170px;
	background: #fff;
	border: 2px solid #d4d4d4;
	box-sizing: border-box;
	font-size: 20px;
	line-height: 20px;
	color: #8c8c8c;
	font-weight: 300;
	padding: 13px 2%;
	margin-bottom: 20px;
}
.contact-form input[type="submit"] {
	background: #2578AD;
	box-sizing: border-box;
	cursor: pointer;
	color: #fff;
/*	border-radius: 10px;*/
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 46px;
	min-width: 170px;
	padding: 0 15px;
	font-size: 20px;
	font-weight: 400;
}
/*.contact-form input[type="submit"]:hover {
	background: #fff;
	color: #f04f30;
}*/
.contact-info {
	width: 395px;
	float: right;
}
.contact-info p {
	color: #8c8c8c;
	margin-bottom: 35px;
	font-size: 20px;
}
.contact-info h5 {
	font-weight: 300;
	color: #8c8c8c;
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 18px;
}
.contact-info h5 a {
	color: #8c8c8c;
}
.contact-info h5 a:hover {
	color: #2578AD;
}
.contact-info h5 .fa {
	font-size: 20px;
	color: #17be06;
	margin-right: 14px;
	width: 20px;
}
.fa.fa-envelope.fa-lg {
	line-height: 0.1em;
}
/*----contact-end----*/

/*----presentation-start----*/
.presentation-list > li {
	float: left;
	display: block;
	box-sizing: border-box;
	/*border: 1px solid #c2c2c2;*/
/*	padding: 5px 13px;
*/	margin-right: 2%;
	margin-bottom: 20px;
	width: 23%; /*height:270px;*/
	background: #f3f3f3;
	max-height: 340px;
}
.presentation-list > li:hover .pDetails{
	opacity: 1;
}
.presentation-list > li:nth-child(4n+4) {
	margin-right: 0;
}
.presentation-img {
	width: 100%;
	height: auto;
	position: relative;
}
.presentation-img a {
	display: block;
}
.presentation-img a img {
	width: 100%;
	height: auto;
	margin-top: 0px;
}
.presentation-content {
	width: 100%;
	margin-top: 5px;
	padding-left: 10px;
	height: 70px;
}
.presentation-content h3 {
	float: left;
	font-size: 20px;
	line-height: 34px;
	font-weight: 400;
	width: 70%;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.presentation-content a {
	color: #313131;
	font-size: 14px;
}
.presentation-content a:hover {
	color: #f96a1b;
}
.presentation-content p {
/*	float: right;
*/	font-size: 10px;
	line-height: 26px;
	color: #313131;
}
.pDetails {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    box-sizing: border-box;
    color: #fff;
    height: 100%;
		opacity: 0;
    left: 0;
    padding: 20% 2% 2%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
		-webkit-transition: all 0.5s ease 0s;
		-moz-transition: all 0.5s ease 0s;
		-ms-transition: all 0.5s ease 0s;
		-o-transition: all 0.5s ease 0s;
		transition: all 0.5s ease 0s;
}
.plus-link {
	position: absolute;
	top: 0;
	right: 10px;
	background: url(../images/plus-icon.png) #52C556 no-repeat 50% 50%;
	width: 95px;
	height: 95px;
	z-index: 9;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border: 5px solid #fff;
}
/*.plus-link:hover {
	background-color: #2578AD;
}*/
/*----presentation-end----*/

/*----login-popup-start----*/
.get-started-inner {
	width: 750px;
}
.get-started-heading {
	padding: 35px 40px 20px 40px;
    border-bottom: 1px solid #1C232D;
    margin-bottom: 28px;
    background: #1C232D;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.get-started-heading h2 {
	font-size: 22px;
    line-height: 38px;
    font-weight: 400;
    color: #FFFFFF;
    float: left;
}
.get-started-heading ul {
	float: right;
}
.get-started-heading ul li {
	float: left;
	font-size: 15px;
	line-height: 38px;
	font-weight: 400;
}
.get-started-heading ul li:last-child {
	line-height: 34px;
	font-weight: 700;
}
.get-started-heading ul li a {
	color: #f04f30;
	display: block;
	margin-left: 5px;
}
.get-started-heading ul li a span {
	font-size: 20px;
	color: #865046;
}
.get-started-heading ul li a:hover, .get-started-heading ul li a span:hover {
	color: #1c1b1b;
}
.get-started-form {
	padding: 0 40px;
	padding-bottom: 40px;
}
.get-started-form label {
	font-size: 16px;
	line-height: 22px;
	font-weight: 400;
	color: #1C232D;
	display: block;
	margin-bottom: 12px;
}
.get-started-form input[type="text"], .get-started-form input[type="email"], .get-started-form input[type="tel"], .get-started-form input[type="password"] {
	width: 100%;
	background: #fff;
	border: 1px solid #1C232D;
	box-sizing: border-box;
	display: block;
	font-size: 14px;
	line-height: 20px;
	color: #1C232D;
	font-weight: 300;
	padding: 13px 2%;
	margin-bottom: 25px;
	border-radius: 4px;
}
.get-started-form input[type="submit"], #forgetPas .changePasSub {
	background: #52C556;
/*	border: 2px solid #f04f30;*/
	box-sizing: border-box;
	cursor: pointer;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 44px;
    width: 150px;
    height: 40px;
	padding: 0 15px;
	font-weight: 500;
	margin: 0 auto;
	display: block;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
}
.get-started-form input[type="button"]{
	background: #2578AD;
/*	border: 2px solid #f04f30;*/
	box-sizing: border-box;
	cursor: pointer;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 54px;
	min-width: 365px;
	padding: 0 15px;
	font-size: 20px;
	font-weight: 500;
	margin: 0 auto;
	display: block;
	font-size: 24px;
}

.get-started-form select{
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 54px;
	width: 650px;
	padding: 0 15px;
	font-size: 20px;
	font-weight: 500;
	margin: 0 auto;
	display: inline;
	font-size: 24px;
}

.get-started-form.delBtnPan input {
	min-width: auto;
	display: inline-block;
	width: 40%;
	margin: 0px 4px;
}
/*.get-started-form input[type="submit"]:hover {
	background: #fff;
	color: #f04f30;
}*/
.get-started-form p {
	text-align: center;
	color: #e52f0d;
	font-weight: 300;
	font-size: 20px;
	line-height: 22px;
	padding: 15px 0;
}
.fb-register {
	background: #0d61c9;
	border: 2px solid #0d61c9;
	box-sizing: border-box;
	cursor: pointer;
	color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	line-height: 54px;
	max-width: 365px;
	padding: 0 15px;
	font-size: 20px;
	font-weight: 500;
	margin: 0 auto;
	display: block;
	font-size: 24px;
	text-align: center;
}
.fb-register .fa {
	line-height: 54px;
	margin-right: 15px;
}
.fb-register:hover {
	background: #fff;
	color: #0d61c9;
}
.get-started-form p.createProjectMsg {
    font-size: 12px;
    text-align: left;
    color: #222;
}
/*----login-popup-end----*/

/*----membership-start----*/
.membership-radio {
	width: 100%;
	margin-bottom: 30px;
}
/* styling radio btn */
.membership-radio p {
	float: left;
	margin-right: 30px;
	position: relative;
}
.membership-radio input[type=radio]:not(old) {
	width: 100%;
	height: 22px;
	position: absolute;
	margin: 0;
	padding: 0;
	font-size : 1em;
	opacity: 0;
	cursor: pointer;
}
.membership-radio input[type=radio]:not(old) + label {
	display: block;
	margin-left: 0;
	font-size: 20px;
	line-height: 22px;
	font-weight: 400;
	color: #444444;
	cursor: pointer;
	display: block;
}
.membership-radio input[type=radio]:not(old) + label > span {
	display: block;
	width: 22px;
	height: 22px;
	border: 2px solid #cac0c0;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	background: #e6e6e6;
	box-sizing: border-box;
	margin-right: 15px;
	cursor: pointer;
	float: left;
}
.membership-radio input[type=radio]:not(old):checked + label > span > span {
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	background: #f04f30;
	margin: 4px;
}
/* styling radio btn */
.div-show {
	display: block;
}
.div-hide {
	display: none;
}
.annual-billing {
	width: 100%;
	margin-bottom: 40px;
}
.annual-billing h3 {
	width: 100%;
	background: #3c3c3c;
	display: block;
	color: #fff;
	font-size: 28px;
	text-align: center;
	font-weight: 400;
	line-height: 54px;
}
.main-table {
	min-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	width: 100%;
}
.billing-table {
	width: 100%;
}
.billing-table thead td {
	background: #f04f30;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	font-weight: 400;
	padding: 0 20px;
	white-space: nowrap;
}
.billing-table tbody td {
	background: #f7eedf;
	color: #474747;
	font-size: 18px;
	line-height: 54px;
	font-weight: 400;
	border-bottom: 1px solid #d2ccc4;
	padding: 0 20px;
	white-space: nowrap;
}
.billing-table tbody td:first-child {
	color: #1d1d1d;
	background: #e4dad1;
	border-bottom-color: #c7c1bc;
}
.billing-table tbody td a {
	box-sizing: border-box;
	border: 1px solid;
	color: #fff;
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	display: block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	min-width: 90px;
}
.billing-table tbody td a.current-button {
	background: #84974d;
	border-color: #84974d;
}
.billing-table tbody td a.current-button:hover {
	color: #84974d;
	background: #fff;
}
.billing-table tbody td a.upgrade-button {
	background: #7e4995;
	border-color: #7e4995;
}
.billing-table tbody td a.upgrade-button:hover {
	color: #7e4995;
	background: #fff;
}
.billing-table tbody tr:last-child td {
	border: 0;
}
.custom-plan {
	width: 100%;
}
.custom-plan h3 {
	text-align: center;
	background: url(../images/blk-bg.jpg) repeat-x 0 50%;
	text-align: center;
	font-size: 30px;
	line-height: 32px;
	font-weight: 400;
	color: #7e4895;
	margin-bottom: 25px;
}
.custom-plan h3 span {
	background: #fff;
	padding: 0 45px;
	display: inline-block;
}
.custom-table {
	width: 100%;
}
.custom-table thead td {
	background: #7e4895;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	font-weight: 400;
	padding: 0 20px;
	white-space: nowrap;
}
.custom-table tbody td {
	background: #f7eedf;
	color: #474747;
	font-size: 18px;
	line-height: 54px;
	font-weight: 400;
	border-bottom: 1px solid #d2ccc4;
	padding: 0 20px;
	white-space: nowrap;
}
.custom-table tbody td a {
	box-sizing: border-box;
	max-width: 90px;
	margin: 15px 0;
	border: 1px solid;
	color: #fff;
	font-size: 18px;
	line-height: 32px;
	font-weight: 400;
	display: block;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	min-width: 90px;
}
.custom-table tbody td a.add-button {
	background: #f04f30;
	border-color: #f04f30;
}
.custom-table tbody td a.add-button:hover {
	color: #f04f30;
	background: #fff;
}
.custom-table tbody tr:last-child td {
	border: 0;
}
.custom-dropdown {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: hidden;
	background: url(../images/dropdown-arrow.png) no-repeat 100% 50%;
}
.custom-dropdown select {
	border: none;
	padding: 0 25px 0 0;
	box-shadow: none;
	background-color: transparent;
	background-image: none;
	font-size: 18px;
	color: #474747;
	line-height: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.custom-dropdown select option {
	font-size: 14px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.custom-dropdown select:focus {
	outline: none;
}
/*----membership-end----*
/*========= pmondal70 === 1.12.15 */
.custom-dropdown.pageSize {
	background-position: 99% 50%;
	border: 2px solid #d4d4d4;
	margin-bottom: 25px;
}
.custom-dropdown.pageSize select {
	padding: 8px 2%;
	width: 100%;
}
.custom-dropdown.pageSize select option {
	padding: 5px 0 0 20px;
}
/*-------new-css-end-sudip------*/


/* dashbord part */

.right-body h2 {
	font-size: 26px;
	color: #47566a;
	font-weight: normal;
	line-height: 100%;
}
.right-body h2 span {
	margin: 5px 10px 0 0;
}
.dash-row {
	display: table;
	margin: 0 -10px;
}
.dash-list {
	margin: 30px 0 0 0;
}
.dash-list > li {
	border: 1px solid #d6d7d6;
	padding: 12px;
	background: #f6f6f6;
	margin: 0 10px 24px;
	float: left;
}
.dash-list > li > img {
	margin-bottom: 20px;
}
.dash-edit {
	margin: 10px 0;
	text-align: center;
	;
}
.dash-edit > li {
	/*border-left: 1px solid #1d1d1d;*/
	/*float:left;*/
	display: inline-block;
	margin-right: 16px;
	padding-right: 30px;
}
.dash-edit > li:first-child {
	border: none;
	/*padding-right: 20px;*/
}
.dash-edit > li > a {
	color: #737374;
}
.dash-edit > li > a:hover {
	color: #333;
}
.dash-edit > li > a > i {
	margin-right: 12px;
}
/* dashbord part */




/* profile part start arup 28-03-2016*/

.contact-form.profile-form {
	border-right: medium none;
	float: none;
	margin: 0 auto;
	padding-right: 0;
	width: 50%;
}
.custom_file_upload {
	border: 2px solid #d4d4d4;
	box-sizing: border-box;
	height: 50px;
	margin-bottom: 25px;
	padding: 13px 2%;
	position: relative;
}
.custom_file_upload input[type="file"] {
	-moz-opacity: 0;
 filter:alpha(opacity: 0);
	opacity: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
	cursor: pointer;
}
.custom_file_upload .fa {
	border-left: 2px solid #d4d4d4;
	box-sizing: border-box;
	color: #b6b6b6;
	font-size: 28px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 0;
}
.profile-form p {
	color: #8c8c8c;
	font-size: 20px;
	font-weight: 300;
	margin-bottom: 25px;
}
.profile-form p a {
	color: #0f4382;
	border-bottom: 1px solid #0f4382;
}
.custom_file_name {
	box-sizing: border-box;
	color: #8c8c8c;
	font-size: 21px;
	height: 100%;
	left: 0;
	overflow: hidden;
	padding: 10px 60px 10px 10px;
	position: absolute;
	text-overflow: ellipsis;
	top: 0;
	white-space: nowrap;
	width: 100%;
}
.profile-form input[type=submit] {
/*	font-family: 'seganlight', Fallback, sans-serif;*/
	background-color: #2578AD;
	border-radius: 3px;
	display: block;
	margin: 0 auto 25px;
	text-align: center;
	width: 200px;
}
/*.profile-form input[type=submit]:hover {
	color: #003b54;
	border: 2px solid #003b54;
}*/
/* profile part start end*/

/******** body part end ******/


/******* footer part start ******/

footer {
	background: #a1a1a1;
	color: #fff;
	padding: 22px;
	text-align: center;
	font-size: 14px;
}

/******* footer part end ******/

.loadWrap {
	height: 100%;
	position: absolute !important;
	width: 100%;
	z-index: 9999;
	overflow: hidden;
	display: block!important;
	top: 0;
	background:#fff;
}
.loadWrap p {
	font-size:18px;
	text-align:center;
	color:#2b2b2b;
	font-family: 'seganlight', Fallback, sans-serif;
	padding: 100px 0 0;
	width: 100%;
	margin: auto;
	background: url("../images/Plate Gif.gif") no-repeat scroll 50% 0;
        position: absolute;
        top: 40%;
}
.rightPrfl{
	float: right;
	margin-top: 15px;
	margin-right: 10px;
}

.userpanel .userInfo nav{
	float: left;
	margin-left: -10px;
	width: 360px;
}
.updatePname input{
	line-height: 25px;
	padding-left: 6px;
	border: 1px solid #ddd;
}
.updatePname button{
	line-height: 27px;
    padding: 0 15px;
    border: 1px solid #ddd;
	cursor: pointer;
}

.closeshar{
	cursor: pointer;;
	float: right;	
	margin-right: 5px;
	font-size: 30px;
	background: transparent;
}

@media(max-height: 768px) and (max-width: 1024px){

}

@media(max-width: 768px){

}