@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400&display=swap');

#testnotavailable {}

body{
	margin:0px;
	padding:0px;
	font-family:Verdana;
}

button::-moz-focus-inner{
  border: 0;
  padding: 0;
}

.mobile-nav{
	width: 100%;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
	box-shadow:0px 0px 5px #ccc;
	margin-top:43px;
	background-color:#fff;
	display:none;
}

.mobile-nav a{
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	color: #8C8C8C;
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F0F0F0;
	font-weight: bold;
}

.mobile-nav a:hover{
	background-color: #F2F2F2;
}
#mn-jobs{
	width: 29%;
}

#mn-signup{
	width:30%;
}
#mn-advice{
	width:40%;
}


#search-box-wrap{
	display:none;
	float:left;
	width:100%;
	height:auto;
}

#search-box-wrap2{
	display:none;
	float:left;
	width:100%;
	height:auto;
}

.mobile-search-icon{
	display:none;
	width:32px;
	height:36px;
	margin-left:8px;
	background-position:7px -2393px;
	float:left;
	background-image:url(../images/icons.png);
	background-repeat:no-repeat;
	text-decoration:none;
	margin-top:5px;
	padding-top:2px;
	border-top-right-radius:5px;
	border-top-left-radius:5px;

}
body:has(#search.dsearch-class1):not(:has(#search-box-wrap2)) .mobile-search-icon,
body:has(#category-search-box) .mobile-search-icon { display: none !important; }
 { margin: 0; padding: 0; border: 0; }
#site-domain {
	letter-spacing: 10px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #CCC;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;       /* remove default arrow */
	background-image: url(/images/point-down2.png);   /* add custom arrow */
	background-repeat: no-repeat;
	background-position: right 5px center;
}

input, select, textarea{
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
}

.bg-b3{
	background-color:#333;
}
.bg-b2{
	background-color:#22242A;
}
.bg-b6{
	background-color:#666;
}
.bg-b9{
	background-color:#999;
	
}
.bg-b10{
	background-color: #B6B6B6;
}
.bg-p {
	background-color:#C95F94;
}

.bg-o {
	background-color:#F60;
}

.bg-o3 {
	background-color:#D57B32;
}
.tc-y {
	color:#FC0;
}
.bg-o7{
	background-color:#FC0;
}
.tc-y2 {
	color: #CCA400;
}
.bg-o4{
	background-color:#F93;
}
.bg-o2 {
	background-color: #FFCD82;
}
.bg-g9 {
	background-color:#59BC9E;
}
.tc-g9 {
	color:#3A9277;
}

.bc-5{
	border-radius: 5px 5px;
}
.bc-t-5{
	border-top-right-radius: 5px 5px;
	border-top-left-radius: 5px 5px;
}
.bc-10{
	border-radius: 10px 10px;
}
.bb-o2 {
	border: 1px solid #FFAF37;
}
.tc-o {
	color: #F60;
}
.bg-g {
	background-color:#A0D568;
}


.tc-w {
	color:#FFF;
}
.tc-p{
	color:#8166C3;
}

.tc-b3 {
	color:#333;
}

.tc-bl3 {
	color: #31ACA3;
}

.tc-bl {
	color:#06F;
}
.bg-o5{
	background-color:#FC3;
}
.bg-o55{
	background-color: #FFEEB9;
}

.tc-bl2 {
	color: #0099CC;
}
.bbc-o{
	border-color:#FC3;
}
.tc-b {
	color:#000;
}
.ts-10{
	font-size:10px;
}
.tc-b9 {
	color:#999;
}

.tc-g {
	color:#3FC567;
}

.tc-g2 {
	color:#096;;
}
.tc-g3 {
	color: #9DFF9D;
	;
}

.bm-t-100 {
	margin-top: 100px;
}
.bm-t-130 {
	margin-top: 130px;
}

.bm-t-10 {
	margin-top: 10px;
}
.bm-t-15 {
	margin-top: 15px;
}
.bm-t-5 {
	margin-top: 5px;
}
.bm-t-20 {
	margin-top: 20px;
}
.bm-t-25 {
	margin-top: 25px;
}
.bm-t-30 {
	margin-top: 30px;
}
.bm-t-40 {
	margin-top: 40px;
}
.bm-t-50 {
	margin-top: 50px;
}
.bm-b-5 {
	margin-bottom: 5px;
}
.bm-b-50 {
	margin-bottom: 50px;
}
.bm-b-70 {
	margin-bottom: 70px;
}
.bm-b-80 {
	margin-bottom: 80px;
}
.bm-b-100 {
	margin-bottom: 100px;
}
.bm-b-40{
	margin-bottom:40px;
}
.bm-b-30 {
	margin-bottom: 30px;
}
.bm-b-35 {
	margin-bottom: 35px;
}
.bm-b-20 {
	margin-bottom: 20px;
}
.bm-b-10 {
	margin-bottom: 10px;
}
.bm-b-15 {
	margin-bottom: 15px;
}

.bm-r-10 {
	margin-right: 10px;
}
.bm-r-05 {
	margin-right: 4%;
}

.bm-r-5 {
	margin-right: 5px;
}

.bp-t-20 {
	padding-top: 20px;
}

.bp-t-50 {
	padding-top: 50px;
}

.bp-r-30 {
	padding-right: 30px;
}
.bg-bl{
	background-color:#0071CE;
}
.bg-bl2{
	background-color: #3CA7FF;
}
.bg-bl3{
	background-color: #4EA2C6;
}

.bp-t-10 {
	padding-top: 10px;
}

.bp-t-15 {
	padding-top: 15px;
}

.bp-t-30 {
	padding-top: 30px;
}


.form-wrap {
	background-color: #A0D568;
	float: left;
	height: auto;
	width: 100%;
	background-position: 97% center;
	background-image: url(../pics/email-icon.png);
	background-repeat: no-repeat;
}

.form-input:hover{
	box-shadow: 0px 0px 6px #9FC;
}
	
.form-input {
	transition: border-color 0.3s 0.1s ease-out;
	box-shadow: 0px 0px 1px #9FC;
	float: left;
	height: 37px;
	width: 97%;
	padding-left: 3%;
	background-repeat: no-repeat;
	background-position: right 5px center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border: 1px solid #CCC;
}

.row {
	float: left;
	height: auto;
	width: 100%;
}

.container{
	width: 92%;
	padding-right: 4%;
	padding-left: 4%;
	height: auto;
}

.md {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}

.mag-b {
	float: left;
	height: auto;
	width: 100%;
}
#wrap-text{
	   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.mag-pb-10-l {
	float: left;
	height: auto;
	width: 90%;
	padding-left:10%;	
}
.mag-pb-10-r {
	float: left;
	height: auto;
	width: 90%;
	padding-right:10%;	
}

.mag-pb-5-l {
	float: left;
	height: auto;
	width: 95%;
	padding-left:5%;	
}

.mag-mb-3-l {
	float: left;
	height: auto;
	width: 97%;
	margin-left:3%;	
}

.mag-mb-5-l {
	float: left;
	height: auto;
	width: 95%;
	margin-left:5%;	
}

.mag-mb-2-l {
	float: left;
	height: auto;
	width: 98%;
	margin-left:2%;	
}



.mag-pb-10 {
	float: left;
	height: auto;
	width: 80%;
	padding-left:10%;
	padding-right:10%;
	
}

.mag-pb-5 {
	float: left;
	height: auto;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}
.mag-pb-1 {
	float: left;
	height: auto;
	width: 98%;
	padding-left:1%;
	padding-right:1%;
}
.mag-b-33 {
	float: left;
	width: 24%;
}
.mag-b-3 {
	float: left;
	width: 25%;
}
.mag-b-9 {
	float: left;
	width: 75%;
}

a {
	transition: all 0.3s 0.1s ease-out;
}

.mag-pb-3 {
	float: left;
	height: auto;
	width: 94%;
	padding-left:3%;
	padding-right:3%;
}

.mag-pb-2 {
	float: left;
	height: auto;
	width: 96%;
	padding-left:2%;
	padding-right:2%;
}
	

#banna {
	background-color: #A0D568;
	float: left;
	height: auto;
	width: 100%;
	background-image: url(../pics/banner1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
}
#free-trial{
	margin-left: 1%
}
.mag-pb-6 {
	height: auto;
	width: 40%;
	padding-right: 5%;
	padding-left: 5%;
	float: left;
}

.mag-b-6 {
	height: auto;
	width: 50%;
	float: left;
}

.mag-b-66 {
	height: auto;
	width: 48%;
	float: left;
	
}



.mag-b-5-6 {
	height: auto;
	width: 46%;
	float: left;
}

.mag-pb-6-5 {
	height: auto;
	width: 40%;
	padding-left:5%;
	padding-right:5%;
	float: left;
}

.mag-b-4 {
	float: left;
	width: 33.3333333333%;
	height: auto;
}

.mag-pb-4-3 {
	float: left;
	width: 27.3333333333%;
	height: auto;
	padding-left:3%;
	padding-right:3%;
}

.mag-b-5 {
	float: left;
	width: 41.3333333333%;
	height: auto;
}

.user-info-5 {
	float: left;
	width: 41.3333333333%;
	height: auto;
	color:#666;
	font-size:14px;
}

.user-info-6 {
	height: auto;
	width: 58%;
	float: right;
	font-size:14px;
}

.mag-pb-5-5 {
	float: left;
	width: 31.3333333333%;
	height: auto;
	padding-left:5%;
	padding-right:5%;
}

