.prodpackz{padding:0px 0px;}


.proprodhead {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 20px;
    max-width: 600px;
}


.jopoprod h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0px 20px;
    text-align: left;
}


.jobpostz {
    padding: 20px;
    box-shadow: 0px 0px 12px #ccc;
    border-radius: 10px;
}


.jobpostz h4 {
    font-size: 16px;
    font-weight: 500;
    color: #308ea7;
    margin-bottom: 10px;
}

.jobpostz h4 span{float:right;}

.jobpostz p {
    font-size: 13px;
    color: #555;
    font-weight: 400;
	width:calc(100% - 20%)
}

.jobpostz h5 {
    font-size: 15px;
    font-weight: 400;
    margin: 10px 0px;
	width: calc(100% - 0%);
}

.jobpostz h5 input[type="checkbox"]:checked + label {
    color: #308ea7;
}

.jobpostz h5 input[type="checkbox"]:checked + label + span{color: #308ea7;}

.jobpostz h5 span{float:right;}



.jopoprod hr{margin:30px 0px;}


.arritinfoz .input-quantity{
  outline: none;
  user-select: none;
  text-align: center;
  width: 47px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent!important;
  margin-bottom:0px!important;
  border: none!important;
}
 



.credbal h3{font-size: 18px;
    font-weight: 500;
    margin: 10px 0px 20px;
    text-align: center;}


.credbal {
    padding: 20px;
    box-shadow: 0px 0px 12px #ccc;
    border-radius: 10px;
}


.credbal h4{font-size:15px;font-weight:500;color: #b53741;
    margin-bottom: 10px;}

.credbal h4 span{float:right;}

.credbal p {
    font-size: 14px;
    color: #555;
    font-weight: 400;
	width:calc(100% - 10%)
}

.credbal h5 {
    font-size: 12px;
    font-weight: 400;
    margin: 15px 0px;
}

 
.credbal h5 span{float:right;}



.credbal hr{margin:20px 0px;}



.adzclasstrnz {
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    text-align: center;
	height: 190px;
}

.adzclasstrnz h4{font-size:16px;font-weight:600;color: #b53741;
    margin-bottom: 10px;}


.dolintyp {
    position: relative;
    display: flex;
    justify-content: space-around;
    margin: 30px 0px 20px;
}

.dolintyp button {
    padding: 3px 12px;
    background: #308ea7;
    color: #fff;
    border-radius: 3px;
    max-height: 35px;
    margin: 0px 3px;
}

.dolintyp label{position: absolute;
    z-index: 9;
    color: #fff;
    background: #308ea7;
    left: 0px;
    padding: 4px 12px;
}

.dolintyp span{margin:0px 5px;}

.dolintyp input{ max-width: 140px;
    padding-left: 40px;
    background: #eee;
}
 
 
.manage-jobs-heading h3{text-align:center;}


.adzclasstrnz .addwal {
    padding: 3px 12px;
    background: #308ea7;
    color: #fff;
    border-radius: 3px;
    max-height: 35px;
    margin: 0px 3px;
}



.classtrnz {
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    border-radius: 10px;
    text-align: center;
    float: left;
    width: 100%;
	height: 190px;
}


.classtrnz h3 {
    font-size: 14px;
	text-align:left;
	font-weight:400;
    margin: 10px 0px;
}

.classtrnz h3 span{ font-size: 16px;font-weight:600;float:right;text-align:right;}


.classtrnz h4{font-size:16px;font-weight:600;color: #b53741;
    margin-bottom: 30px;}


.joblink{float:right;margin:0px 12px;max-width:50px;}






#abc {
    width: 100%;
    height: 100%;
    opacity: .95;
    top: 0;
    left: 0;
    display: none;
    position: fixed;
    background-color: #31313140;
    overflow: auto;
    z-index: 99;
}
i#close {
    position: absolute;
    right: -9px;
    top: -14px;
    cursor: pointer;
    z-index: 99;
    width: 20px;
    height: 20px;
    background: #3b94ab;
    color: #fff;
    text-align: center;
    line-height: 20px;
    border-radius: 22px;
}
div#popupContact {
position:absolute;
left:50%;
top:17%;
margin-left:-202px; 
}
 
 
 
div#popupContact form {
    max-width: 400px;
    min-width: 400px;
    padding: 10px 20px;
    border-radius: 10px; 
    background-color: #fff;
    box-shadow: 0px 0px 10px #fff;
}
div#popupContact p {
margin-top:30px
}
div#popupContact h2 {
    background-color: #FEFFED;
    padding: 10px 0px;
    margin: 0px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    color: #4599af;
    text-transform: capitalize;
    font-size: 18px;
    font-weight: 500;
}
div#popupContact hr {
    margin: 10px 0px;
    border: 0;
    border-top: 1px solid #3b94ab;
}

div#popupContact h4 {
    margin: 14px 0px;
    font-size: 15px;
    line-height: 30px;
    font-weight: 400;
}

div#popupContact h4 span {
    color: #3b94ab;
    font-weight: 500;
    display: block;
    margin: 10px 0px;
    font-size: 16px;
}


div#popupContact input[type=text] {
    width: 100%;
    padding: 10px;
    margin-top: 30px;
    border: 0px;
    border-bottom: 1px solid #333;
    font-size: 14px;
    height: 40px;
    background: #eee;
}
 
