.border{

	border:solid 1px #757575;

}

body{

    letter-spacing: 1px;

	font-family:"Source Sans Pro L";

    color: #666666;

}

@font-face{

	font-family:"Raleway";

	src: url(fonts/raleway/Raleway-Regular.ttf);

}@font-face{

	font-family:"Ralewayb";

	src: url(fonts/raleway/Raleway-Bold.ttf);

}

@font-face{

	font-family:"Ralewaym";

	src: url(fonts/raleway/Raleway-Medium.ttf);

}

@font-face{

	font-family:"Source Sans Pro";

	src: url(fonts/source-sans-pro/SourceSansPro-Regular.otf);

}

@font-face{

	font-family:"Source Sans Pro L";

	src: url(fonts/source-sans-pro/SourceSansPro-Light.otf);

}

@font-face{

	font-family:"Source Sans Pro SB";

	src: url(fonts/source-sans-pro/SourceSansPro-Semibold.otf);

}





.cs-header{

	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.1);

}

.mobile-head-wrap{

	display: none;

}

.web-header-wrap{

	display: block;

}

.menu-icon{

	padding: 16px 10px 10px;

	font-size: 20px;

}

.logo{

}

.web-logo-wrap{

	display: inline-block;

	width: 170px;

	padding: 5px 0px 0px;

	vertical-align: middle;

}

.menu-bars{

	color: #3a3a3a;

	cursor: pointer;

	display: none;

	vertical-align: middle;

	margin-bottom: -10px;

	margin-right: 10px;

	margin-left: 10px;

	font-size: 18px;

}

.hd-container{

	float: right;

}

.hd-web-nvigation li{

	display: inline-block;

	margin-left: 15px;

}

.hd-web-nvigation li a{

	color: #666666;

}

.hd-nav-link{

	font-family:"Raleway";

	font-size: 16px;

	display: inline-block;

	padding: 23px 5px;

}

.acc-drop-link::after{

	content: '\f107';

	font-family: Fontawesome;

	margin-left: 5px;

	color: #FF5D3D;

}

.drpdown-container{

	position: relative;

}

.dropdown-wrapper{

	display:none;

	position: absolute;

	min-width: 100%;

	background-color: #fff;

}

.drop-links{

	display: block;

	font-size: 14px;

	padding: 10px 5px;

}

.drop-links:hover{

	background-color: #F3F3F3;

}

.drop-links i{

	margin-right: 5px;

	color: #272727;

}

.drpdown-container:hover .dropdown-wrapper{

	display: block;

}

.icon-header{

	text-align: center;

}

.head-icon{

	color: #716565;

	font-size: 30px;

	background-color: #f1f1f1;

	padding: 25px;

	border-radius: 50px;

}

.pg-group-items{

	margin-bottom: 10px;

}

.field-label{

	display: inline-block;

	margin-bottom: 10px;

	color: #444444;

	font-weight: 500;

}

.uni-field{

	color: #707070;

	padding: 12px;

	letter-spacing: 1px;

}

.acc-uni-field{

	font-size: 14px;

	border: 0px none;

	background-color: #f1f1f1;

}

.cs-acc-btn{

	font-size: 14px;

	color: #fff;

	background-color: #D1484D;

	padding: 12px;

}

.lead-links{

	font-size: 14px;

	color: #02AA9E;

}

.progress-container{

	display: none;

	max-height: 0px;

	overflow: hidden;

	transition: max-height 0.1s ease-out;

}

.header-title{

	color: #29A39F;

	font-size: 16px;

	font-weight: bold;

	padding:10px;

	text-transform: uppercase;

}

.txt-holder-left{

	padding-right: 3.5px;

}

.txt-holder-right{

	padding-left: 3.5px;

}

.p-terms-s{

	display: inline-block;

	margin-left: 33px;

}

.p-terms-s a{

	color: #02AA9E;

}

.label-content{

	position: relative;

	cursor: pointer;

	font-size: 11px;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

}

.label-content input {

	position: absolute;

	opacity: 0;

	cursor: pointer;

	height: 0;

	width: 0;

}

.checkmark {

	position: absolute;

	top: -2px;

	left: 0;

	height: 15px;

	width: 15px;

	background-color: #eee;

	margin-left: 10px;

}

.checkmark:after {

	content: "";

	position: absolute;

	display: none;

}

.label-content input:checked ~ .checkmark {

	background-color: #02AA9E;

 }

 .label-content input:checked ~ .checkmark:after {

	 display: block;

 }



/* Style the checkmark/indicator */

.label-content .checkmark:after {

	left: 4px;

	top: 2px;

	width: 3px;

	height: 7px;

	border: solid white;

	border-width: 0 3px 3px 0;

	-webkit-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	transform: rotate(45deg);

}

.hm-acc-body{

	margin-top: 60px;

	background: #EDF0F3;

	min-height: 708px;

}

.content-wrap{

	padding: 20px 0px;

}

.grid-content{

	background-color: #fff;

	border-radius: 3px;

	margin: 15px 10px 15px 0px;

	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.07);

}