.mag-b-7 {
	float: left;
	width: 58.3333333333%;
	height: auto;
}
.br-10{
	border-radius: 10px 10px;
}
.br-5{
	border-radius: 5px 5px;
}
.br-0{
	border-radius: 0px 0px;
}
.mag-b-44 {
	float: right;
	width: 30.3333333333%;
	height: auto;
}

.mag-b-444 {
	float: right;
	width: 27%;
	height: auto;
}

.mag-pb-30-3 {
	float: right;
	width: 30%;
	padding-left:3%;
	padding-right:3%;
	height: auto;
}

.mag-b-2 {
	float: left;
	width: 16.6667%;
	height: auto;
	text-decoration: none;
	display: block;
}

.mag-b-105 {
	float: left;
	width: 8.333%;
	height: auto;
	text-decoration: none;
	display: block;
}

.mag-b-10 {
	float: left;
	width: 83.33333%;
	height: auto;
}

.mag-b-11 {
	float: left;
	width: 93.33333%;
	height: auto;
}

.mag-b-1105 {
	float: left;
	width: 91.33333%;
	height: auto;
}

.mag-mb-2-r-5 {
	float: left;
	width: 16.66666666%;
	height: auto;
	margin-right:5%;
}

.mag-b-8 {
	float: left;
	height: auto;
	width: 66.6666666666%;
}

.mag-pb-8-3 {
	float: left;
	height: auto;
	width: 60.6666666666%;
	padding-left:3%;
	padding-right:3%;
}

.mag-b-805 {
	float: left;
	height: auto;
	width: 70.83666666%;
}
#signup h2 {
	font-size: 24px;
	color: #4A4A4A;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	width: 100%;
	font-variant: normal;
	font-weight: normal;
}
#signup {
	padding-top: 50px;
	padding-bottom: 50px;
	float: left;
	height: auto;
	width: 100%;
	background-repeat: repeat;
}
#login{
	padding-top: 100px;
	padding-bottom: 100px;
	float: left;
	height: auto;
	width: 100%;
	background-repeat: no-repeat;
	background-image: url(../pics/login-background.jpg);
	background-size: cover;
}

.ts-14 {
	font-size: 16px;
	line-height: 20px;
}
.ts-20 {
	font-size: 20px;
	
}
.ts-23 {
	font-size: 23px;
	
}
.ts-22 {
	font-size: 22px;	
}
.ts-150 {
	font-size: 150px;
}
.ts-24 {
	font-size: 24px;
	line-height: 30px;
}

.ts-28 {
	font-size: 28px;
	
}

.bm-l-0{
	margin-left:0px;
}

.ts-36 {
	font-size: 36px;
	
}
.ts-30 {
	font-size: 30px;
	
}


.ts-9 {
	font-size: 9px;
	line-height: 18px;
}

.ts-8 {
	font-size: 8px;
	line-height: 18px;
}

.ts-12 {
	font-size: 12px;
	line-height: 20px;
}
.ts-13 {
	font-size: 13px;
	line-height: 20px;
}
.center {
	text-align: center;
}
.search-bar-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.recent-searches {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 20px !important;
    padding: 15px 20px;
    width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.recent-searches__label {
    font-size: 0.75rem;
    color: #999;
    white-space: nowrap;
}

.recent-searches__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.recent-searches__tag {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.25rem 0.65rem;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 999px;
    font-size: 0.78rem;
    color: #333;
    text-decoration: none;
    transition: background 0.15s, border-color 0.15s;
    white-space: nowrap;
}

.recent-searches__tag:hover {
    background: #f26522;
    border-color: #f26522;
    color: #fff;
}

.recent-searches__tag:hover svg {
    color: #fff;
}

.recent-searches__tag svg {
    color: #999;
    flex-shrink: 0;
}

.recent-searches__clear {
    font-size: 0.72rem;
    color: #888;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid #ccc;
    padding: 0.2rem 0.5rem;
    border-radius: 4px;
	background-color:#DAEEC4;
}

.recent-searches__clear:hover {
    color: #c0392b;
    border-color: #c0392b;
}
.signup-check {
	float: left;
	height: auto;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	margin-top: 10px;
}
.signup-check a {
	color: #039;
	text-decoration: underline;
}#dform_error {
	color: #F00;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float:none
}
.bp-bt-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.tc-r {
	color: #F00;
}
.mag-pb-30 {
	width: 40%;
	padding-right: 30%;
	padding-left: 30%;
}
.bm-l-25 {
	margin-left: 25%;
}
.lh-30 {
	line-height: 30px;
}
.lh-24 {
	line-height: 24px;
}
.container2 {
	float: left;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
}

.anko-1 {
	display: block;
	float: left;
	height: auto;
	width: 90%;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url(../pics/home.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	text-decoration: none;
	padding-right: 5%;
	padding-left: 5%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C1E39B;
	font-size: 14px;
}

.anko-1:hover {
	background-color:#BCDF53;;
}

.anko-2:hover{
	background-color:#BCDF53;;
	color:#fff;
}
.bg-n{
	background-image:none;
}

.bg-g2{
		background-color: #3A9277;
}


.anko-2 {
	float: left;
	height: auto;
	width: auto;
	margin-right: 1%;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-size: 11px;
	color: #999;
	text-decoration: none;
	border: 1px solid #CCC;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.anko-10 {
	height: auto;
	width: auto;
	margin-right: 1%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 14px;
	color: #999;
	text-decoration: none;
	border: 1px solid #DA0000;
	border-radius: 5px 5px;
}
#view-window h2 {
	font-size: 18px;
	color: #666;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	float: left;
	height: auto;
	width: 100%;
	display: block;
}

#download-invoice{
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-decoration: none;
    border: solid 1px #F37E09;
    display: inline-block;
    border-radius: 5px 5px;
    font-size: 13px;
    color: #F37E09;
}

#view-window h3 {
	font-size: 14px;
	color: #666;
	margin: 0px;
	padding: 0px;
}

#view-window p {
	font-size: 14px;
	color:#999;

}


#table_firstrow th {
	margin: 0px;
	padding: 0px;
	transition: 0.3s 0.1s all ease-out;
	font-size: 12px;
}
#table_firstrow td:hover {
	background-color: #91CF50;
	background-repeat: repeat-x;
}

.anko-3 {
	text-decoration: none;
	float: left;
	height: 100%;
	width: 100%;
	display:block;
	background-repeat: no-repeat;
	background-position: 10px top;
	padding-right: 10px;
	padding-top: 6px;
	margin-top: -5px;
	color:#666666;
}
.deletedit {
	display: block;
	float: left;
	height: 20px;
	width: 40px;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	padding-top:5px;

	margin-left: 5px;
	transition: 0.1s 0.1s ease-in;
}
.deletedit:hover {
	background-color: #ABD87A;
}
.deletedit img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}.delete-bot {
	float: left;
	text-decoration: none;
	height: auto;
	text-align: right;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ccc;
	width: auto;
	color: #666666;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 25px;
	text-transform: capitalize;
	margin-top: 15px;
	background-image: url(../../rear/pics/delete-form.png);
	background-repeat: no-repeat;
	background-position: 8px center;
	transition: 0.3s 0.1s all ease-out;
}

.bp-bt-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.bp-bt-0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.bp-bt-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.bp-bt-25 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.bp-b-20 {
	padding-bottom: 20px;
}
.bp-b-10 {
	padding-bottom: 10px;
}

.bp-bt-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
.bp-bt-3 {
	padding-top: 3px;
	padding-bottom: 3px;
}