div#popupContact #submit {
    text-decoration: none;
    width: auto;
    text-align: center;
    display: table;
    background-color: #308ea7;
    color: #fff;
    padding: 10px 20px;
    margin: 10px auto;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    border-radius: 5px;
}
div#popupContact span {
color:red;
font-weight:700
}
div#popupContact button {
width:10%;
height:45px;
border-radius:3px;
background-color:#cd853f;
color:#fff; 
font-size:16px;
cursor:pointer
}
 
.jobpostz .shopz {
    float: right;
    margin: 0px 15px;
    color: #308ea7;
}
 
.doplakzzz button {
    background: #308ea7;
    margin: 10px auto;
    display: block;
    padding: 0px!important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius: 50px;
}
 .doplakzzz button i{line-height:30px;color:#fff;}
 
 .packjobz .jobzlink {
    padding: 3px 7px;
    background: #b63b46;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    float: right;
    min-width: 75px;
    text-align: center;
    margin: 0px 5px;
}
 
 .packjobz h5 {
    font-size: 15px;
    font-weight: 400;
    margin: 10px 0px;
    width: calc(100% - 0%);
}
 
 
 a.adzcart {
    padding: 5px 7px;
    background: #308ea7;
    color: #fff;
    font-size: 12px;
    text-align: center;
    min-width: 80px;
    margin: 0 auto;
    display: block;
    border-radius: 3px;
}
 
 
 .caretz{padding:50px 0px;}
 
.cart-table {
    box-shadow: 0px 0px 12px #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
}


.checkz-table{
    box-shadow: 0px 0px 12px #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
	margin-bottom:30px;
}
 
.cartable th {
    background: #af2732;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    padding: 10px;
}
 
.cartable td {
    padding: 15px 10px!important;
    font-size: 14px;
}
 
 .updbtnz{padding: 5px 12px;
    background: #308ea7;
    color: #fff;
	margin:0px 3px;
    border-radius: 3px;}
 
 .chkzbtnz{padding: 5px 12px;
    background: #308ea7;
    color: #fff;
	margin:0px 3px;
    border-radius: 3px;}
 
 
 .checkoutz{padding:50px 0px 0px;}
 
 
 
 
.checkout-step {
    border-top: 1px solid #f3f3f3;
    color: #2b2f4c;
    font-size: 14px;
    padding: 20px;
    position: relative;
    box-shadow: 0px 0px 12px #ccc;
    border-radius: 15px;
}

.checkout-step:first-child {
    border-top: 0;
}

.checkout-step-number {
    border-radius: 50%;
    border: 1px solid #f55d2c;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    height: 32px;
    margin-right: 20px;
    padding: 6px;
    text-align: center;
    width: 32px;
    color: #fff;
    background: #f55d2c;
}

.checkout-step-title{ 
	font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
	display: inline-block; 
	margin: 0px;
}

.wizard-btn {
    background: transparent;
    border: 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 18px;
    color: #2b2f4c;
}
 
.checout-address-step { }

.checout-address-step .form-group{
	margin-bottom: 18px;
	display: inline-block;
    width: 100%;
}

.checkout-step-body{ 
	padding-left: 0; 
	padding-top: 30px;
}

.checkout-step-active{
	display: block;
}

.checkout-step-disabled{ 
	display: none;
}

.radio--group-inline-container_1 {
    width: 100%;
    width: 100%;
    display: block;
    margin-bottom: 22px !important;
}

.radio--group-inline-container_1 li {
    display: inline-block;
    width: 40.333%;
    margin-right: 10px;
}

.radio--group-inline-container_1 .radio-item_1 {
    display: inline-block;
    margin-right: 10px;
    width: 100%;
}

.radio--group-inline-container_1 .radio-item_1 input[type="radio"] {
    position: absolute;
    opacity: 0;
}

.radio--group-inline-container_1 .radio-item_1 input[type="radio"]:checked + .radio-label_1:before {
    background-color: #308ea7;
    box-shadow: inset 0 0 0 2px #f4f4f4;
}

.radio--group-inline-container_1 .radio-item_1 input[type="radio"] + .radio-label_1:before {
    content: '';
    background: #f7f7f7;
    border-radius: 100%;
    border: 1px solid #b4b4b4;
    display: inline-block;
    width: 1em;
    height: 1em;
    top: 0px;
    position: relative;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    -webkit-transition: all 250ms ease;
    transition: all 250ms ease;
}

.radio-label_1 {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 16px;
    color: #2b2f4c;
    cursor: pointer;
    padding: 15px 20px;
    background: #f9f9f9;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #efefef;
}
 
 
.placordbtnz {
    background: #a71320;
    color: #fff;
    padding: 5px 20px;
    border-radius: 6px;
}
 
 
 .checkpontz{padding-bottom:30px;}
 
 .w100{width:100%;}
 
 
 .tab-content.tabliq.tabs {
    padding: 0px!important;
    margin: 0px;
    line-height: initial;
}
 
 .jobzlink {
     
    margin: 0px 12px;
    max-width: 50px;
}
 
 .jobzlink {
    padding: 2px 7px;
    background: #b63b46;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
}
 
  .jobzlink:hover{color:#fff;}