.left-grid-wrap{

	margin: 15px 20px 15px 0px;

	font-family:"Raleway";

}

.right-grid-wrap{

	margin: 15px 0px 15px 0px;

	font-family:"Raleway";

}

.grid-l-content{

	padding: 20px;

}

.top-grid{

	border-bottom: solid 1px #E7E7E7;

}

.photo-wrap{



}

.user-photo{

	height: 40px;

	width: 40px;

	border-radius: 50px;

	display: inline-block;

	vertical-align: middle;

}

.user-name{

	display: inline-block;

	vertical-align: baseline;

	margin-left: 5px;

	font-size: 16px;

}

.grid-list-nav li{

	display: block;

}

.grid-ac{

	color: #3a3a3a;

	display: block;

	padding: 10px 0px;

}

.nw-o-btn{

	color: #fff;

	background-color: #D1484D;

	padding: 12px 18px;

}

.nw-o-btn:hover{

	text-decoration: underline;

}

.summary-wrap > h4{

	text-transform: uppercase;

	color: #b3b3b3;

	font-size: 15px;

	margin-bottom: 13px;

	font-weight: 700;

}

.sum-grid{

	color: #3a3a3a;

	font-size: 14px;

	display: grid;

	padding: 7px 0px;

	grid-template-columns: 50% 50%;

}

.sum-grid-it-r{

	font-weight: bolder;

	text-align: right;

}

.drop-el-wrap{

	display: inline-block;

	cursor: pointer;

}

.hd-wrap{

	font-family:"Raleway";

	margin-top: 15px;

}

.hd-user-photo{

	height: 30px;

	width: 30px;

}

.hd-user-name{

	color: #232323;

	font-size: 13px;

}

.drop-container{

	position: relative;

	display: inline-block;

}

.cs-hd-dropdown-wrapper{

	right: -11px;

	top: 27px;

	min-width: 200px;

	font-size: 14px;

	border-radius:4px;

}

.caret-cont{

	color: #A4A7AB;

	font-size: 12px;

	background-color: #f1f2f2;

	display: inline-block;

	text-align: center;

	height: 15px;

	width: 15px;

	padding-top: 2.0px;

	padding-left: 2px;

	border-radius: 50px;

	margin-left: 3px;

}

.dropdown-content{

	padding: 10px 20px;

	box-shadow: 0 4px 19px 0 rgba(0, 0, 0, 0.26);

	background-color: #fff;

	border-radius: 4px;

}

.dropdown-content::before{

	content:"";

	position: absolute;

	top: -13px;

	border-top: solid transparent 7px;

	border-left: solid transparent 7px;

	border-right: solid transparent 7px;

	border-bottom: solid #fff 7px;

	right: 10px;

}

.drop-ac{

	color: #3a3a3a;

	display: block;

	padding: 15px 0px;

	transition: color 0.3s ease;

}

.drop-ac > span.drop-l-icon{

	color: #b3b3b3;

	font-family: "FontAwesome";

	margin-right: 10px;

	transform:scale(1);

	display: inline-block;

	transition: color,transform 0.3s ease;

}

.drop-ac:hover span.drop-l-icon{

	transform: scale(1.5);

	color: #00A99D;

}

.drop-ac:hover{

	color: #00A99D;

}

.page-title{

	font-family:"Ralewaym";

	font-size: 18px;

}

.bread-crumbs{

	font-size: 13px;

	background: #F6F7F8;

}

.page-content-wrap{

	min-height: 480px;

}

.project-empty{

	display: block;

}

.pjt-empty-content{

	text-align: center;

	padding: 88px 0px 83px;

}

.pjt-icon{

	color: #fff;

	font-size: 25px;

	background-color: #00A99D;

	padding: 18px 15px;

	border-radius: 50px;

}

.pjt-icon, .empty-title, .empty-describe{

	margin-bottom: 18px;

}

.empty-title{

	color: #000000;

	font-size: 20px;

	font-family:"Ralewaym";

}

.empty-describe{

	font-size: 14px;

}

.nw-e-btn{

	background-color: #00A99D;

}

.footer{

	background: #f6f7f8;

	height: auto;

	color: #000;

	padding: 22px 0;

	font-family:"Raleway";

	position: relative;

}

.col-fst-content p{

	color: #3a3a3a;

	font-size: 13px;

	margin-bottom: 10px;

	line-height: 1.8;

}

.col-snd-content nav a{

	color: #000;

	display: inline-block;

	margin-right: 15px;

	font-size: 14px;

	font-family:"Ralewaym";

}

.col-snd-content nav a:hover{

	text-decoration: underline;

}

.prj-item-container{

	font-size: 15px;

	font-family:"Source Sans Pro L";

	border-radius: 3px;

	border: solid 1px #E7E7E7;

	box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.10);

	margin-bottom: 13px;

	transition: all 0.3s ease;

}

.prj-link{

	display: block;

	color: #3a3a3a;

}

.prj-item-container:hover{

	border: solid 1px #C9C9C9;

	box-shadow: 0 0px 9px 0 rgba(0, 0, 0, 0.10);

}