.bp-bt-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.bp-bt-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.bb-b {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.bb-b2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
.bb-t {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

.bb-r-a2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E6E6E6;
}

.bb-b-o {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DA0000;
}

.bb-b-w {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}

.bb-t {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

.bb-tb {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.bp-b-30 {
	padding-bottom: 30px;
}
.bp-t-0 {
	padding-top: 0px;
}
.bm-t-0 {
	marging-top: 0px;
}
.bp-b-50 {
	padding-bottom: 50px;
}

.bp-b-40 {
	padding-bottom: 40px;
}

.bp-b-80 {
	padding-bottom: 80px;
}

.bp-b-5 {
	padding-bottom: 5px;
}

.bp-b-0 {
	padding-bottom: 0px;
}
.bp-tb-0 {
	padding-bottom: 0px;
	padding-top: 0px;
}
.bp-0 {
	padding: 0px;
}
.bp-tb-30 {
	padding-bottom: 30px;
	padding-top: 30px;
}
.bp-tb-40 {
	padding-bottom: 40px;
	padding-top: 40px;
}
.bp-tb-7 {
	padding-bottom: 6px;
	padding-top: 6px;
}
.bp-tb-5 {
	padding-bottom: 5px;
	padding-top: 5px;
}
.bp-tb-20 {
	padding-bottom: 20px;
	padding-top: 20px;
}
.bp-tb-100 {
	padding-bottom: 100px;
	padding-top: 100px;
}
.bp-tb-10 {
	padding-bottom: 10px;
	padding-top: 10px;
}

#curve-title{
	width: 40%;
	margin-left: 30%;
	margin-bottom: -15px;
	z-index:100;
	background-color:#fff;
	padding-top:5px;
	padding-bottom:5px;
}
.bold {
	font-weight: bold;
}
.nobold {
	font-weight:normal;
}
tr:nth-of-type(odd) { 
  background: #eee; 
}
th {
	color: #666;
	font-weight: bold;
	background-color: #DDEFC9;
	text-transform: capitalize;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 12px;
}
td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}

th:hover {
	background-color:#BCDF53;;
	color:#fff;
}

tr td {
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
}

tr th {
	border-right-width: 0px;
	border-left-width: 0px;
	border-right-style: none;
	border-left-style: none;
}

tbody tr:hover {
	background-color:#E9E9E9;
}
.ui-datepicker {
background: #fff;
   border: 0px solid #fff;
   color: #EEE;
}
.ui-datepicker-header {
background: #A0D568;
   color: #EEE;
   
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
color:#fff;

}
.ui-datepicker table {
width: 100%;
font-size: .7em;
border-collapse: collapse;
font-family:verdana;
margin: 0 0 .4em;
color:#000000;
background:#DAEEC4; 
}
/*This is date TD */
.ui-datepicker td {

border: 0;
padding: 1px;


}
.ui-datepicker-calendar .ui-state-active {
  background: #090;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  color: #e0e0e0;
  text-shadow: 0px 1px 0px #4d7a85;
  filter: dropshadow(color=#4d7a85, offx=0, offy=1);
  border: 1px solid #55838f;
  position: relative;
  margin: -1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .8em;
text-align: right;
text-decoration: none;
}
.mag-b-30 {
	text-align: center;
	display: block;
	float: left;
	height: 19px;
	width: 31px;
	padding-top: 7px;
	text-decoration: none;
}
.mag-b-50 {
	float: left;
	height: auto;
	width: 50%;
	margin-left:25%;
	margin-right:25%;
}
.mag-b-70 {
	float: left;
	height: auto;
	width: 70%;
	margin-left:15%;
	margin-right:15%;
}
.mag-b-78 {
	float: left;
	height: auto;
	width: 78%;
	margin-left:11%;
	margin-right:11%;
}
.bg-g3 {
	background-color: #C2E39D;
}
.bg-y{
	background-color:#FC0;
}
.bg-w {
	background-color: #fff;
}
.bg-g4 {
	background-color: #DDEFC9;
}
.tc-b6 {
	color: #666;
}
.circle100 {
	height: 70px;
	width: 70px;
	border-radius: 35px 35px;
	text-align:center;
	line-height:70px;
		margin-left: auto;
	margin-right: auto;
}
.ts-40 {
	font-size: 45px;
	
}
.tc-b66 {
	color: #5C5C5C;
}
.tc-bl4{
	color:#6CF;
}
.ta-r {
	text-align: right;
}
.ta-l {
	text-align: left;
}
.bm-l-10 {
	margin-left: 10%;
}
.bm-l-7 {
	margin-left: 7%;
}
.bp-r-10 {
	padding-right: 10%;
}
.bp-l-10 {
	padding-left: 10%;
}

.bm-l-5 {
	margin-left: 5%;
}
.bp-l-5 {
	padding-left: 5%;
}


.anko-4 {
	height: 32px;
	width: auto;
	padding-right: 20px;
	padding-left: 20px;
	text-decoration: none;
	padding-top: 12px;
	float: left;
}
.anko-5 {
	height: 26px;
	width: auto;
	padding-right: 10px;
	padding-left: 30px;
	text-decoration: none;
	float: left;
	background-repeat: no-repeat;
	background-position: 8px center;
	font-size: 10px;
	line-height: 26px;
}
.bb-a {
	border: 1px solid #CCC;
}
.bb-a2 {
	border: 1px solid #F4F4F4;
}

.bb-a3 {
	border: 1px solid #333;
}

.bb-p {
	border: 1px solid #96C;
}

.bb-bl {
	border: 1px solid #2D9D95;
}

.bb-bl7 {
	border: 1px solid #4ECDC4;
}

.bg-bl7{
	background-color:#4ECDC4;
}
.tc-bl7{
	color:#4ECDC4;
}
.bb-o {
	border: 1px solid #F60;
}
.bb-w {
	border: 1px solid #fff;
}
.bb-g {
	border: 1px solid #096;
}
.bb-g2 {
	border: 1px solid #92D050;
}
.bb-r {
	border: 1px solid #F60;
}
.bg-a {
	background-color: #D6D6D6;
}
#total-div {
	display: none;
}

.mag-circle {
	background-color: #D1EBB6;
	float: left;
	height: 30px;
	width: 30px;
	border: 1px solid #096;
	border-radius: 15px 15px;
	line-height:30px;
	text-align:center;
}
.mag-circle {
	background-color: #D1EBB6;
	float: left;
	height: 30px;
	width: 30px;
	border: 1px solid #096;
	border-radius: 15px 15px;
	line-height:30px;
	text-align:center;
}
.mag-div {
	float: left;
	height: auto;
	width: auto;
}
.bm-r-20 {
	margin-right: 20px;
}
.mag-mb-6-3 {
	float: left;
	width: 44%;
	padding-right: 3%;
	padding-left: 3%;
}

.mag-mb-12-3 {
	float: left;
	width: 94%;
	margin-right: 3%;
	margin-left: 3%;
}
.bb-lb {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #D1EBB6;
	border-left-color: #D1EBB6;
}
.anko-4.bg-g2:hover {
	color: #096;
	background-color: #D1EBB6;
}
.fl-r {
	float: right;
}
.ts-16 {
	font-size: 16px;
	line-height:22px;
}
.ts-18 {
	font-size: 18px;
	line-height:30px;
}
.lh-32 {

	line-height:32px;
}
.lh-40 {

	line-height:40px;
}
.anko-5.bg-w:hover {
	background-color: #DDEFC9;
}
thead th {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.ui-datepicker {
background: #fff;
   border: 0px solid #fff;
   color: #EEE;
}
.ui-datepicker-header {
background: #A0D568;
   border: 0px none #fff;
   color: #EEE;
   border-radius: 0px 0px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
color:#fff;

}
.ui-datepicker table {
width: 100%;
font-size: .7em;
border-collapse: collapse;
font-family:verdana;
margin: 0 0 .4em;
color:#000000;
background:#DAEEC4; 
}
/*This is date TD */
.ui-datepicker td {

border: 0;
padding: 1px;


}
.ui-datepicker-calendar .ui-state-active {
  background: #090;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  color: #e0e0e0;
  text-shadow: 0px 1px 0px #4d7a85;
  filter: dropshadow(color=#4d7a85, offx=0, offy=1);
  border: 1px solid #55838f;
  position: relative;
  margin: -1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .8em;
text-align: right;
text-decoration: none;
}
.checkbox-1 {
	height: 12px;
	width: 12px;
	border: 1px solid #333;
	background-color: #FFF;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 5px;
}
.lh-13{
	line-height:13px;
}
.lh-20{
	line-height:20px;
}
.fl-l {
	float:left;
}
.bm-t-7 {
	margin-top:7px;
}
.bm-tb-0 {
	margin-top:0px;
	margin-bottom:0px;
}
.bh-30 {
	height: 30px;
}
.bh-28 {
	height: 28px;
}
.bh-70 {
	height: 70px;
}
.bh-500 {
	height: 500px;
}
.bh-40 {
	height: 40px;
}
.bh-150 {
	height: 150px;
}
.bh-15 {
	height: 15px;
}
.bh-100 {
	height: 100px;
}
.italiz
{
	font-style:italic;
}
.mag-b-20 {
	float: left;
	width: 20%;
	margin-left:40%;
}
.mag-b-30 {
	float: left;
	width: 30%;
	margin-left:35%;
}
.anko-0 {
	text-decoration: none;
	float: left;
}


.mag-b-80 {
	float: left;
	width: 80%;
}
#view-window h1 {
	color: #666;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: auto;
	font-weight: normal;
}

.bg-a4 {
	background-color: #F4F4F4;
}
.bg-a5 {
	background-color: #F7F7F7;
}
.bg-a2 {
	background-color: #E6E6E6;
}
.bg-a1 {
	background-color: #E1E1E1;
}
.bw-auto {
	width: auto;
}
.bw-auto-p-5 {
	width: auto;
	padding-left:5%;
}
.bw-100 {
	width: 100px;
}
.bw-50 {
	width: 50px;
}
.bw-65 {
	width: 65px;
}
.bh-auto{
	height:auto;
}
.anko-6 {
	font-size: 16px;
	color: #096;
	background-image: url(../pics/calender.png);
	background-repeat: no-repeat;
	background-position: 10px;
	width: auto;
	padding-left: 33px;
	border: 1px solid #9C6;
	text-decoration: none;
	height: 40px;
	float: left;
	display: block;
	line-height: 40px;
	padding-right: 10px;
}
.anko-p {
	color: #0099CC;
	text-decoration: none;
	font-size: 14px;
	background-image: url(../pics/arrow3.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: left;
	width: auto;
	padding-right: 20px;
	display: block;
}

.connect-a {
	display: block;
	height: 35px;
	width: 35px;
	border-radius: 17.5px 17.5px;
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	margin-right: 10px;
	text-decoration:none;
}

.anko-t {
	color: #0099CC;
	text-decoration: none;
	font-size: 14px;
	
}

#profile-menu {
	background-color: #FFF;
	height: 0px;
	width: 200px;
	position: absolute;
	top: 50px;
	overflow:hidden;
	box-shadow: 0px 0px 5px #999;
	right:15px;
	z-index:2000;
}

.bg-bl9{
	background-color: #E1F7F5;
}
.bg-bl8{
	background-color:#92DAF1;
}

.more-menu {
	background-color: #FFF;
	height: auto;
	width: 200px;
	position: absolute;
	top: 65px;
	overflow:hidden;
	box-shadow: 0px 0px 1px #999;
	display:none;
	z-index:1000;
}
.ov-h{
	overflow:hidden;
}
.more-menu a {
	color: #666;
	font-size: 14px;
	float: left;
	width: 67%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 28%;
	padding-right: 5%;
	background-position: 15px;
	display: none;
	text-decoration: none;
	background-repeat: no-repeat;
}

#profile-menu a {
	color: #666;
	font-size: 14px;
	float: left;
	width: 90%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left:5%;
	padding-right:5%;
}

#profile-menu a:hover {
	background-color:#C2E39D;
	
}
#date-yesterday, #date-today, #date-tomorrow {
	border-right-style:none;
		
}
.bh-20 {
	height: 20px;
}
.bh-25 {
	height: 25px;
}
.active-sub-nav{
	background-color:
	#FFF;color:#666;
}
.live-demo {
	float: left;
	width: 22%;
	padding-top: 15px;
	padding-bottom: 15px;
	display: block;
	text-decoration: none;
	margin-left: 30%;
	font-weight: bold;
	font-size: 14px;
	opacity: 1;
}
.bp-bt-5p {
	padding-top: 7%;
	padding-bottom: 7%;
}
.bp-b-10p {
	
	padding-bottom: 10%;
}
.bp-b-20p {
	
	padding-bottom: 20%;
}
.bp-bt-6p {
	padding-top: 6%;
	padding-bottom: 6%;
}
.bb-b3 {
	border: 1px solid #333;
}
.bb-b6 {
	border: 1px solid #4F4F4F;
}
.bg-b6 {
	background-color: #666;
}
.bg-b {
	background-color: #000;
}

.bb-l-7-g {
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #A0D568;
}
.bb-l-7-a {
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #D38676;
}
.bs-10{
	box-shadow: 10px 10px 20px #039;
}
.bg-a3{
	background-color:#EEE;
}
.bs-10-a{
	box-shadow: 10px 10px 20px #999;
}
.bb-l-7-b {
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #ccc;
}

.bb-l-1-b {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ccc;
}

.bg-br{
	background-color:#D38676;
	
}
#features {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 5%;
}
#features-banner {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 2%;
	background-color: #B9E08D;
	padding-bottom: 0px;
	background-image: url(../pics/features-background.png);
	background-repeat: no-repeat;
	background-size:cover;
}
#pricing-banner {
	float: left;
	height: auto;
	width: 100%;
	padding-top: 5%;
	padding-bottom: 0px;
	background-image: url(../pics/price-bg.png);
	background-repeat: no-repeat;
}

#features-banner-title{
	margin-top:15%;
}
#features h3 {
	color: #666;
	font-size: 18px;
}
#features p {
	font-size: 16px;
	color: #999;
	line-height: 20px;
}
.home-more {
	float: left;
	width: 30%;
	margin-left: 35%;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
	text-decoration: none;
	display: block;
	height: auto;
}
.bopa-8 {
	opacity:0.5
}





.bp-l-15 {
	padding-left: 15px;
}
.bp-lr-5 {
	padding: 5px;
}
.bp-lr-0 {
	padding: 0px;
}
.bp-lr-3 {
	padding: 3px;
}
.bp-lr-10{
	padding-left:10px;
	padding-right:10px;
}

.bp-lr-20{
	padding-left:20px;
	padding-right:20px;
}

#snapshot {
	background-color: #666;
}
.tc-w2 {
	color: #BCBCBC;
}
.tc-w3 {
	color: #E9E9E9;
}

#support {
	background-image: url(../pics/support-background.png);
	background-repeat: repeat;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 3%;
	padding-bottom: 3%;
}
.circle2 {
	height: 50%;
	width: 50%;
	border: 3px solid #096;
	border-radius: 50% 50%;
	overflow: hidden;
	float: left;
	margin-left: 24%;
	margin-right: 24%;
}
.circle50 {
	height: 50px;
	width: 50px;
	border: 4px solid #090;
	border-radius: 28px 28px;
	text-align:center;
	line-height:50px;
		margin-left: auto;
	margin-right: auto;
}
.circle3 {
	height: 46px;
	width: 46px;
	border: 4px solid #000;
	border-radius: 27px 27px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.bc-r{
	border-color:#F60;
}
.bc-g{
	border-color:#2E8B57;
}
.bc-g2{
	border-color:#2E8B57;
}
.bc-a2{
	border-color:#CCC;
}

#blog p {
	font-size: 16px;
	color: #666;
	line-height: 20px;
}


#footer ul li a {
	color: #09C;
	text-decoration: none;
	font-size: 12px;
}
.tc-a{
	color:#ccc;
}
.tc-a2{
	color:#BCBCBC
}
#footer h3 {
	color: #FFFFFF;
	font-size: 14px;
}
.social-link img {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.social-link{
	width: 40px;
	height: 40px;
	border-radius: 20px 20px;
	background-color: #fff;
	text-align: center;
	float: left;
	margin-right: 10px;
	text-decoration: none;
	background-position: center center;
	background-repeat: no-repeat;
}
.bg-g5 {
	background-color: #008459;
}
#pricing-banner sub {
	font-size: 12px;
}
#pricing-banner h2 {
	font-size: 20px;
}
.bg-g6 {
	background-color: #99CCCC;
}

.bg-g7 {
	background-color: #71711C;
}
#pricing-banner h1 {
	padding: 0px;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 0px;
}
#price-box1{
	box-shadow: 0px 0px 1px #666;
}
#price-box2{
	box-shadow: 0px 0px 5px #333;
	position:relative;
}
#price-box3{
	box-shadow: 0px 0px 1px #999;
}
#price-box ul, #price-box2 ul, #price-box3 ul {
	margin: 0px;
	float: left;
	width: 84%;
	padding-top: 8%;
	padding-right: 8%;
	padding-bottom: 3%;
	padding-left: 8%;
}
#price-box1 ul li, #price-box2 ul li, #price-box3 ul li {
	float: left;
	height: auto;
	width: 100%;
	list-style-type: none;
	margin-bottom:30px;
	font-size: 14px;
	color: #666;
	text-align:center;
}
.line1 {
	background-color: #A0D568;
	float: left;
	height: 5px;
	width: 5%;
	margin-left: 47.5%;
	margin-right: 47.5%;
}
.line2 {
	background-color: #999;
	float: left;
	height: 3px;
	width: 5%;
	margin-left: 47.5%;
	margin-right: 47.5%;
}
#things-to-note li {
	margin-bottom: 10px;
	list-style-image: url(../handler/pics/good.png);
}
#things-contact li{
	float: left;
	height: auto;
	width: 100%;
	margin-bottom: 10px;
	list-style-type: none;
}

.new-message-alert{
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    background-color:darkolivegreen;
    border-radius: 5px 5px;
    margin-top: 10px;
    text-align: center;
    font-size: 15px;
    padding-top: 9px;
    padding-bottom: 9px;
    color: #fff;
    display: block;
    text-decoration: none;
    float: left;
}

.new-message-alert:hover{
    background-color: darkgreen;
}

#menue-box {
	float: right;
	height: auto;
	width: 88%;
}
#footer-b-10{
	width:83.333%
}
#footer-b-2{
	width:16.6667%
}
#each-feature{
	display:inline-block;
	float:none;
	vertical-align:top;
	width: 33%;
}
#each-blog{
	display:inline-block;
	float:none;
	vertical-align:top;
	width: 32.97%;
}
.each-blog:hover{
    box-shadow: 0px 0px 20px #e1e1e1;
}
#each-blog a:hover{
	border-color:#096;
}
#each-related-article a:hover{
	border-color:#096;
}.anko-7 {
	text-decoration: none;
}

#magbit-website {
	color: #CF3;
	text-decoration: none;
}
#magbit-website:hover, #magbit-website2:hover{
	text-decoration:underline;
}
#magbit-website2{
	color:#096;
	text-decoration: none;
}
.share {
	float: left;
	height: auto;
	width: 100%;
	margin-top: 5%;
	margin-bottom: 50px;
	font-size: 14px;
	color: #666;
}
.share a {
	float: left;
	height: auto;
	width: auto;
	margin-right: 2%;
	margin-left: 0%;
	text-decoration: none;
	text-align: center;
	display: block;
	background-color: #CCC;
	color: #FFF;
	padding-top: 6px;
	padding-right: 2%;
	padding-bottom: 6px;
	padding-left: 2%;
	font-size: 12px;

}
#img-pad{
	margin-bottom:10px;
}
#facebook {
	background-color:#4D70A8;
}

#twitter{
	background-color:#01BAF2;
}

#gplus{
	background-color:#E3401D;
}
#linkedin{
	background-color:#1687B1;
}
#email{
	background-color:#CCCCCC;
	color:#333333;
}
#whatsapp{
	background-color:#25D366;
}
.mag-mb-2-rl-5 {
	float:left;
	width: 14.6667%;
	margin-right: 1%;
	margin-left: 1%;
}
#status-bg-icon {
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 30px;
}
.live-demo:hover {
	background-color: #00D791;
}
#current-status a:hover {
	background-color: #CFF;
}
#nav-mini a {
	float: left;
	height: auto;
	width: auto;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px;
	margin: 0px;
	border-left-style: none;
	border-top-style: none;
	border-bottom-style: none;
	text-decoration: none;
	color: #666;
	font-size: 12px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
}
#nav-mini {
	border: 1px solid #CCC;
	float: left;
	width: auto;
}