.prj-grid-wrap{

	display: grid;

	grid-template-columns: 25% 16.66666667% 8.33333333% 25% 25%;

}

.prj-progress-container{

	position: relative;

	min-height: 35px;

	background-color: #EDF0F3;;

}

.prj-progress-bar{

	position: absolute;

	left: 0px;

	top: 0px;

	width: 35%;

	height: 100%;

	background-color: #AEEFED;

	z-index: 1;

}

.prj-time-left{

	position: absolute;

	width: 100%;

	z-index: 2;

	height: 100%;

}

.prj-col-text{

	padding: 5px;

	margin-top: 5px;

	display: inline-block;

}

.prj-col-btn-cont{

	display: block;

	text-align: center;

	padding: 2px 0px;

}

.cs-s-action-btn{

	color: #fff;

	padding: 7px 10px;

	margin: 0px;

}

.cs-complete-btn{

	background-color: #FA601E;

}

.cs-remove-btn{

	background-color: #DE4B50;

}

.cs-prj-col-text {

	margin-top: 9px;

}

.prompt-container{

	margin-top: 15%;

}

.prompt-wrap{



	background: #2A2A2E;

	padding: 20px;

	border-radius: 5px;

}

.tsh-icon{

	color: #CFCFD1;

	font-size: 30px;

}

.prompt-details{

	font-size: 15px;

	color: #D2D2D4;

	padding-left: 15px;

	line-height: 1.25;

}

.p-ct{

	margin-top: 10px;

}

.prompt-btn-holder{

	margin-top: 20px;

}

.cont-cn-btn{

	padding-right: 5px;

}

.cont-confm-btn{

	padding-left: 5px;

}

.prompt-btn{

	position: relative;

	color:#f1f1f1;

	font-size: 15px;

	border-radius: 5px;

	z-index: 2;

	padding-top: 13px;

	padding-bottom: 13px;

}

.conf-btn{

	background: #DD3333;

	border: solid 1px #DE4B50;

}

.cnc-btn{

	border: solid 1px #D2D2D4;

	background: #38383D;

}

.prompt-process{

	display: none;

	color: #D2D2D4;

	padding: 20px;

	background: #2A2A2E;

	border-radius: 5px;

	max-width: 210px;

	margin: 100px auto;

	text-align: center;

}

.loader{

	height: 35px;

	width: 35px;

	display: inline-block;

	border-radius: 50px;

	border-top: solid 3px #F0F0F2;

	border-left:  solid 3px #9595A3;

	border-bottom:  solid 3px #9595A3;

	border-right:  solid 3px #9595A3;

	animation: rollBack 1.2s linear infinite;

}

@keyframes rollBack{

	from{

		transform: rotate(0deg);

	}

	to{

		transform: rotate(360deg);

	}

}

.prompt-process p{

	font-size: 14px;

	margin: 15px 0px 15px;

	line-height: 1.2;

}

.status-icon{

	display: none !important;

	font-size: 30px;

}

.cs-close-btn{

	display: none;

	color: #2A2A2E;

	background-color: #D2D2D4;

	transition: all 0.3s ease;

}

.cs-close-btn:hover{

	color:#fff;

	background-color:#64C6C2;

}

.download-btn{

	text-align: center;

	margin: 3px auto;

	padding: 8px 7px 8px 9px;

	border-radius: 100px;

	background-color: #F6F7F8;

	color: #A4A7AB;

	border: solid 1px #F1F2F2;

	transition: border 0.3s ease;

}

.cs-link-button{

	padding: 8px 10px;

}

.cs-link-button:hover{

	text-decoration: underline;

}

.download-btn:hover{

	border: solid 1px #A4A7AB;

}

span.loader-cont{

	display: none;

}

.cs-btn-loader{

	display: inline-block;

	height: 15px;

	width: 15px;

	vertical-align: middle;

	border-top: solid 3px #F0F0F2;

	border-left:  solid 3px #00A89D !important;

	border-bottom:  solid 3px #00A89D !important;

	border-right:  solid 3px #00A89D !important;

}

.cs-order-fm-content{

	padding-top: 60px;

	padding-bottom: 60px;

}

.form-wrap{

	margin-bottom: 20px;

}

.form-label{

	color: #3a3a3a;

	font-size: 14px;

	text-align: right;

	vertical-align: top;

	padding-top: 13px;

	padding-right: 17px;

	padding-bottom: 12px;

	font-family:"Ralewaym";

}

.form-input{

	padding-right: 130px;

}

.select {

	position: relative;

	display: inline-block;

	width: 100%;

	font-family:"Raleway";

}

.select select {

	display: inline-block;

	width: 100%;

	cursor: pointer;

	padding: 10px 15px;

	border-radius: 2px;

	border: solid 1px #DFDFDF;

	color: #3a3a3a;

	font-size: 13px;

	appearance: none;

	-webkit-appearance: none;

	-moz-appearance: none;

}

.select select::-ms-expand {

	display: none;

}

.select select:disabled {

	opacity: 0.5;

	pointer-events: none;

}

.select__arrow {

	position: absolute;

	top: 16px;

	right: 15px;

	width: 0;

	height: 0;

	pointer-events: none;

	border-style: solid;

	border-width: 7px 4px 0 4px;

	border-color: #A3AAB8 transparent transparent transparent;

}

.typ-input{

	padding: 10px 15px;

	border-radius: 2px;

	border: solid 1px #DFDFDF;

	color: #3a3a3a;

	font-size: 13px;

}

.date-info{

	border-radius: 3px;

	background-color: #f8ffed;

	position: relative;

	padding: 15px 20px;

	border: 1px solid #d9efbb;

	z-index: 0;

	color: #599a00;

	font-size: 13px;

}

.date-info::after, .date-info::before {

	width: 0;

	height: 0;

	content: "";

	display: block;

	position: absolute;

	bottom: 100%;

	left: 20px;

}

.date-info::before {

	border-bottom: 8px solid #d9efbb;

	border-left: 8px solid transparent;

	border-right: 8px solid transparent;

	margin-top: -1px;

	margin-left: -1px;

	z-index: -100;

}

.date-info::after {

	border-bottom: 7px solid #f8ffed;

	border-left: 7px solid transparent;

	border-right: 7px solid transparent;

	z-index: 1;

	margin-top: 1px;

}

.info-text{

	line-height: 1.4;

}

.fm-in-left{

	padding-right: 10px;

}

.fm-in-right{

	padding-left: 10px;

}

.typ-input{

	font-family:"Raleway";

}

textarea.typ-input{

	line-height: 1.6;

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

}

.file-upload-wrap{

	border-radius: 3px;

	padding: 30px 15px;

	background-color: #F3F3F3;

}

.file-upload-wrap p{

	font-size: 13px;

	margin-bottom: 20px;

}

.filUpload {

	display: inline-block;

	position: relative;

	overflow: hidden;

	color: #ffffff;

	max-width: 22% !important;

	text-align: center;

	background-color: #ffffff;

	border: solid 2px #CFCFCF;

	border-radius:3px;

	vertical-align: middle;

}

.select-btn{

	display:block;

	font-size:12px;

	padding:10px 15px;

	color: #333;

	background-color: #ffffff;

}

.filUpload input.upld {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	right: 0;

	margin: 0;

	padding: 0;

	font-size: 20px;

	cursor: pointer;

	opacity: 0;

	filter: alpha(opacity=0);

}

.upload-status-wrap{

	display: none;

	vertical-align: middle;

	margin-left: 5px;

}

.cs-upload-loader{

	height: 20px;

	width: 20px;

	border-top: solid 3px #616161;

	border-left: solid 3px #D1D1D1;

	border-bottom: solid 3px #D1D1D1;

	border-right: solid 3px #D1D1D1;

}

.loader-text{

	display: none;

	font-size: 13px;

	margin-left: 5px;

}

.t-cos-wrap{

	padding: 13px 15px;

}

.cs-label-content{

	font-size: 14px;

}

a.t-cos-link{

	color: #D1484D;

}

a.t-cos-link:hover{

	text-decoration: underline;

}

.cs-checkmark{

	top: 0px !important;

	margin-left: 0px;

}

.cs-p-terms-s{

	margin-left: 25px;

}

.cs-con-order{

	color: #ffffff;

	background-color: #00C7BA;

}

.error-info-wrap{

	display: none;

}

.error-info{

	font-size: 13px;

	border-radius: 3px;

	padding: 15px 10px;

}

.uploaded-files-wrap{

	margin-top: 15px;

	font-size: 13px;

}

.up-file-content{

	color: #3a3a3a;

	padding: 8px 0px;

	font-family: "Ralewaym";

	transition: all 0.2s linear;

}

.file-delete:hover .up-file-content{

	color: #666666;

}

.file-name{

	display: inline-block;

}

.file-delete{

	display: inline-block;

	margin-left: 6px;

	cursor: pointer;

}

.cs-col{

	margin-right: -3px;

}

.cs-typ-input{

	padding: 11.5px 8px;

}

.summary-no-wrap{

	background-color: #ffffff;

	min-height: 200px;

	padding: 20px;

}

.summary-grid{

	display: grid;

	grid-template-columns: 25% 25% 25% 25%;

}

.sum-col{

	padding: 7px;

	text-align: center;

	margin-top: -1px;

	margin-right: -1px;

	border: solid 1px #DFDFDF;

}

.col-title, .col-value{

	padding: 8px;

	line-height: 1.4;

}

.col-title, .summary-title{

	color: #3a3a3a;

	font-size: 14px;

	font-family:"Ralewaym";

}

.col-value, .summary-text{

	font-size: 13px;

}

.summary-title-wrap{

	padding-bottom: 15px;

	margin-top: 15px;

	border-bottom: solid 1px #DFDFDF;

}

.summary-ins{

	margin-top: 15px;

}

.summary-title{

	display: inline-block;

}

.summary-text{



}