#nav-mini a:hover{
	background-color:#BCDF53;;
	color:#fff;
}
.mag-mb-50{
	width:50%;
	margin-left:25%;
	margin-right:25%;
	float:left;
}

.mag-mb-70{
	width:70%;
	margin-left:15%;
	margin-right:15%;
	float:left;
}

#post-img{
	overflow: hidden;
	height: 130px;
	margin-bottom:10px;

		
}
.curve-anko{
	width: 30%;
	margin-left: 35%;
	z-index: 100;
	background-color: #fff;
	padding-top: 6px;
	padding-bottom: 6px;
	text-decoration: none;
	border: 1px solid #3A9277;
	text-align: center;
	float: left;
	border-radius: 5px 5px;
	color: #DA0000;
}
#footer ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
}
#footer ul li {
	list-style-type: none;
	float: right;
	height: auto;
	width: auto;
	margin-right: 5%;
}
#footer {
	background-color: #D6D6D6;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#category-nav ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
}
#category-nav ul li {
	list-style-type: none;
	line-height: 40px;
	float: left;
	height: 40px;
	width: auto;
	text-decoration: none;
}
#category-nav ul li a {
	display: block;
	float: left;
	height: 40px;
	width: auto;
	line-height: 40px;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	color: #666;
}

#each-post{
	display: inline-block;
	float: none;
	vertical-align: top;
	width: 47.7%;
}
.each-bg{
	display: inline-block;
	float: none;
	vertical-align: top;
	width: 32.5%;
	border: 1px solid #fff;
	text-decoration:none;
	color:#333;
	margin:0px;
	border-radius: 5px 5px;
}
.each-bgx{
	display: inline-block;
	float: none;
	vertical-align: top;
	width: 100px;
	border: 1px solid #fff;
	text-decoration:none;
	color:#333;
	margin:0px;
}
#each-post2{
	display: inline-block;
	float: none;
	vertical-align: top;
	width: 22.2%;
	border: 1px solid #DA0000;
	border-radius: 5px 5px;
	margin-right: 1%;
	margin-left: 1%;
	text-decoration:none;
}
.trent-bar{
	width:auto;
	float:left;
	height:auto;
}
.trent-bar a {
	display: block;
	float: left;
	height: 40px;
	width: auto;
	line-height: 40px;
	text-decoration: none;
	padding-right: 25px;
	padding-left: 15px;
	color: #09C;
	background-image: url(../pics/arrow2.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.anko-a{
	text-decoration: none;
}
.anko-a:hover{
	text-decoration:underline;
}
.bm-r-4{
	margin-right:4%;
}

#cycle_20_w {
	width:20%;
}
#cycle_100_w {
	width:100%;
	
}
#read-img{
	width:60%;
}

.back-button{
	background-image: url(../pics/back.png);
	background-repeat: no-repeat;
	float: left;
	display: block;
	height: 40px;
	width: 40px;
	background-position: center center;
	position: absolute;
	left: 0px;
	top: 0px;
}
.back-button:hover {
	background-color: #00B8F4;
}
.col3 {
	float: left;
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.mag-pb-25 {
	float: left;
	height: auto;
	width: 50%;
	padding-right: 25%;
	padding-left: 25%;
}

.col3-li {
	float: left;
	height: 350px;
	width: 30.333%;
	margin-right: 4%;
	list-style-type: none;
	box-shadow: 0px 0px 5px #ccc;
	margin-top: 0px;
	border: 1px solid #F7F7F7;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.col3-ul {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	
}
.col3-ul-li {
	float: left;
	height:auto;
	width: 100%;
	list-style-type: none;
}
.head-span {
	width: 90%;
	padding-left: 5%;
	float: left;
	height: auto;
	font-size: 13px;
	color: #666;
	margin-bottom: 5px;
}
#company-name span {
	color: #000;
	font-size: 14px;
	margin-top: 5px;
	padding-top: 5px;
}
#tred-nav li {
	background-repeat: no-repeat;
	background-position: center center;
	float: left;
	width: auto;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
#tred-nav li a {
	text-decoration: none;
	font-size: 14px;
	display: block;
	float: left;
	height: auto;
	width: auto;
	padding-right: 5px;
	color: #333;
	background-repeat: no-repeat;
	font-weight: normal;
	line-height: 15px;
}
#tred-nav {
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#tred-nav li a:hover {
	color: #F60;
}

.menu-box{
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
	
}
.menu-box li
{
	width:80%;
	list-style-type:disc;
	color:#999;
	text-align:left;
	list-style-position: outside;
    margin-left: 14%;
	margin-right: 6%;
	margin-bottom:10px;
}
.menu-box li a{
	width:auto;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:solid 1px #FFF;
	color:#06C;
	font-size:12px;
	text-decoration:none;
	line-height:5px;
}
.menu-box li a:hover{
	text-decoration:underline;
	color:#000;
}
.menu-box li a span{
	color:#999;
	font-size:10px;
}
#job-ak:hover{
	text-decoration:none;
	opacity:0.7;
}
.ls-n {
	list-style:none;
}

#login-nav, #signup-nav{
	
	width:50%;
	text-align:center;
	display:none;
	
}
#login-nav a, #signup-nav a{
	border:none;
	width:100%;
	color:#FFF;
}
#login-nav{
	background-color:#F30;
	color:#FFF;
}
#signup-nav{
	background-color:#333;
}

#logout-nav{
	background-color:#666;
	display:none;
}
#logout-nav a{
	border:none;
	width:100%;
	color:#FFF;
}
#logout-nav a:hover{
	background-color:#999;
}
.menu-check:checked ~ #nav-ul{
  height:auto;
}

.menu-check{
  position:fixed;
  top:0;
  width:100%;
  height:3em;
  margin:0;
  padding:0 10px;
  background:#333;
  color:#eee;
  box-shadow:0 -1px rgba(0,0,0,.5) inset;
}

.user-menu-check{
  position:fixed;
  top:0;
  height:3em;
  margin:0;
  padding:0 10px;
  background:#333;
  color:#eee;
  box-shadow:0 -1px rgba(0,0,0,.5) inset;
  display:none;
}
 .country-menu-check{
  position:fixed;
  top:0;
  height:3em;
  margin:0;
  padding:0 10px;
  background:#333;
  color:#eee;
  box-shadow:0 -1px rgba(0,0,0,.5) inset;
  background-color:#F00;
  display:none;
}

 .user-menu-check{
  position:fixed;
  top:0;
  width:100%;
  height:3em;
  margin:0;
  padding:0 10px;
  background:#333;
  color:#eee;
  box-shadow:0 -1px rgba(0,0,0,.5) inset;
}

.menu-check{display:none}
/* CSS Document */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #CCC;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #CCC;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #CCC;
}

.country-menu-check:checked ~ #switch-country-ul{
  height:auto;
}

.user-menu-check:checked ~ #user-menue{
  height:auto;
}



.mag-b-7 {
	float: left;
	width: 58.3333333333%;
	height: auto;
}
.right-section {
	float: right;
	width: 31.2%;
	height: auto;
}
.left-section {
	float: left;
	height: auto;
	width: 62.8%;
}
.bgggg{

}
.left-bar
{
	width: 98%;
	float: left;
	padding-left:1%;
	padding-right:1%;
  background: #E1E1E1; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left top, #FFF, #E1E1E1); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #FFF, #E1E1E1); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #FFF, #E1E1E1); /* For Firefox 3.6 to 15 */
  background: linear-gradient(bottom right, #FFF, #E1E1E1 ); /* Standard syntax */
  
  padding-top:5px;
  padding-bottom:15px;
  border-top-right-radius:20px 20px;
}

#menue-but-box:hover, #menue-but-box:focus
{
	background-color: #DF7000;
}

#menue-but-box{
	position:absolute;
	display: none;
	border-radius: 5px 5px;
	cursor: pointer;
	padding-left: 5px;
	background-image: url(../images/icons.png);
	background-position: right 4px top -1570px;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #333;
	padding-right: 20px;
	height: 30px;
	width: 10px;
	line-height: 30px;
	background-color: #F93;
	z-index:170000;
	transition: all 0.3s 0.1s ease-out;
	top:15px;
}

#menue-but {
	float: right;
	background-color: #F96;	
}

.menue-text{
	
	float:left;
	cursor:pointer;
	margin-top:10px;
	margin-right:5px;
}

#nav-sec:hover #menue-but, .advance-search-but2:hover{
	background-color:#F96;
}
.advance-search-but:hover{
	color:#000;
}




#resources-nav{
	border-bottom:none;
}
#nav-sec #resources-nav{
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#nav-sec{
	position:relative;
	display:inline-block;
}
#nav-sec ul{
	transition: all 0.3s 0.1s ease-out;
	padding:0px;
	width:100%;
	margin:0px;
	width: 300px;
	height: 0px;
	overflow:hidden;
	position: fixed;
	right: 4%;
	top: 53px;
	box-shadow: 0px 2px 10px #666;
	padding-left: 0px;
	z-index: 6000;
	background-color: #FFF;
}
#nav-sec ul li:hover{
	background-color:inherit;
}
#nav-sec #active-page .nav-a{
	border-left-color: #FFBF00;	
}
#nav-sec ul li{
	width: 100%;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	height: auto;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#nav-sec ul li a:hover, #nav-sec ul li ul a:hover{
	background-color: #E9E9E9;
	border-left-color: #F63;
}
#nav-sec ul li a, #nav-sec ul li ul a{
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
	height: 20px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5%;
	padding-right: 4%;
	line-height: normal;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E5E5E5;
	width: 89.8%;
	border-top-style: none;
	border-right-style: none;
	border-left-style: solid;
	color: #8A8A8A;
	border-left-width: 3px;
	border-left-color: #FFF;	
}