.cs-summary-text{

	padding: 15px 0px;

	line-height: 1.6;

	min-height: 150px;

	max-height: 150px;

	overflow-y:auto;

}

.summary-btn-wraps{

	margin-top: 15px;

}

.cs-overlay-container{

	margin-top: 50px;

	margin-bottom: 0px !important;

}

.edit-btn{

	color: #f1f1f1;

	background: #38383D;

	margin-right: 5px;

}

.save-btn{

	color: #ffffff;

	background:#D1484D;

}

.cs-fw-ty-s{

	display: none;

}

.revision-det{

	font-size: 14px;

	padding: 13px 0px 12px;

}

.tab{

	font-size: 14px;

	padding: 10px;

	display: inline-block;

	border: solid 1px #E7E7E7;

	cursor: pointer;

	transition: 0.3s;

	color: #3a3a3a;

}

.tab:hover {

	background-color: #F0F0F0;

}

.tab.tab-active {

	background-color: #ddd;

	font-family:"Ralewaym";

}

.tab-divider{

	height: 1px;

	background-color: #E7E7E7;

	margin-top: -1px;

}

.tab-details{

	font-size: 14px;

	border: solid 1px #E7E7E7;

	height: 550px;

	margin-top: -1px;

}

.tab-content{

	padding: 10px;

}

.od-det-row{

	font-size: 14px;

	font-family:"Ralewayb";

	padding: 7px 0px;

	color: #3a3a3a;

}

.od-info{

	text-align: right;

	padding-right: 7px;

}

.od-info-value{

	font-family:"Source Sans Pro L";

}

.file-head{

	margin-bottom: 10px;

	color: #3a3a3a;

	font-family:"Ralewaym";

}

.file-body{

	color: #3a3a3a;

	font-family:"Source Sans Pro L";

}

.file-row{

	padding: 7px;

	background: #DFF0D8;

	border-top: #8DCF74 1px solid;

}

.file-link:hover{

	text-decoration: underline;

}

.msg-wrap{

	padding-left: 20px;

}

.msg-title span{

	font-size: 14px;

	padding: 10px;

	display: inline-block;

	border: solid 1px #E7E7E7;

	transition: 0.3s;

	color: #3a3a3a;

}

.msg-body-container{

	border: solid 1px #E7E7E7;

	margin-top: -1px;

	min-height: 550px;

	font-family:"Source Sans Pro L";

}

.msg-thread{

	padding: 10px;

	height: 426px;;

	overflow-y: auto;

}

.msg-box{

	margin-top: 10px;

	min-width: 66.66666667%;

	max-width:66.66666667%;

}

.msg-tm-sent{

	text-align: center;

	font-size: 12px;

}

.msg-tm-sent span{



}

.msg-content{

	display: inline-block;

	font-size: 13px;

	line-height: 1.3;

	padding: 12px 15px;

	border-radius: 20px;

	margin-top: 10px;

	margin-bottom: 10px;

}

.sender-box,.sender-content{

	float: right;

}

.sender-content{

	color: #174EA6;

	background-color:#D2E3FC;

}

.recipient-box,.recipient-content{

	float: left;

}

.recipient-content{

	color: #202124;

	background-color:#F1F3F4;

}

.msg-textbox{

	padding: 20px 10px;

	border-top: solid 1px #E7E7E7;

}

.textbox-holder{

	padding-right: 10px;

}

.textbox-holder textarea{

	padding: 12px 15px;

	font-size: 14px;

	line-height: 1.3;

	border-radius: 20px;

	color: #3a3a3a;

	border: solid 1px #E7E7E7;

	resize: none;

	font-family:"Source Sans Pro L";

}

.button-holder{

	text-align: center;

	padding-top: 10px;

}

.send-msg-btn{

	border: none;

	padding: 10px;

	border-radius: 50px;

	cursor: pointer;

	background-color: #1A73E8;

}

.grid-col-content{

	font-size: 14px;

}

.order-status{

	padding: 7px;

	border-radius: 4px;

	margin-right: 5px;

	display: inline-block;

}

.order-status-ip{

	color: #8DCF74;

	border: #8DCF74 1px solid;

}

.order-status-comp{

	color: #cbcbcb;

	border: #cbcbcb 1px solid;

}

.order-nt{

	color: #3a3a3a;

	margin-right: 5px;

	display: inline-block;

	font-family:"Source Sans Pro L";

}

.order-nt strong{

	font-family:"Source Sans Pro";

}

.rt-grid-col{

	text-align: right;

}

.hd-icon{

	display: inline-block;

	color: #9a9a9a;

	margin-right:10px;

	font-family:"Source Sans Pro";

	cursor: pointer;

}

.note-icon{

	vertical-align:middle;

}

.note-value{

	font-size: 12px;

	text-align: center;

	color: #ffffff;

	display: inline-block;

	height: 22px;

	width: 22px;

	border-radius: 50px;

	background-color: #D1484D;

	vertical-align: baseline;

	padding-top: 5px;

}

.note-msg-value{

	background: #1A73E8;

}

.note-dropdown-wrapper{

	display: none;

	top: 32px;

	min-width: 200px;

	font-size: 14px;

	left: -88px;

}

.note-drop-content{

	/*padding: 10px 20px;*/

	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);

	background-color: #fff;

	border-radius: 4px;

	border: 1px solid #dadada;

}

.note-drop-content::before{

	content:"";

	position: absolute;

	top: -13px;

	border-top: solid transparent 7px;

	border-left: solid transparent 7px;

	border-right: solid transparent 7px;

	border-bottom: solid #64C6C2 7px;

	left: 45%;

}

.note-head, .note-ft,.notice-item{

	font-size: 12px;

	padding:8px; 

}

.note-head{

	font-size: 14px;

	color: #fff;

	font-family:"Source Sans Pro";

	background: #64C6C2;

}

.note-ft{

	color: #333637;

	border-top: solid 1px #E7E7E7;

	font-family:"Source Sans Pro";

}

.note-ft a{

	color: #b3b3b3;

}

.notice-item{

	border-top: solid 1px #E7E7E7;

}

.notice-item-unread{

	background: #F6F7F8;

}

.mn-items-container{

	padding: 0px !important;

	font-family:"Source Sans Pro L";

}

.mn-items-content{

	min-height: 462px;

	background: #F6F7F7;

}

.mn-item-wrap{

	padding: 20px;

	border-bottom: solid 1px #E7E7E7;

	background: #F6F7F7;

}

.mn-c-item{

	display: inline-block;

	margin-right: 15px;

}

.mn-icon{

	height: 35px;

	width: 35px;

	border: solid 1px #9E9E9E;

	background-color: #fff;

	background-size: 25px 25px;

	background-position: 50% 50%;

	background-repeat: no-repeat;

	border-radius: 50px;

	vertical-align: middle;

	float: left;

}

.mn-icon-notifications{

	background-image: url(../images/notification.png);

}

.mn-icon-messages{

	background-size: 15px 15px;

	background-image: url(../images/message.png);

}

.mn-msg-wrap{

	vertical-align: middle;

	float: left;

}

.mn-msg-title a{

	display: block;

	font-size: 14px;

	color: #3a3a3a;

	margin-bottom: 10px;

}

.mn-msg-title a:hover{

	text-decoration: underline;

}

.mn-msg-time{

	font-size: 12px;

	color: #9a9a9a;

}

.mn-delete{

	float: right;

	cursor: pointer;

	margin-top: 10px;

	margin-right: 0px;

}

.mn-delete img{

	height: 10px;

	width: 10px;

}

.mn-pagination{

	margin-top: -1px;

	padding: 20px;

	text-align: right;

	border-top: solid 1px #E7E7E7;

}

.mn-pg-list li{

	font-size: 14px;

	display: inline-block;

	margin-left: 10px;

}

.mn-pg-toggle{

	color: #3a3a3a;

}

.mn-pg-no{

	color: #3a3a3a;

	font-size: 15px;

	font-family:"Source Sans Pro";

}

.mn-pg-no:hover{

	text-decoration: underline;

}

.mk-all-btn-cover{

	text-align: right;

}

.mak-all-btn{

	font-size: 14px;

}

.mn-unread{

	background-color: #EBEBEB;

}

.cko-head{

	color: #000000;

	margin-bottom: 32px;

	font-size: 20px;

	font-family:"Source Sans Pro";

}

.ck-id{

	color: #00A99E;

	display: inline-block;

	margin-right: 5px;

}

.cko-timeline{

	font-size: 16px;

	margin-bottom: 18px;

}

.cko-list li{

	display: inline-block;

	font-size: 13px;

	font-family:"Source Sans Pro L";

	font-weight: 100;

	color: #333637;margin-right: 5px;

}

.ck-timeline-item span{

	color: #9a9a9a;

}

.ck-time-icon{

	color: #676767;

}

.cko-price{

	color: #D1484D;

	font-family:"Source Sans Pro";

	margin-bottom: 43px;

}

.cko-action-btn{

	margin-bottom: 32px;

}

.cancel-btn{

	color: #cbcbcb;

	border-color: #cbcbcb;

}

.cancel-btn:hover{

	color: #fff;

	background-color: #cbcbcb;

}

.edit-o-btn{

	padding-top: 12px;

	padding-bottom: 11px;

}

.edit-o-btn:hover, .ext-d-btn:hover{

	color: #fff;

	background-color: #64C6C2;

}

.status-alert{

	border: solid 1px #cbcbcb;

	padding: 15px;

}

.o-status-icon{

	font-size: 33px;

	color: #cbcbcb;

	vertical-align: middle;

}

.o-status-text{

	font-size: 14px;

	line-height: 1.6;

	display: inline-block;

	vertical-align: middle;

	padding-left: 7px;

}

.o-status-top{

	font-family:"Ralewayb";

	color: #000000;

}

.o-status-btm{

	font-size: 13px;

}

.pay-btn{

	float: right;

	padding-top: 12px;

	padding-bottom: 11px;

	color: #fff;

	background-color: #64C6C2;

}