#nav-sec ul li ul{
	
	display:block;
	height:auto;
	margin-top:0px;
	position:inherit;
	box-shadow:none;
	background:none;
}

.fix-subscribe{
	width: 100%;
	padding: 0px;
	margin-bottom: 20px;
	float: left;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	border: 1px solid #DFDFDF;
}

.fix-subscribe-li{
	width: 32.1%;
	float: left;
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 3%;
	padding-right: 3%;
	height: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E5E5E5;
}

.fix-subscribe-li-1{
	width: 55%;
	float: left;
	list-style-type: none;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 3%;
	padding-right: 3%;
	height: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #E5E5E5;
}

.fix-sub-txt{
	font-size: 14px;
	color: #963;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	font-weight: bold;
}
.subscribe-ankoz
{
	width: 96%;
	height: 30px;
	line-height: 30px;
	float: left;
	color: #333;
	background-color: #F60;
	font-size: 14px;
	font-weight: bold;
	border-radius: 3px 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	text-align: center;
	text-decoration: none;
	background-image: url(../images/right-arrow3.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
}
.js-cd-top{
	width: 50px;
	height: 50px;
	box-shadow: 0px 0px 15px #ccc;
	position: fixed;
	bottom: 30px;
	right: 10px;
	border-radius: 25px 25px;
	background-color: #FFF;
	z-index: 5000;
	background-image: url(../images/icons.png);
	background-position: 16px -875px;
	background-repeat: no-repeat;
	text-decoration:none;
	display:none;
	background-color:#fff;
}
.js-cd-top:hover{
	background-color:#CCC;
}
.subscribe-ankoz:hover
{
	background-color: #F97;	
}
.subscribe-input-2
{
	width: 65%;
	padding-left: 5%;
	padding-right: 5%;
	height: 35px;
	float: left;
	border-top-left-radius: 3px 3px;
	border-bottom-left-radius: 3px 3px;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #FF8B3E;
}
.subscribe-input-2:hover
{
	box-shadow:0px 0px 2px #FC3;
}
#subscribe-but-2
{
	width: 20%;
	height: 39px;
	float: left;
	color: #FFF;
	background-color: #FF8B3E;
	font-size: 16px;
	font-weight: bold;
	border: 0px none #969696;
	font-size: 12px;
	border-top-right-radius: 3px 3px;
	border-bottom-right-radius: 3px 3px;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: right -721px;
	cursor: pointer;
	transition: all 0.3s 0.1s ease-out;
	padding-top: 0px;
	padding-bottom: 0px;
}

#subscribe-but-2:hover
{
	background-color: #DFA800;
}
.subscribe-form-2
{
	width: 100%;
	float: left;
}

.mag-b-3 {
	float: left;
	width: 25%;
}

a{
	transition: all 0.3s 0.1s ease-out;
}

.header {
	background-color: #ccc;
	float: left;
	height: auto;
	width: 100%;
	padding-top: 0px;
    
}

#search{
	background-color: #EBEBEB;
	float: left;
	width: 80%;
	padding-right: 10%;
	padding-left: 10%;
	background-image: url(../images/banna5.png), url(../images/banna4.png);
	background-repeat: no-repeat;
	background-position: left bottom, right bottom;
	transition: all 0.3s 0.1s ease-out;
    z-index: 50000;
}

.dsearch-class1, .dsearch-class2{
	padding-top:15px;
	padding-bottom:10px;
}

.nav-li {
	list-style-type: none;
	float: left;
	height: auto;
	width: auto;
	color: #DDA600;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;
	transition: all 0.3s 0.1s ease-out;
}
.nav-li:hover 
{
	background-color: #EBEBEB;
	border-bottom-color: #FF6600;
}
.switch-country-a{
	cursor:pointer;
	display: block;
	float: left;
	height: auto;
	width: auto;
	padding-bottom: 5px;
	padding-top: 3px;
	padding-right: 30px;
	padding-left: 30px;
	background-repeat: no-repeat;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	background-color: #FFF;
	border-radius: 3px 3px;
	background-position: 7px center, 80px -503px;
}

#sa-country-bx{
background-position: 7px center, 110px -503px;
}
.search-but {
	float: left;
	height: 48px;
	width: 21.2%;
	padding-top:0px;
	padding-bottom:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FF8B3E;
	text-align: center;
	font-size: 18px;
	border-bottom-right-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	cursor: pointer;
	transition: all 0.3s 0.1s ease-out;
	
		background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: right -1472px;
	color:#FFF;
}

.search-but:hover{
	background-color: #E85C00;
}

.title-1{
	width:100%;
	font-size:40px;
	text-align:center;
	font-weight:bold;
	margin-bottom:20px;
	color:#000;
}


.search-sec-2{
	box-shadow:1px 1px 5px #999;
}

.nav-2 {
	float: right;
	margin-top: 15px;
	margin-bottom: 0px;
	height: auto;
	width: auto;
	margin-right: 0px;
	margin-left: 0px;
	padding-left:0px;
}
.logo {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	font-size: 24px;
	display: block;
	float: left;
	width: auto;
	margin-top:15px;
}
nav {
	float: left;
	height: auto;
	width:auto;
	
}
nav ul {
	padding: 0px;
	float: left;
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}


#post-a-job-navx{
	display:none;
}

.nav-li-active{
	border-bottom-color: #F30;
	background-color: #FFBF00;
}

#active-page{
	border-bottom-color: #F30;
	background-color: #FFBF00;
}

.nav-a {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	width: auto;
	display: block;
	float: left;
	height: 62px;
	line-height: 65px;
	padding-right: 10px;
	padding-left: 10px;
	background-position: left 5px center;
	background-repeat: no-repeat;
	font-weight: bold;
    transition: background-color 0.3s 0.1s ease-out;
}


#get-advice-nav
{
	padding-right: 23px;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: 92px -482px;
    transition: background-color 0.3s 0.1s ease-out;
}

#jobs-nav {
	padding-right: 18px;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: 45px -482px;
   transition: background-color 0.3s 0.1s ease-out;
}


.nav-li:hover ul{
	height:auto;
}
.nav-li ul{
	width: 200px;
	height: 0px;
	position: absolute;
	background-color: #FFF;
	margin-top: 65px;
	margin-left: 0px;
	margin-right: 0px;
	transition: all 0.3s 0.1s ease-out;
	box-shadow: 0px 2px 5px #ccc;
	overflow:hidden;
	z-index:2000;
}

nav ul li ul li{
	width:100%;
	float:left;
	background-color: #FFF;
}
.nav-li ul li a{
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
	color: #909090;
	display: block;
	font-weight: bold;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F0F0F0;
	height: auto;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FFF;
}
.nav-li ul li a:hover{
	border-left-color: #F93;
	color:#666;
}
.nav-2 li {
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #666;
	float: left;
	width: auto;
	padding-right: 7px;
	padding-left: 7px;
	height: auto;
	padding-top: 0px;
	padding-bottom: 0px;
}
.nav-2 li a {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	font-size: 13px;
	float: left;
	padding-top: 0px;
	border: 2px solid #000000;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	border-radius: 5px 5px;	
}

.nav-2 li a:hover {
	border-top-color: #BF8F00;
	border-right-color: #BF8F00;
	border-bottom-color: #BF8F00;
	border-left-color: #BF8F00;
	background-color: #FFF;
}

.search-input-wrap{
	width: 76.2%;
	float:left;
	
}

.search-input {
	float: left;
	height: 48px;
	width: 82%;
	padding-left: 15%;
	padding-right: 3.5%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 18px;
	background-repeat: no-repeat;
	transition: border-color 0.3s 0.1s ease-out;
	margin-bottom:2px;
	background-image: url(../images/icons.png);
	padding-top:0px;
	padding-bottom:0px;
}






.search-form {
	float: left;
	height: auto;
	width: 76%;
	margin-left: 12%;
	padding-top:2px;
	border-radius: 3px 3px;
	
}

.search-input-box2{
	width: 38.5%;
	float:left;
}
.search-input-box3{
	width: 75%;
	float:left;
}
#company-page-search{
    margin-bottom: 30px;
      margin-top: 0px; padding-left: 0px; margin-left: 0px; width: 100%; margin-right: 0px; padding-right: 0px;
}
.dash-search-form {
	float: left;
	height: auto;
	width: 90%;
	margin-left: 5%;
	padding-top:2px;
	border-radius: 3px 3px;
    margin-top: 20px;
   
	
}
.dash-search-input {
	float: left;
	height: 48px;
	width: 92%;
	padding-left: 4%;
	padding-right: 4%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 18px;
	background-repeat: no-repeat;
	transition: border-color 0.3s 0.1s ease-out;
	margin-bottom:2px;
	padding-top:0px;
	padding-bottom:0px;
    background-color: #fff;
}

.dash-search-but {
	float: left;
	height: 48px;
	width: 21.2%;
	padding-top:0px;
	padding-bottom:0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FF8B3E;
	text-align: center;
	font-size: 18px;
	border-bottom-right-radius: 3px 3px;
	border-top-right-radius: 3px 3px;
	cursor: pointer;
	transition: all 0.3s 0.1s ease-out;
	
		background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: right -1472px;
	color:#FFF;
}


.dash-search-but:hover{
	background-color: #E85C00;
}


footer{
	background-color: #EBEBEB;
	float: left;
	height: auto;
	width: 100%;
	padding-bottom: 30px;
	padding-top: 50px;
}
.footer-ul{
	float: left;
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom:40px;
	margin-top:0px;
	margin-bottom:20px;
}



.mjm-desc {
	float: left;
	height: auto;
	width: 30%;
	font-size: 12px;
	list-style-type: none;
	color: #666;
	margin-right:5%;
}
.mjm-desc h2 {
	font-size:14px;
}
.footer-list
{
	list-style-type: none;
	float: left;
	height: auto;
	width: 20%;
	float:left;
}
.footer-list ul li{
	list-style:none;
	margin-bottom:7px;
}
.footer-list ul li a
{
	font-size:13px;
	color:#666;
	text-decoration:none;
    padding-top: 4px;
    padding-bottom: 4px;
    display: block;
}
.footer-list ul li a:hover
{
	text-decoration:underline;
	color:#F60;
}
.footer-butom{
	width: 100%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	color: #666;
	text-align: center;
	float: left;
}

.footer-butom a
{
	width: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
	color:#666;
	padding-right:10px;
	padding-left:10px;
	text-decoration:none;
	height:10px;
	display:inline-block;
	line-height:10px;
	margin-bottom:10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
.footer-butom a:hover
{
	text-decoration:underline;
}
.copy-rit{
	margin-left:15px;
	line-height:10px;
	color:#666;
	width:60%
}

#footer-title{
	text-transform: uppercase;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom:10px;
}


.social-box{
	margin-top:10px;
	padding:0px;
	float:left;
	width:100%;

}
.social-box li{
	list-style:none;
	float:left;
	width:auto;
	margin-right:6px;
    margin-top: -2px;
}
.social-box li a{
	border: 0px solid #fff;
	float: left;
	height: 42px;
	width: 42px;
	border-radius: 21px 21px;
	background-repeat: no-repeat;
	text-decoration: none;
	background-image: url(../images/social-icons2.png);
    
}

#social-whatsapp{
	background-position: -1px -145px;
        padding-top: 0px;
    padding-bottom: 0px;
    display: block;
}
#social-facebook{
	background-position: -1px 0px;
        padding-top: 0px;
    padding-bottom: 0px;
    display: block;
}

#social-twitter{
	background-position: 0px -48px;
        padding-top: 0px;
    padding-bottom: 0px;
    display: block;
}
#social-linkedin{
	background-position: 0px -97px;
        padding-top: 0px;
    padding-bottom: 0px;
    display: block;
}
.social-box li a:hover{
	box-shadow:0px 0px 3px #666;
}
#social-fb2{
	background-image: url(../images/facebook-icon2.png);
}

#social-tw2{
	background-image: url(../images/twitter-icon2.png);
}
#social-in2{
	background-image: url(../images/linkedin-icon2.png);
}
.social-box2{
	margin-top: 20px;
	padding: 0px;
	width: 159px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
}
.social-box2 li{
	list-style:none;
	float:left;
	width:auto;
	margin-right:6px;
}
.social-box2 li a{
	border: 2px solid #F30;
	float: left;
	height: 45px;
	width: 45px;
	border-radius: 23px 25px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #F60;
	text-decoration: none;
}


.social-box3{
	margin-top: 20px;
	padding: 0px;
	width: 130px;
	margin-left: auto;
	margin-right: 0px;
	height: auto;
	float: right;
}
.social-box3 li{
	list-style:none;
	float:left;
	width:auto;
	margin-right:6px;
}
.social-box3 li a{
	border: 2px solid #F30;
	float: left;
	height: 35px;
	width: 35px;
	border-radius: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #F60;
	text-decoration: none;
}


.job-list{
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 100%;
	margin-top:0px;
}

.cjob{
	
}
.job-list-li{
	padding-top: 10px;
	padding-bottom:0px;
	margin-bottom: 30px;
	padding-left:0%;
	width:100%;
	padding-right:0%;
	border-radius: 5px 5px;
}
.job-list-li ul{
	padding:0px;
}
.job-list li{
	list-style-type: none;
	float: left;
	height: auto;
}
.job-list li h2{
	margin-bottom:5px;
	margin-top:0px;
}
.job-list li h2 a{
	font-size: 16px;
	text-decoration: none;
	color: #333;
}
.job-list li h2 a:hover, #sbu-job-list li a:hover{
	color:#F30;
}
.job-logo{
	width: 6%;
	overflow: hidden;
	margin-top: 10px;
	border: 1px solid #FFF;
	border-radius: 5px 5px;
}

.job-logo:hover
{
	border-top-color: #F60;
	border-right-color: #F60;
	border-bottom-color: #F60;
	border-left-color: #F60;
}

.job-info{
	width:88%;
	margin-left:3%;
}
.job-info ul{
	padding:0px;
}
.job-info ul li h2, .job-info ul li h3{
	padding: 0px;
	float: left;
	line-height: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	
}


.job-item{
	width:100%;
}
.sub-job-sec{
	width:100%;
}
#sbu-job-list
{
	width:80%;
	padding-left:10%;
	padding-right:10%;
	float:left;
	margin-top:10px;
	height:auto;
}
#sbu-job-list li{
	width: 100%;
	float: left;
	color: #FC3;
	margin-bottom: 4px;
	list-style-image: url(../images/arrow.png);
	height: auto;
}
#sbu-job-list li a{
	font-size: 13px;
	color: #666;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 0px;
    padding-right: 0px;
    display: block;
	text-decoration: none;
	
}
.job-item ul{
	width:100%;
	padding:0px;
	margin-top:10px;
	margin-left:0px;
}
.job-item ul li{
	margin-right: 5%;
	font-size: 12px;
	color:#666;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom:10px;
}
#job-field a{
color:#666;
}
#job-field{
	background-image: url(../images/icons.png);
	background-position: 0px -766px;
    padding-bottom: 2px;
	
}
#job-date{
	background-image: url(../images/icons.png);
	background-position: 0px -796px;
	color:#F60;

	
}

#job-date2{
	
	
	color:#F60;
    background-repeat: no-repeat;
    font-size: 12px;
    padding-left: 0px;
    display: block;
    margin-top: 6px;
    float: left;

	
}
#job-duration{
	background-image: url(../images/icons.png);
	margin-right:0px;
	background-position: 0px -822px;
}
.job-salary{
	display: inline-block;
	background-color: #BEE3F8;
	color: #1A4971;
	font-size: 13px;
	padding: 5px 12px;
	line-height: 1.4;
	margin-top: 12px;
	margin-bottom: 8px;
}
.job-item ul li a{
	text-decoration: none;
	color: #666;
}
.job-item ul li a:hover{
	text-decoration:underline;
}
.job-info ul li h2 a, .job-info ul li h3 a{
	font-size: 15px;
	color: #036;
    text-decoration: none;
}

.job-info ul li h2 a:hover, .job-info ul li h3 a:hover{
	
	color: orangered;
   
}

/*.job-page-nav{
    float: left;
    width: 100%;
    margin-bottom: 30px;
    
}

.job-page-nav a{
    display: block;
    width: 24.2%;
    margin-right: 1%;
    background-color: #999;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
    float: left;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 35px 35px;
}
.job-page-nav a:hover{
    background-color: orange;
}*/

.job-page-nav {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
    background: #fff8f3;
    border: 1px solid #ffe0c4;
    border-radius: 12px;
    padding: 10px;
}

.job-page-nav a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #1a1a2e;
    color: white;
    padding: 14px 24px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.job-page-nav a:hover {
    background: #2d2d44;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(26, 26, 46, 0.3);
}

.job-page-nav a .icon {
    color: #e67e22;
    font-size: 1.1rem;
}

/*.job-page-nav a .count {
    background: #e67e22;
    color: white;
    padding: 4px 10px;
    border-radius: 15px;
    font-size: 0.75rem;
    font-weight: 600;
} */

.job-desc{
	font-size:13px;
	color:#666;
	float:left;
	line-height:18px; 
   overflow-wrap: break-word;
   word-break: break-word;
   
}

.warning-alert{
    width: 80%;
    float: left;
    background-color: #000;
    color: #f9f9f9;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    padding-left: 10%;
    padding-right: 10%;
    font-family: arial;
    line-height: 24px;
}

.category-box{
	float: left;
	height: auto;
	width: 83%;
	padding-top: 30px;
	padding-right: 10%;
	padding-bottom: 30px;
	padding-left: 7%;
	border: 1px solid #CCC;
	margin-bottom:0px;
	margin-top:0px;
   font-size:1em;
}
.category-box li{
	list-style:none;
	width:46%;
	float:left;
	padding-left:2%;
	padding-right:2%;
	margin-bottom:7px;
}
.category-box li a{
	text-decoration:none;
	font-size:0.9em;
	color:#666;
    display: inline-block;
    padding-top: 4px;
    padding-bottom: 4px;
}
.category-box li a:hover{
	text-decoration:underline;
	color:#F30;
}
#testimonials{
	float:left;
	padding-bottom:100px;
	padding-top:100px;
}
.rating-stars {
	background-color: #E1A900;
	height: 18px;
	width: 65px;
	color: #666;
	font-size: 12px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 3px 3px;
	margin-right: auto;
	margin-left: auto;
}
.star-o{
	color: #FFF;
}
.testimonial{
	float: left;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	background-color: #E8FFE8;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.testimonial li{
	list-style:none;
}
.testimonial-li{
	width: 90%;
	height: auto;
	padding-left: 5%;
	padding-right: 5%;
	list-style: none;
	float: left;
	padding-top: 20px;
	padding-bottom: 20px;
	background-image: url(../images/quote.png);
	background-repeat: no-repeat;
	background-position: left 20px top 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}