.cko-details{

	border-top: #d2d2d5 1px dotted;

}

.cko-btn-container{

	text-align: center;

	margin-top: -8px;

}

.cko-h-s-btn{

	color: #9a9a9a;

	border: 1px solid #d2d2d5;

	border-radius: 100px;

	background-color: #f8fafc;

	min-width: 110px;

	padding: 4px 0 4px;

	font-size: 12px;

	margin-top: -10px;

}

.cko-ins-header{

	color: #000000;

	font-family:"Ralewayb";

	margin-bottom: 15px;

	padding-top: 8px;

}

.cko-instructions{

	font-size: 13px;

	line-height: 1.5;

	margin-bottom: 15px;

}

.cko-ins-summary{

	font-size: 13px;

	line-height: 1.5;

	margin-bottom: 15px;

	font-family: "Source Sans Pro L";

}

.cko-sum-list li{

	display: inline-block;

	color:#9a9a9a;

	padding-right: 11px

}

.cko-sum-list li>span{

	color: #333637;

}

.cko-sum-list li>span::after{

	content: "";

	height: 11px;

	width: 1px;

	background-color: #848586;

	display: inline-block;

	margin-left: 11px;

}

.cko-attached-files{

	margin-bottom: 15px;

}

.cko-file-wrap{

	display: block;

	font-size: 13px;

	margin-bottom: 13px;

}

.cs-file-icon{

	color: #64C6C2;

	font-size: 12px;

}

.file-link{

	color: #000;

}

.file-size{

	color:#9a9a9a;

}

.file-link:hover{

	text-decoration: underline;

}

.project-summary{

	padding: 16px;

}

.cs-item-mg{

	margin-bottom: 16px;

}

.cs-ins-summary{

	margin-bottom: 0px;

}

.cs-prj-item-container{

	margin-bottom: 16px;

}

.cs-in-progress{

	margin-bottom: 16px;

}

.in-p-link{

	display: block;

	padding: 16px;

}

.cs-pagination{

	margin-top:20px;

	padding: 20px 20px 0px;

}

.cs-single-pg-content-wrap{

	min-height: 560px;

}

.cs-ck-title{

	color: #00B7AA;

}

.menu-overlay{

	display:none;

	position:fixed;

	top:0px;

	bottom:0px;

	left:0px;

	width:100%;

	height:100%;

	background-color:rgba(255,255,255,1.00);

	z-index:10000;

	overflow:auto;

}

.menu-content{

	margin-top: 30px;

	padding: 0px 30px;

}

.menu-navigation{

	overflow-y: auto;

}

.close-menu-icon{

	cursor: pointer;

	font-size: 30px;

	display: inline-block;

}

	.hm-banner{
		height: 600px;
		margin-top: 60px;
		background-image: url(../images/home-banner.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		font-family:"Source Sans Pro";
		position: relative;
	}
	.l-banner-col{
		position: relative;
		height: 100%;
		background: rgba(2,169,157, 0.93);
	}
	.l-banner-wrap{
		margin-top: 22%;
	}
	.l-b-contents{
		color: #fff;
		margin-bottom: 20px;
	}
	.wl-box{
		border: solid #fff 3px;
		padding: 20px;
		font-size: 50px;
		font-family:"Source Sans Pro SB";
	}
	.wl-describe{
		font-size: 18px;
		font-family:"Source Sans Pro L";
		line-height: 1.2;
	}
	.banner-btn{
		color: #02A99D;
		background-color: #fff;
		border: solid 1px #fff;
		font-family:"Source Sans Pro L";
		min-width: 150px;
	}
	.banner-btn:hover{
		color: #fff;
		background-color: transparent;
	}

.hm-bn-desc h1{

	color: #ffffff;

	font-size: 60px;

	text-align: center;

}

.hm-btn-wrap{

	text-align: center;

	margin: 7% auto;

}

.hm-btn{

	min-width: 200px;

	padding: 15px;

	color: #fff;

	font-family:"Source Sans Pro L";

	background-color: #D1484D;

}

.hm-btn:hover{

	text-decoration: underline;

}

.section-title{

	padding: 20px 0px;

}

.section-title h3{

	color: #3a3a3a;

	font-size: 25px;

}

.section-content{

	display: grid;

	grid-template-columns: repeat(3,1fr);

	grid-gap: 20px;

	padding: 20px 0px 42px;

}

.col-grid-wrap{

	color: #A5A8AC;

	display: grid;

	grid-template-columns: 25% 75%;

	border: solid 1px #F3F3F3;

	border-radius: 5px;

}

.col-grid{

	padding: 12px;

}

.col-icon-grid{

	background-color: #f9f9f9;

}

.col-icon-grid{

	font-size: 24px;

	text-align: center;

}

.col-grid h4{

	color: #333;

	font-family:"Source Sans Pro SB";

	font-size: 19px;

	margin-bottom: 10px;

}

.col-grid p{

	color: #A2A4A8;

	font-size: 14px;

	line-height: 1.5;

	font-family:"Source Sans Pro";

}

.dp-img {

	height: 80px;

	width: 80px;

	border-radius: 50px;

	display: inline-block;

	vertical-align: middle;

}

.dp-btn-content {

	display: inline-block;

	vertical-align: baseline;

	min-width: 66%;

	padding-left: 15px;

}

.filUpload.dp-filUpload {

	border: solid 1px #cfcfcf;

	border-radius: 50px;

	max-width: 48% !important;

}

.dp-prog-wrap{

	position: relative;

	background-color: #E7E7E7;

	height: 5px;

	max-width: 27%;

	margin-top: 20px;

	border-radius: 100px;

	display: none;

}

.dp-progress-bar{

	position: absolute;

	top: 0px;

	left: 0px;

	height: 100%;

	width:0%;

	background-color: #8C8B8B;

	border-radius: 100px;

}

.dp-status-wrap{

	margin-bottom: 20px;

}

.profile-textholder{

	margin-bottom: 20px;

}

.cs-sb-button {

	cursor: pointer;

	color: #fff;

	background-color: #0469DB;

	border: none;

	display: inline-block;

	padding: 10px 15px;

	font-size: 14px;

	position: relative;

	border-radius: 50px;

	transition: all linear 0.15s;

}

.cs-sb-button:hover{

	background-color: #3582DB;

}

.accordion{

	font-size: 14px;

	padding: 15px;

	border: solid 1px #E7E7E7;

	cursor: pointer;

}

.accordion-panel{

	display: none;

	padding: 15px;

	border: solid 1px #E7E7E7;

	margin-top: 5px;

	max-height: 0;

	overflow: hidden;

	transition: max-height linear 0.2s;

}

.accordion:after {

	margin-top: -1px;

	font-size: 20px;

	content:'\f107';

	float:right;

	margin-left: 5px;

	font-family: "Fontawesome";

}



.active:after {

  content:"\f106";

}







.button-disabled{

	opacity: 0.45;

	pointer-events: none;

}

.hide{

	display: none !important;

}

.show-inline{

	display: inline-block !important;

}

.fade-out{

	opacity: 0;

}



.show{

	display: block !important;

}
#paypal-button-container{
	width: 33%;
	margin: 20% auto 0px;	
}


/* Media query for desktop viewport */

@media screen and (max-width: 420px) {

	.filUpload.dp-filUpload {

		max-width: 83% !important;

	}

}

@media screen and (max-width: 986px) {

	.section-content{

		grid-template-columns: repeat(2,1fr);

	}

	.msg-wrap {

		padding-left: 0;

		padding-top: 20px;

	}

}

@media screen and (max-width: 564px) {

	.order-nt{

		line-height: 2.8;

	}

	.page-input-wrap{

        margin: 25% auto;

    }

	.hd-wrap{

		margin-bottom: 15px;

	}

	.web-logo-wrap {

		width: 120px;

		margin-top: 8px;

	}

	.home-banner{

		height: 85vh;

	}

	.banner-content{

		margin-top: 30%;

		width:100%;



	}

	.mobile-head-wrap{

		display: none;

	}

	.hd-user-name {

		display: none;

	}

	.prj-grid-wrap {

		grid-template-columns: none;

	}

	.prj-col{

		padding-bottom: 7px;

	}

	.cs-hd-dropdown-wrapper {

    	right: 22px;

		top: 33px;

	}

	.hm-banner {

		padding-top: 25%;

	}

	.section-content{

		grid-template-columns: repeat(1,1fr);

	}

	.col-grid h4 {

		line-height: 1.2;

	}

}



@media screen and (max-width: 768px) {

	.dp-btn-content {

		min-width: 70%;

	}

	.filUpload {

		max-width: 66% !important;

	}

	.dp-prog-wrap {

		max-width: 100%;

	}

	.menu-bars{

		display: inline-block;

	}

	.cko-sum-list li,.cko-list li{

		line-height: 1.8 !important;

	}

	.col-snd-content nav a {

		display: block;

		padding: 10px 0px;

	}

	.mobi-nav-content{

		display: none;

	}

	.banner-content{

		width:83%;

		margin-left: auto;

		margin-right: auto;

		text-align: center;

	}

	.container{

		padding:0px 10px;

	}

	.form-label {

		text-align: left;

	}

	.form-input {

	   padding-right: 0;

	}

	.fm-in-left {

		padding-right: 0;

		padding-bottom: 15px;

	}

	.fm-in-right {

		padding-left: 0;

	}

	.cs-col {

		padding-bottom: 15px;

	}

	textarea.typ-input {

		min-height: 125px;

	}

	.file-upload-wrap p {

		line-height: 1.5;

	}

}

@media screen and (max-width: 1200px) {

	.rt-grid-col {

		padding-top: 20px;

		text-align: left;

	}



}




.login-logo-cont {
    width: 100px;
    height: 100px;
    position: relative;
    margin: auto;
}

.login-logo {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    object-fit: contain;
    object-position: center;
}

.login-logo-screen {
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}