.testimo-job{

}

.testimonial li ul{
	float:left;
	width:100%;
	padding:0px;
	margin:0px;
}
.testimo-img{
	width: 80px;
	height: 80px;
	border-radius: 44px 44px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: -45px;
	margin-bottom: 10px;
	border: 5px solid #FFF;
	transition: all 0.3s 0.1s ease-out;
}
.testimo-uza{
	border: 1px solid #EAEAEA;
	float: left;
	width: 90%;
	padding-right: 5%;
	padding-left: 5%;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: all 0.3s 0.1s ease-out;
}
.testimo-arrow {
	height: 35px;
	width: 40px;
	border: 1px solid #CCC;
	display: block;
	margin-top: 250px;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	border-radius:3px 3px;
}
#testi-left-a{
	background-image: url(../images/left-arrow.png);
	left: 15px;
}

#testi-right-a{
	background-image: url(../images/right-arrow.png);
	right: 15px;
}
.testimo-arrow:hover {
	background-color: #FC3;
}
#testi-left-a:hover{
	background-image: url(../images/left-arrow2.png);
	border-top-color: #FC3;
	border-right-color: #FC3;
	border-bottom-color: #FC3;
	border-left-color: #FC3;
}
#testi-right-a:hover{
	background-image: url(../images/right-arrow2.png);
	border-top-color: #FC3;
	border-right-color: #FC3;
	border-bottom-color: #FC3;
	border-left-color: #FC3;
}
.h2-line {
	height: 5px;
	width: 10%;
	margin-left: 45%;
	margin-right: 45%;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FF8B3E;
	float: left;
}
.h2-line2 {
	height: 5px;
	width: 100px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #900;
	float: left;
}
.h3-line {
	height: 3px;
	width: 70px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	float: left;
}
.main-h1{
	float:left;
	width:auto;
	padding:0px;
	margin:0px;
}
.main-h2{
	width: 100%;
	text-align: center;
	float: left;
	font-size: 20px;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom:5px;
}

.main-h2-2{
	width: auto;
	float: left;
	font-size: 20px;
	padding-top: 5px;
	margin-top: 10px;
	padding-bottom: 5px;
	padding-left: 2%;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FA8022;
	color: #666;
	font-size: 18px;
	margin-bottom: 15px;
}

.choose-ur-job{
	float: right;
	height: auto;
	width: auto;
	margin-top: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #036;
	text-align: right;
    font-size: 0.9em;
    position: relative;

    
}

#jobs-sec{
	width:100%;
	float:left;
	padding-top:20px;
	padding-bottom:50px;
}
#jobs-cat-sec{
	width:100%;
	float:left;
	padding-top:0px;
	padding-bottom:50px;
}
.job-tips{
	width:100%;
	padding:0px;
	margin:0px;
	padding-top:0px;
	margin-top:0px;
	float:left;

}
.view-all-post{
	width: 100%;
	height: 44px;
    padding-top: 5px;
    padding-bottom: 5px;
	text-align: center;
	line-height: 44px;
	text-decoration: none;
	display: block;
	background-color: #666;
	float: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	font-size: 14px;
	background-image: url(../images/rightt-arrow-wit2.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	color: #FFF;
	font-weight: bold;
}

.view-all-post2 {
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	text-decoration: none;
	display: block;
	background-color: #FF8B3E;
	float: left;
	font-size: 14px;
	background-image: url(../images/rightt-arrow-black.png);
	background-repeat: no-repeat;
	background-position: right 20px center;
	color: #000;
	font-weight: bold;
	border: 1px solid #FF8B3E;
}
.view-all-post2:hover{
	background-color: #F30;
	color: #FFF;
	background-image: url(../images/rightt-arrow-wit2.png);
}
.view-all-post:hover{
	color: #FC3;
	background-image: url(../images/rightt-arrow-wit22.png);
}
#job-cat-head{
	float: left;
	height: auto;
	width: 100%;
	margin-bottom:10px;
	font-size:14px;
}
#job-cat-head h2{

	font-size:16px;
}
.add-testimo{
	text-decoration: none;
	text-align: center;
	display: block;
	float: left;
	height: 40px;
	width: 49%;
	font-size: 14px;
	background-color: #666;
	line-height: 40px;
	margin-top: 5px;
	color:#FFF;
	font-size:13px;
}
.job-tips li{
	width: 90%;
	background-repeat: no-repeat;
	background-position: left top;
	height: auto;
	padding-right: 5%;
	padding-left: 5%;
	float: left;
	list-style: none;
	border: 1px solid #E5E5E5;
     border-bottom:none; 
    padding-top:3px; 
    padding-bottom:3px
}
/*.job-tips li h3{
	margin-bottom:4px;
	float:left;
	margin-top:0px;
	padding-top:0px;
}*/
.job-tips li p{
	float: left;
	margin-bottom: 0px;
	
	color: #999;
    
}
.job-tips li a{
	text-decoration: none;
    font-size: 0.85em; 
    color:#1C625D;
    padding-top: 7px;
    padding-bottom: 7px;
    float: left;
    line-height: 20px;
    font-weight: bold;
}
.job-tips li a:hover{
	color:darkorange;	
}
.job-tips-more{
	text-decoration:none;
	color:#036;
	font-weight:bold;
    font-size: 12px;
}
.job-tips-more:hover{
	text-decoration:underline;
}
.job-tips-sec
{
	width:44%;
	padding-left:3%;
	padding-right:3%;
	background-color:#FC3;
	float:left;
	padding-top:50px;
	padding-bottom:50px;
}
.courses-sec{
	width:44%;
	padding-left:3%;
	padding-right:3%;
	float:left;
	padding-top:50px;
}
.courses{
	width: 100%;
	float: left;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding-right: 0%;
	padding-left: 0%;
	padding-top: 0px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FF8B3E;
	border-right-color: #FF8B3E;
	border-bottom-color: #FF8B3E;
	border-left-color: #FF8B3E;
}
.courses li{
	width: 90%;
	background-color: #FFF;
	height: auto;
	float: left;
	margin-left: 0%;
	margin-right: 0%;
	padding-bottom: 20px;
	padding-top: 20px;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF8B3E;
	padding-right: 5%;
	padding-left: 5%;
}
.bb222{
	 width:70%;
    height:200px;
    background:#FFF;
    margin:40px auto;
}
.course-info{
	width: 55%;
	margin-left: 5%;
	float: right;
	margin-right: 0%;
}
.courses-li
{
  position: relative;
  
}
.course-ad li{
	list-style:none;
}
.course-info2{
	width: 76%;
	margin-left: 3%;
	float: left;
	margin-right: 1%;
}
.course-title-a{
	color: #00C;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}
.course-title-a:hover{
	color:#F63;
}
.course-location2{
	font-size: 11px;
	color:#666;
	background-image: url(../images/location.png);
	background-position: left center;
	background-repeat: no-repeat;
	width: 90%;
	padding-left: 4%;
	padding-top:5px;
	float: left;
	margin-bottom:20px;
}
.course-ad{
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #FC3;
	height: auto;
	width: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 2px;
	padding-bottom: 2px;

	text-decoration: none;
	font-size: 12px;
	color: #666;
	font-weight: bold;
	display: inline-block;
  
}
.course-img1{
	float: left;
	width: 13%;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
	background-color: #999;
	
}

.course-img{
	float: left;
	width: 39%;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 0px;
}


.courses li h3{
	font-size: 16px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
	width: 100%;
	height: auto;
}
.courses li h3 a:hover{
	color:#F30;
}
.courses li h3 a{
	font-size:14px;
	text-decoration:none;
	color:#000;
}
.course-price{
	color: #000;
	height: auto;
	width: 50%;
	text-align: left;
	margin-top: 13px;
	margin-right: 0px;
	font-size: 14px;
	float:left;
}
.learn-more{
	width: auto;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FC3;
	border-radius:3px 3px;
	float:left;
	display:block;
	text-decoration:none;
	font-size:12px;
}

#view-all{
	width: auto;
	
	line-height: 25px;
	padding-left: 9px;
	padding-right: 18px;
	border-radius: 3px 3px;
	display: block;
	text-decoration: none;
	font-size: 0.9em;
	color: #FFF;
	float: right;
	margin-top: 10px;
	background-color: #FF8B3E;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	background-position: right -722px;
}
#view-all:hover, .view-all:hover{
	background-color: #F63;
}

.view-all{
	width: auto;
	height: 25px;
	line-height: 25px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 3px 3px;
	float: left;
	display: block;
	text-decoration: none;
	font-size: 11px;
	border: 1px solid #FF8B3E;
	color: #366;
	margin-top: 10px;
}

.course-location{
	font-size: 10px;
	color:#666;
	width: 100%;	
	padding-top:5px;
	float: left;
	margin-bottom:20px;
}
#job-tips-cour